APP导航信息架构设计(设计总结)
导航是地理空间引入的概念,它包含对象识别、探索、寻路三个阶段。这三个阶段对应着导航设计的三个目标
导航设计的目标:
- 我从哪来
- 我现在在哪
- 我要去往哪
1.1 表明操作路径的导航
- 左上角的返回按钮(可带向左箭头)
- 跳转到指定页面的按钮:对于任务链较长的流程,如购物、订票等,在用户完成流程之后,显然不适合再回到之前的步骤,应该引导用户到首页或引导用户进入相关的流程。
- 分步操作指示器:用于复杂的任务流程。让用户明确了解完成任务的路径,以及自己处于哪一步,让用户完成任务复杂度的预判,降低用户因操作频繁而中途放弃的可能性。(eg:面试流程)
1.1 表明当前位置的导航
- 页面顶部标题栏:(eg:设置页面)
- 区域性标题:利用分割线或卡片对信息分组之后,有必要为区域增加标题,以降低用户的认知负担。(eg:图库的图片分类)
- 页面指示器:(eg:轮播图的小黑点)
- 全局性缩略地图:基于较大规模地理位置的游戏,一般都会有缩略地图(eg:王者小地图与赛车小地图等)
- 侧边悬浮指示条:(eg:在卡片上方悬浮与卡片相关的标签)
1.3 表明去向的导航
1.3.1 全局导航
引导APP的全局功能使用路径(注意,是全局,一般是首页的导航方式)
- 底部Tab式导航:一般3-5个,可将最后一个设置为“更多”(使用更频繁用底部)
- 顶部Tab式导航:一般2个及以上,更多可右滑展开
- 侧边抽屉式导航:可容纳更多功能。
- 宫格式导航:当主功能较多,又希望直接呈现。(eg:美图秀秀、支付宝小程序)
- 卡片式导航:考虑用户短期记忆的局限性,卡片数量3-5合适。(eg:酒店卡片动效、智联招聘沟通)
- 列表式导航:当功能较多,并且需要对功能进行详细介绍。(eg:工作导航网站)
1.3.2 次级导航
根据信息组织方式,可将导航分为以下几种形态:
- 层次化导航:类似于树状图(eg:设置,每一个功能后续都是多种小功能)
- 扁平式导航:每个功能对应一个细分的子功能,适用于多种类别内容的切换(eg:音乐类 APP 切歌)
- 内容驱动式导航:每一个相关联的功能之间可直接切换,多用于沉浸式体验的产品类型,内容之间联系较多(eg:游戏类 APP )
1.3.3 细节导航
可以让用户快速找到自己想要的内容
#设计人的求职记录##设计思考##设计模式##设计岗的同学都找到工作了吗#
- 通讯录右侧字母索引(微信通讯录)
- 小说目录