导航设计

抽屉式导航

2种风格:浮层,嵌入层

浮层:遮挡或覆盖原来页面内容。

嵌入:把原来页面内容推出屏幕外。

--突出核心内容,弱化导航界面。营造了沉浸式体验。

--因为是隐藏在屏幕之外,所以界面空间较大,为可扩展性和个性化带来更多可能。

--可以通过对这些选项进行逻辑分组来表达重要性或优先级

缺点:增加了点击次数,延长了操作路径,不利于用户在不同模块间跳转。

不建议将侧边栏作为主导航,在2种情况可以尝试,发挥侧边栏的优势。

1).早期产品,功能诉求相对单一,主要功能需要突出强调

2).功能单一型主线产品,但内容组织分类和赛选需求明显,典型的像《邮箱大师》这里工具类应用。侧边栏用于内容分类和筛选。

标签式(tab)导航

让用户直观地了解到app的核心功能。

使用上能很好的在几个标签间快速跳转。简单高效。

缺点:模块之间没有主次之分;入口数量有限;扩展性差;常驻带来的沉浸式体验弱。

tab导航的时候,其关键的在于架构梳理,一定要注意几点:

1).架构梳理很重要:主要功能(组合)要突出,次要功能要整合,但不一定所有的次要功能都可以“更多”;

2).控制tab的数量,一般不超过5个,这个点也需要纳入架构梳理的思考范围之列。


一元夺宝

列表(平铺、桌面)导航

更容易扩展和分组,常用语设置、消息和承载大量信息的界面。

可以考虑分组或二级列表的方式。二级列表可以做到展开和隐藏,方便快速定位。

比宫格式导航明朗。

适合显示较长或有次级内容的标题。

缺点:1.入口之间为平行的关系,无优先级之分;2.排版方式固定;3不太适合早期产品或者功能单一型产品

百度云盘

陈列馆式(宫格)

• 彼此独立,无层级关系

• 适合呈现经常更新,视觉效果直观的无层级内容

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容