利用设计揭示交互可能性
数据操作控件
在功能性应用程序中,数据操作控件是一个广泛且关键的类别。几乎各类应用,像电子商务、银行、旅游等,都依赖这些控件让用户查找信息、进行选择以及完成购买、注册等交易。无论交易简单还是复杂,控件的样式都要能有效预示其功能。例如,预输入字段需提供视觉高亮来确认选择,滑块要有可抓取的感觉,让用户知道该移动什么,可拖动元素要有明显的“提示”,告知用户可放置物品的位置。
数据识别、操作和交易的控件包括:
- 单选按钮
- 基于复选框或下拉菜单的搜索结果过滤器
- 多选框
- 可配置列表,允许用户在不同列表间移动项目
- 滑块
- 预输入字段
- 日历选择器
- 颜色选择器
表单元素
表单元素(包括按钮)是最常用的数据操作控件,其交互可能性通常比较明确:输入字段暗示可输入,单选按钮和复选框暗示可点击,下拉菜单暗示可点击或滑动展开。因此,这些元素的视觉设计应注重与网站风格和个性相匹配。
例如,捷蓝航空(JetBlue)的在线航班搜索界面就是一个很好的例子。航班预订器在单选按钮和表单提交处使用橙色高亮,与整个应用的颜色和字体使用相呼应。下拉菜单上微妙的内部渐变和外部阴影为表单元素增添了层次感,吸引用户点击。该工具还使用符号和图标来强调表单元素及其交互可能性,如位置框、最近搜索列表和下拉菜单中的向下箭头,暗示用户输入或点击后下方会出现选择界面;向右的箭头暗示向前操作,可查看另一屏幕上的信息;日历图标预示可通过日历小部件选择日期,并且通过在不同图标中稍微不同的位置显示实心蓝色“日期”,巧妙地暗示出发和返回日期的概念。
尺寸和对
超级会员免费看
订阅专栏 解锁全文
10万+

被折叠的 条评论
为什么被折叠?



