设为首页收藏本站

数字电视开发论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

新浪微博登陆

只需一步, 快速开始

快捷登录

胜天工科技销售各种数字电视信号调制卡胜天工科技销售各种数字电视信号码流卡

【游客、新手、注册会员的区别】 【积分策略和会员晋级说明】 【发帖和附件上传规则】 【如何下载感兴趣的资料】 【如何获取梦游币】 【侵权资料处理及免责说明】
查看: 282|回复: 0

如何设计完美的UI菜单?

[复制链接]
  • TA的每日心情
    开心
    昨天 00:00
  • 签到天数: 1973 天

    [LV.Master]伴坛终老

    新浪微博达人勋

    发表于 2016-3-19 13:40:50 | 显示全部楼层 |阅读模式
    分享到:
    消息来自- 北京
    无论是在手机App上,还是电脑网页上,以及机顶盒和数字电视,用户都需要菜单功能。尽管App的菜单功能显得很重要,但是并不是每个开发者都会重视它,每款App菜单功能的设计也不尽相同。App菜单功能的缺陷集中在部分菜单功能内容不明确、操作困难、菜单功能隐藏等等。因此,国外一位知名开发者给出了如何设计完美的App菜单的一些建议。

    1.webp.jpg

    菜单要突出

    一直以来,滑出式菜单都备受争议。事实上,滑出式菜单的问题并非在于图标,而是在于它隐藏了可浏览的内容。

    2.webp.jpg

    但是对于小屏幕来说,滑出式菜单却很实用——开发者不用担心屏幕太小的限制,只用把整个菜单浏览功能隐藏起来就好了。但是对于用户而言,却在实质上降低了体验感,毕竟用户需要先点击隐藏的功能菜单,才能找到需要的按钮。

    3.gif

    根据交互理论、A/B测试和一些顶级App的设计演进表明,直观的菜单显示更能够提高用户参与度和满意度。这也就是为什么很多App最后都把菜单显示模式改的更加直观,如YouTube就把核心功能都放在首页。

    3.webp.jpg

    当然,现在开发者们有了更加聪明的菜单显示方式:当用户使用App下拉页面查看新内容时,就隐藏起来;当用户返回顶部查看菜单内容时,就显示出来。

    4.gif

    除了滑出式菜单之外,还有一些开发者喜欢设置下拉式菜单的显示方式。事实上,下拉式菜单也会导致用户查看不到隐藏信息。

    建议:滑出式菜单和下拉式菜单确实是可以在App内添加更多的链接,但是当菜单内容过于复杂,菜单使用频率过高的时候,尽量不要选择以上两种菜单显示方式。

    明确当前显示页面

    很多用户在使用App时都会产生这样的困惑:“现在所处的是哪个页面?”确实,不能清楚的显示用户当前所用的界面是很多App的通病。一般而言,用户只能依赖当前页面显示的内容来断定自己所处页面的位置。

    图标

    对于一些通用型的图标,如搜索、电子邮件、打印,用户都能看明白。但除了这些通用型图标以外,各个App还有自己独特的图标,而App开发设计人员也并没有顾及用户对于图标的认知能力,因此很多图标都令人难以理解。

    6.webp.jpg

    颜色

    为了突出的显示当前页面,App可以用对比强烈的颜色和标签来显示,如苹果App Store页面显示:

    7.webp.jpg

    建议:谨慎的选择图标和颜色,以便用户能直截了当的明白当前所处页面的位置。如果采用了新的图标,最好能经过用户测试。

    菜单与用户任务相协调

    事实上,用户需要的就是能够迅速找到他们需要的链接图标。所以,App开发人员需要做的就是弄清楚用户需求,设置目标用户熟悉的类别标签。App菜单并不是开发人员展示他们行话的地方,只需要清楚的展示菜单内容和特色就足矣。

    8.webp.jpg

    建议:菜单标签应该清晰可见,这样用户才能明白每一个标签所代表的含义,以及点击标签后将跳转的页面。

    操作更简易

    有时候,某些App的图标格式过小,或者两个图标之间相距较近,这样就会给用户带来操作上的不便。因此,在设计App菜单的时候应该注意这一点。

    一项MIT触感实验研究表明,大多数成人的手指的宽度在1.6~2厘米之间,也就是47~57像素之间。

    9.webp.jpg

    建议:菜单设计应该考虑到手指的宽度问题,只有点击目标的大小合适,才能为更多用户提升体验。

    总结

    提升用户的浏览体验,对于App和网站页面来讲都至关重要。App开发者需要时刻铭记的是:为了用户而设计。当你的产品能提升更多用户的体验,用户才会更多的使用你的产品。
    踩过的脚印
    您需要登录后才可以回帖 登录 | 注册 新浪微博登陆

    本版积分规则

    嗨!您好:
    欢迎来到数字电视开发论坛。
    我的名字叫梦梦
    很高兴能够为您服务!
    如果已经注册【立即登录】
    还没有账号请【注册】
    嗨!您好:
    欢迎来到数字电视开发论坛。
    我的名字叫梦梦
    很高兴能够为您服务!
    如果已经注册【立即登录】
    还没有账号请

    QQ|小黑屋|手机版|Archiver|数字电视开发网 ( 京ICP备16008897号-5   

    GMT+8, 2018-1-20 05:40 , Processed in 0.251868 second(s), 43 queries , Gzip On.

    Powered by Discuz! X3.1

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表