加入收藏 | 设为首页 | 会员中心 | 我要投稿 温州站长网 (https://www.0577zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 大数据 > 正文

实用干货!从四个方面帮你设计出优雅的选择菜单

发布时间:2016-12-07 18:54:18 所属栏目:大数据 来源:优设网
导读:在界面设计中正确地利用选框、下拉列表或菜单,可以带来不少很棒的效果。今天这篇好文从选择菜单和选项数量/标签/默认选项4个方面出发,帮你设计出优雅的交互方式,实实在在的干货,别错过咯 好的选择菜单可以: 1)它们能节省屏幕空间,同时也能减少用户输

  

实用干货!从四个方面帮你设计出优雅的选择菜单
xz2016062610

 

  图10,Radio Group

  2)数字步进器,可以被用在只能递增/递减其数量的选项上,以便让用户能便捷地微调数值(例如选择乘客数量,图11)

  

实用干货!从四个方面帮你设计出优雅的选择菜单
xz2016062611

 

  图11,Stepper

  3)状态切换器,可用于快速转换两种相反状态 (图12)

  

xz2016062612

 

  图12,Switcher

  4)滑动控制器,可以流畅地控制数值,并且告知可选范围 (图13)

  

xz2016062613

 

  图13,Slider

  当你需要设计一个比较复杂的下拉选择表格时,先针对性地看看每一个问题和其包含选项的特性,并考虑哪一种交互形式更适用。

  记住一点在设计选择菜单时的共同原则——你必须尽量简化不必要的输入操作。在某些情况下,多个选择菜单甚至能被浓缩成一个输入控件,从而精简交互流程,并大大降低用户在理解选择操作时的认知负担。

  总结

  选择菜单常常会暴露设计上的诸多问题,比如缺乏必要的填写引导、在不必要的时候隐藏选项、只提供选择却不允许用户修改等。

  

xz2016062614

 

  但这些并不意味着你应该在界面设计中避免使用它们,选择菜单之所以容易产生诸多问题,反而是因为设计师并没有在合适的情况下以合适的方法加以运用。

  到底是什么让设计有好有坏?

  好的设计无非就是让最合适的交互方式出现在了最合适的地方,就比如当你让用户做出填写选择的同时,也提供了恰当的操作界面,而记住,“恰当”的方式并非固定不变,有时是选框,有时是自动填写的输入框,有时是下拉列表,总是根据具体情况而定。

(编辑:温州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读