• 肥皂瓶 SOAP BOTTLE

  • 2020 年 LOEWE 罗意威工艺奖 最终入围者公布

  • 适应不同环境的新模块、新材料“Levita”

  • 著名早教益智玩具品牌 费雪 Fisher-Price

  • 佳能发布 EOS 850D 和新款炫飞打印机,还有 R5 和多款镜头在后面

  • 日本时尚服饰品牌 WEGO 启用新 LOGO

  • 建筑师冯凡:小小世界

  • 第 92 届奥斯卡金像奖颁奖,《寄生虫》真的创造了历史

  • 日本麦当劳即将开卖“米汉堡”,有 3 种口味

  • 麦当劳带来汉堡味道的香薰蜡烛,用 6 种香味组成

  • Nintendo Switch Lite 有了新配色,任天堂联名 TF 卡也开卖了

  • Volvo Chrysalid——越野车设计,给您以充分的安全感

  • Emoji 新增 117 个表情,其中这三个有可能成为今年最受欢迎表情

  • 传言坐实,美国内政部正式宣布全面停飞中国制无人机

  • 欧盟议会通过单一手机充电口标准决议,相关法律预计 7 月出台

  • Facebook 推出 Lasso,这是要正面刚抖音了

  • AI 画作的首场拍卖会确定了时间,10 月底佳士得将带来历史性的一刻

  • 微软正式发布 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 / 沪ICP备05004653