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

　　图10，Radio Group

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

　　图11，Stepper

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

　　图12，Switcher

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

　　图13，Slider

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

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

　　总结

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

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

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

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

（编辑：源码门户网）

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