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 细节导航

可以让用户快速找到自己想要的内容

  • 通讯录右侧字母索引(微信通讯录
  • 小说目录
#设计人的求职记录##设计思考##设计模式##设计岗的同学都找到工作了吗#
全部评论

相关推荐

10-30 23:23
已编辑
中山大学 Web前端
去B座二楼砸水泥地:这无论是个人素质还是专业素质都👇拉满了吧
点赞 评论 收藏
分享
1 2 评论
分享
牛客网
牛客企业服务