18、利用设计揭示交互可能性

利用设计揭示交互可能性

数据操作控件

在功能性应用程序中,数据操作控件是一个广泛且关键的类别。几乎各类应用,像电子商务、银行、旅游等,都依赖这些控件让用户查找信息、进行选择以及完成购买、注册等交易。无论交易简单还是复杂,控件的样式都要能有效预示其功能。例如,预输入字段需提供视觉高亮来确认选择,滑块要有可抓取的感觉,让用户知道该移动什么,可拖动元素要有明显的“提示”,告知用户可放置物品的位置。

数据识别、操作和交易的控件包括:
- 单选按钮
- 基于复选框或下拉菜单的搜索结果过滤器
- 多选框
- 可配置列表,允许用户在不同列表间移动项目
- 滑块
- 预输入字段
- 日历选择器
- 颜色选择器

表单元素

表单元素(包括按钮)是最常用的数据操作控件,其交互可能性通常比较明确:输入字段暗示可输入,单选按钮和复选框暗示可点击,下拉菜单暗示可点击或滑动展开。因此,这些元素的视觉设计应注重与网站风格和个性相匹配。

例如,捷蓝航空(JetBlue)的在线航班搜索界面就是一个很好的例子。航班预订器在单选按钮和表单提交处使用橙色高亮,与整个应用的颜色和字体使用相呼应。下拉菜单上微妙的内部渐变和外部阴影为表单元素增添了层次感,吸引用户点击。该工具还使用符号和图标来强调表单元素及其交互可能性,如位置框、最近搜索列表和下拉菜单中的向下箭头,暗示用户输入或点击后下方会出现选择界面;向右的箭头暗示向前操作,可查看另一屏幕上的信息;日历图标预示可通过日历小部件选择日期,并且通过在不同图标中稍微不同的位置显示实心蓝色“日期”,巧妙地暗示出发和返回日期的概念。

尺寸和对

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值