loading请求处理中...
广告位招商×
当前位置: 首页 > 威客攻略 > 图标设计

下拉菜单设计秘籍

2020-02-26 16:19:28 阅读 28733次 0 标签: 图标设计 作者: 陈先生12121

  下拉菜单的使用似乎很普遍:它不占用太多的接口空间,它自动验证输入,所有的浏览器和平台都支持它,它是方便和容易实现下拉菜单,用户认为它工作良好。

  下拉菜单控件的可用是选项不可见的,直到你点击或点击打开它。同时, 在第一眼看到列表时,列表的长度是隐藏的,即用户无法预测一个下拉菜单是包含2个还是50个元素。

下拉菜单设计秘籍

  像国家地区选择这种很长的下拉菜单,用眼睛扫描起来简直是噩梦,尤其是在键盘搜索通常是不可用的移动端。

  在可见、可滚动但面积很小的屏幕上滚动去选择想要的选项是一件非常痛苦的事情。

  目前日常常见下拉菜单

  (1)状态栏:一般位于界面顶部,我们在手机上看到的手机信号、时间、通知、电量等都是位于状态栏;

  (2)导航栏,也叫标题栏:多数情况下,App每个页面仅次于状态栏下会有导航栏,告诉用户你现在处于什么位置,当然有些App的一些界面并没有导航栏,其实并不是没有导航栏,只是留有位置没有文字而已;

  (3)标签栏:有很多新人容易把标签栏和导航栏搞混了,这也许是受Web端产品中“导航”所影响,App中一般位于底部或者顶部的,用于大版块切换的栏,就是标签栏;

  (4)工具栏:用于执行针对当前页面的操作的栏,比如留言框、收藏、分享、点赞等按钮所处的栏;(一般打开具体内容页面时才存在,也就是微观页面上才有),

  (5)筛选栏:筛选栏并不是所有App都会有,一些信息维度比较多的App,比如招聘类App,会有筛选栏,支持按条件筛选,一般位于导航栏下方;

  (6)搜索栏:这个很直观了,就是执行搜索功能的栏,一般和导航栏重叠或者位于导航栏下侧。(现在很多时候位于导航栏一行)

  设计更智能的下拉菜单

  通常下拉菜单不是总要被避免使用的。当你发现选择菜单是最合适的输入控件,这很好,那就让它对用户尽可能的友好。

  使用有意义的标签:当菜单打开时菜单标签或描述也应该清晰和可用。在“选择”菜单中使用一个描述性标签,告诉用户他们正在选择什么(即“选择类型”而不是“请选择”)。

  按合理的方式排序条目:基于用户数据尝试将最流行的选项放在列表的顶部。甚至预先选择用户最常选的选项作为默认选项。

  使用智能默认值:手机和浏览器知道用户的位置、日期等大量的信息。利用已知的数据预先为每个用户选择最有可能的选项。

  减少字段的数量,让计算机做一些工作:如果用户输入邮政编码,毫无疑问计算机已经知道这个邮政编码所属的国家和城市。如果用户输入信用卡号码,计算机也毫无疑问的已经知道这是MasterCard 。

  考虑使用API:使用第三方的方式注册比填写注册表要容易。PayPal支付比输入你的信用卡信息更容易。

扫码,回复【创业】领取

免费送您一份创业礼包!

从0到1,解锁创业全套秘籍

帮你避开创业那些坑

设计、开发、营销需求

扫描左边二维码

免费获取咨询和方案报价

公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言(0 展开评论

您需要注册登录才能发表言论

快速发任务

设计价格是多少?怎样找到合适的设计人才?

官方顾问免费为您解答

 
图标设计相关任务
DESIGN TASK 更多
择优易云课堂文字及图标设计

¥1000 已有23人投标

情侣社区APP启动图标设计

¥500 已有49人投标

红酒总裁俱乐部图标设计

¥100 已有2人投标

企业图标设计需求

¥2000 已有37人投标

龍缘婚庆LOGO图标设计

¥300 已有22人投标

APP图标设计

¥1000 已有25人投标