认识达内从这里开始

认真做教育专心促就业

UI设计师须知道导航栏的基础模式（一）

发布：达内培训
来源：达内培训
时间：2018-08-06 19:12

    一个好的导航能够对你的产品起到事半功倍的效果,就好比路标一样不会让你迷路.导航是一个产品的指路标,决定了用户怎么使用这个产品,作为交互设计和UI设计来说他的重要性就不言而喻了.-达内培训负责整理
    对UI设计师来说,在移动端要设计易于发现、易于访问的导航是个挑战.不同的导航模式都会通过不同的方式来解决这个挑战,但是它们也都会面临各种可用性的问题.
    在本文中,我们将研究移动端应用程序的三种基础导航模式:汉堡菜单、标签栏和基于手势的导航,并且阐述每种导航模式的优点和缺点.
    汉堡菜单

手机屏幕上的空间是非常宝贵的.汉堡菜单(或者说,侧边栏、抽屉菜单)是非常流行的移动端导航设计模式之一,它可以帮助你节省屏幕上的空间.使用抽屉面板,你可以将导航都隐藏在屏幕左边缘以外,当用户进行操作的时候再显示在屏幕内.如果你希望你的用户专注于屏幕上的主要内容,这种设计模式会比较合适.

达内培训

    在默认状态系下,汉堡菜单以及菜单中的内容都被隐藏起来了
    优点
    可以包含大量的导航选项.这种导航模式的主要优势在于:它可以在一个很小的空间内包含相当多的导航选项.
    极简设计.将导航选项从屏幕中转移到侧边的菜单中,释放了屏幕空间.
    缺点
    隐藏起来的导航相对来说难以发现.不在视线范围内的东西,人们就很少会去想起它.当导航被隐藏起来以后,用户就变得不太使用导航.虽然这种导航模式已经变得越来越普遍,很多手机用户也熟悉这种模式,但是仍然有很多人根本想不到去展开导航.
    与平台导航规则冲突.汉堡菜单已经成为Android上的一个标准模式(在Material Design中将这种导航模式称为"抽屉导航,Navigation Drawer").但是,在iOS中它根本无法实现,因为它会和原有的基本导航元素冲突,顶部的导航栏会堆积太多的元素.
    尝试在iOS应用程序中使用汉堡菜单
    汉堡菜单隐藏了导航内容.用户快速浏览页面的时候,汉堡菜单不能告诉用户目前的状态.只有当用户点击汉堡图标的时候,用户才能看到目前状态的信息.
    需要额外的操作才能完成目标任务.用户通常需要点击两下(一下点击菜单图标,另一下点击目标选项)才能到达某个特定的页面.
    小贴士
    确定导航选项的优先级.如果你的导航很复杂,那么隐藏导航并不会让它变得对移动端友好.很多实际的例子清楚地表明,用更明显的方式展现菜单栏可以显着提高用户参与度和满意度.所以,问问你自己"什么东西重要到要显示在手机屏幕上?".回答这个问题就需要你清楚地理解什么对你的用户来说是重要的
    以上就是达内培训给大家做的内容详解,更多关于IT知识的学习,请继续关注达内培训

< 上一篇：UI设计师的一天-达内培训

下一篇：UI设计师须知道导航栏的基础模式（二） >