• Conchiglie——灵感来自意大利面的古怪小柠檬榨汁机!

  • 多彩清新的图案!Sincere Cider 苹果酒包装设计

  • WMBC 羽毛球俱乐部品牌视觉设计

  • 中国邮政微调 LOGO 标准字和标准色,绿色更深暗

  • 成都麓湖·A4 美术馆品牌重塑,启用全新 LOGO

  • 咸池茶坊包装设计

  • 西铁城全新虚拟博物馆“LIGHT is TIME”正式上线

  • 企业如何跨越非持续性增长创新鸿沟?

  • 响应教育部文件精神 SIA 为艺术国际生保驾护航

  • 自带禅意花园的概念躺椅

  • Crossing 灯饰,带您穿越时空,穿越未来~

  • LAUFEN 概念座厕 污水源头分离不再难

  • Kifchef 最适合独自生活的你~!

  • FJORD 当色彩和空间达到平衡,你就获得了一个完美的家~!

  • 免费洗手液分发机现身巴黎街头

  • Aurora - Artificial Intelligence Brand Interactive Design

  • 微软正式发布 Surface Hub 2 是协同工作的未来吗?

  • 餐厅与产品的用户引导设计

商业

UI 与下拉列表的和谐设计

贡献者: wxn123 来源:LukeW 时间:4年前 热度:

这篇文可能会有些硬科技,并不是专门的美文,这是一位设计师的随想之作,就是如此,想到哪写到哪。 先说说吧,所有移动的窗体使用下拉列表菜单都会更好看,这里有几个下拉列表的备选方案,我们大概能从其中得到一点启发。

这篇文可能会有些硬科技,并不是专门的美文,这是一位设计师的随想之作,就是如此,想到哪写到哪。

先说说吧,所有移动的窗体使用下拉列表菜单都会更好看,这里有几个下拉列表的备选方案,我们大概能从其中得到一点启发。

预期影响转换

没有人会喜欢填写式的窗体。形式似乎会变得更冗长而复杂,我们也无法顺利的把信息导入其中。尤其是那些较小的屏幕,输入会显得很不精确。

1.png

当有两个额外的字段时,我们要表现出主要的差异问题。下拉菜单中几乎每个问题都需要考虑到,包括最适当的输入与相应的控件问题。

2.png

下拉列表的菜单中移动和桌面交互是一个多步骤的过程,通常情况下会需要更大的努力。所以,首先要进行控制,然后滚动,找到你要选择的目标,最后继续下一步的工作。

大小的调整

前进大小的调整是要进行反复测试的,所以会经常做一些非常规化的调整。而在测试时,我们选用了移动航班的预定表单,对此,我发现,人们首选分档会选择乘客的数目。这些所需要的,都是因为下拉菜单的设计和选择。

单选组

单选组是针对某种特定问题产生的,尤其是选项互相排斥的时候,会更适合单选组。

5.png

附加的控件

附加的控件不是唯一的控件,这个可以代替下拉菜单并且支持简单的交换机模式。这是两个选择,允许考虑范围和形式,并且细化到每个问题以及其中的空间是否合适。

6.png

按钮输入暴露了选项,否则这些都会被隐藏在一个下拉列表

7.png

在某些情况下,多个下拉菜单可以浓缩成一个输入的控件,航班预定标记需要收集旅行的日期。

作为最后的手段,所有这些下拉列表应该可以这么说,你可能永远不会使用他们作为用户界面设计。精心设计的形式会让他们为每个问题的最适当输入控件的使用要求作出调整。因为某些时候层次结构是很难去掌握和理解的。在如今的软件设计中,下拉列表很有可能是你要设计 UI 控件时的第一个组件,所以,这至关重要。

via:lukew

转载请注明来自 Arting365

Arting365 新版官网:http://arting365.com/

 

wxn123

没有个性签名

评论 条回复
扫进你口袋
微信搜索Arting365design 或 扫描二维码

推荐阅读

© 2017 Arting365 Corporation, All right reserved.