• 移动应用导航设计总结


    导航对一个产品的重要性不言而喻,那么,到底什么样的导航才适合我们的产品呢?

    首先,用户在使用应用时,需要随时清楚了解下一步应当前往哪一页面以及如何前往该页面。如果用户无法轻松在应用中进行导航,则将很快对你的应用失去兴趣。因此,能否为移动应用设计出有效的导航功能至关重要。

    一:宫格导航结构

    宫格导航的特征是,一登陆界面后的菜单选项就是进入各个应用的起点。这种框架的优点在于功能模块化,一目了然,对操作上并没有特殊要求,并且有一定的扩展性与自定义特性,但是如果不同的功能之间关系紧密,就免不了要进行功能间的反复跳转,这就是这种交互方式的劣势。因此宫格导航结构更适合各功能相对独立的产品。

    美图秀秀采用是2*3的宫格导航模式,通过上下、分页来突出优先级

    下图采用的是不规则的宫格导航,突出了内容的优先级。

    在宫格导航和其他导航搭配使用中,一般会被用作次级导航,常见搭配模式:选项卡导航+宫格导航

    二 :抽屉式导航

    这种框架的优点是扩展性强,且主要功能突出。但其他功能相对太隐藏,不容易被发现,”看不到的不记挂“,既然用户第一眼看不到这些入口,那么也许用户也就不会知道它们在哪儿。

    印象笔记的Android版就是采用了侧抽屉的导航模式。

    淘宝二手中使用的次级导航是抽屉式导航,在抽屉式导航中又采取了跳板式导航2*3的设计。

    三:选项卡式导航

    几乎大部分的app都采用的是这种导航模式作为主导航。根据操作系统不同,选项卡位置和设计也不相同。ios的选项卡是在底部 ,Android的则是在顶部。

    这种导航优点是架构清晰,功能之间跳转方便,缺点是占用空间,使整个页面看起来功能众多。

    总结:

    以后可能会淡化各个平台的差异,通过一套设计就能连接各个应用在不同设备上的体验。现在两个系统的设计差异在日渐融合缩小,所以在选择导航时不应该只局限在”标准设计”中,而是应该以”内容”为先。

  • 相关阅读:
    单机安装hadoop+hive+presto
    java ListMap使用多个key比较
    java多线程-3-使用多线程的时机
    java多线程-2-概念和实现机制
    mysql的varchar和oracle的varchar2比较
    js-对象创建
    java关于json的一些问题
    spring使用RedisCacheManager管理key的一些问题
    如何提高工作效率
    关系数据库之-事务
  • 原文地址:https://www.cnblogs.com/shanpow/p/4133098.html
Copyright © 2020-2023  润新知