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

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

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

相关推荐

自从我室友在计算机导论课上听说了“刷 LeetCode 是进入大厂的敲门砖”,整个人就跟走火入魔了一样。他在宿舍门口贴了一张A4纸,上面写着:“正在 DP,请勿打扰,否则 Time Limit Exceeded。”日记本的扉页被他用黑色水笔加粗描了三遍:“Talk is cheap. Show me the code。”连宿舍聚餐,他都要给我们讲解:“今天的座位安排可以用回溯算法解决,但为了避免栈溢出,我建议用动态规划。来,这是状态转移方程:dp[i][j] 代表第 i 个人坐在第 j 个位置的最优解。”我让他去楼下取个快递,他不直接去,非要在门口踱步,嘴里念念有词:“这是一个图的遍历问题。从宿舍楼(root)到驿站(target node),我应该用 BFS 还是 DFS?嗯,求最短路径,还是广度优先好。”和同学约好出去开黑,他会提前发消息:“集合点 (x, y),我们俩的路径有 k 个交点,为了最小化时间复杂度,应该在 (x/2, y/2) 处汇合。”有一次另一个室友低血糖犯了,让他帮忙找颗糖,他居然冷静地分析道:“别急,这是一个查找问题。零食箱是无序数组,暴力查找是 O(n)。如果按甜度排序,我就可以用二分查找,时间复杂度降到 O(log n)。”他做卫生也要讲究算法效率:“拖地是典型的岛屿问题,要先把连通的污渍区块都清理掉。倒垃圾可以用双指针法,一个指针从左往右,一个从右往左,能最快匹配垃圾分类。”现在我们宿舍的画风已经完全变了,大家不聊游戏和妹子,对话都是这样的:“你 Two Sum 刷了几遍了?”“别提了,昨天遇到一道 Hard 题,我连暴力解都想不出来,最后只能看题解。你呢?”“我动态规划还不行,总是找不到最优子结构。今天那道接雨水给我整麻了。”……LeetCode 真的害了我室友!!!
老六f:编程嘉豪来了
AI时代还有必要刷lee...
点赞 评论 收藏
分享
评论
1
3
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务