【Axure教程】:下拉选择切换交互操作

4 评论 12205 浏览 11 收藏 3 分钟
🔗 B端产品经理需要更多地进行深入的用户访谈、调研、分析,而C端产品经理需要更多地快速的用户测试、反馈、迭代

工作中,我们时常会遇到关于下拉选择切换,根据选择不同的内容切换到不同的字段信息,很多小伙伴不清楚该如何做对应的交互,本篇将画一个关于选择不同的交通方式为案例,做一个选择对应的交通方式填写或默认对应的字段信息。

原型示例:https://vkx0hn.axshare.com

一、原型准备

首先,我们选择Axure自带的表单组件【下拉列表】,并设置列表选择内容。

接着再选择一个【文本框】组件,输入对应的提示语,并将其“设为隐藏”。

再选择一个和【文本框】相同尺寸的【矩形组件】,调整内部填充颜色,并将其置于【文本框】组件底层。

二、原型交互

点击下拉选择器进行设置情形设置,设置情形1。

对情形1进行交互设置显示/隐藏。

接着,设置情形2。

这样,一个完整的下拉选择切换就做完了,若有描述不够详细的地方,可以在下方评论,本人看到后第一时间回复你们,希望本篇教程可以帮助到你们。

本文由@Eason同学 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自Unsplash,基于CC0协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 请问情形设置在哪呀

    来自北京 回复
  2. 显示与隐藏那块,目标只能找到一级组件(文本框),找不到里面的具体内容,为什么

    来自浙江 回复
    1. 应该是元件选择错了,选择下拉框试一下哦

      来自江苏 回复
    2. 找到问题了分享的很有用哦,跟你学会两个交互

      来自浙江 回复
专题
14737人已学习13篇文章
裂变是研究用户增长的重要一环。本专题的文章分享了如何做裂变活动。
专题
16546人已学习13篇文章
在互联网时代,把网站的服务封装成一系列计算机易识别的数据接口开放出去,供第三方开发者使用,这种行为就叫做Open API。 而提供开放API的平台本身就被称为开放平台。本专题的文章分享了开放平台的搭建思路。
专题
11593人已学习12篇文章
从二维到三维空间的过渡,其交互范式也会随之从2D GUI时代转换到3D UI时代。本专题的文章分享了XR空间交互指南。
专题
17750人已学习13篇文章
本专题的文章分享了小程序介绍、小程序搭建、优化设计规范和功能设计指南
专题
13014人已学习12篇文章
发觉用户本能的最好方式就是从用户的心理出发,利用人的本能做产品设计,用最“自然”的方式影响用户的行为。本专题的文章分享了产品心理学。
专题
13114人已学习14篇文章
数字营销有着精准度高、成本较低、效果可量化等优点,很多企业都尝试了数字营销。本专题的文章分享了数字营销的相关内容。