APP 导航设计模式与信息布局设计模式

因为最近接触到APP设计类似的工作，所以我来梳理一下如今市面上流行的APP导航设计模式以及信息布局设计模式。因为还没有深刻体会到每一种设计的优缺点以及适用场景，所以这里主要的任务是梳理APP的布局设计有哪些。下图为本文的结构图：导航设计标签导航（选项卡导航）将入口放在页面底部，形成标签导航，这是现在市面上比较流行的一种导航模式，几乎所有APP都有应用到。优点显而易见，让用户

产品经理 2017年08月18日

移动导航的基本模式（下）

上期小结了常见的五种移动导航，标签导航、TAB导航、舵式导航、抽屉导航和宫格式导航。这期继续分享另外五种常见的导航。列表式导航列表导航是手机和网页端都十分常见的导航模式，主要用于展示文字信息。使用列表式导航的页面都十分干净，内容清晰，能快速定位到目标。APP中一般以图文结合的模式展示。小结：采用列表导航的页面内容多为左对齐，同时页面会产生大面积留白，使页面看起来干净整洁。使

产品经理 2017年08月16日

5 个界面模式：导航造就良好的用户体验

对界面友好的导航秘诀是从导航菜单开始，设计导航的菜单应该由于设计过程。可访问的导航会引导用户通过界面中的信息流，帮助他们完成任务，提升你的用户体验和推动你的网页和移动端的转换。同样，如果用户无法找到所在页面或应用程序，该页面或应用程序就是无用的，糟糕的导航设计使用户体验变得糟糕，导致用户退出转换渠道。因此，设计不当或忽视用户界面导航会对你的结果造成灾难性影响，这也并不奇怪。

用户研究 2017年08月14日

交互总结篇（一）：框架与布局

上篇文章里面简单介绍了一下关于交互设计分析的三维度，即框架、流程和状态；这里就不做特殊介绍了，详细内容请见《三个维度，解析产品的交互设计》。而本文作为交互设计总结篇的第一篇——框架布局篇，主要是系统地整理一下交互框架设计所需要考虑到的方方面面。首先我们要先理解一个概念： 什么是交互框架？ （主要是指互联网产品）框架是整个或部分系统的可重用设计，表现为一组抽象构件及构件实例间

产品经理 2017年07月17日

APP 设计模式：浅析导航栏设计

文章总结了APP种常见的几类导航栏及特点，希望给大家带来些启发。1 一级导航/主导航1.1 标签式导航标签式导航又叫Tab式导航，是目前移动端市场上最为广泛的导航设计。标签导航通常分为底部，顶部，顶、底混合使用这三种模式。1.1.1 底部导航 采用文字加图标的方式展现。一般有3~5个标签，适合在相关的几类信息中间频繁的切换使用。这类信息优先级较高、用户使用频繁，彼此之间相互

产品经理 2017年06月30日

还有这种操作？这 10 个导航栏设计技巧别错过了

评判导航菜单的设计好坏有多种不同的维度，由于它太过常用，它的好坏并没有得到更多重视。实际上，导航作为网站设计的一个基础组成部分，对于可用性的要求并不低。导航栏可能会出现的问题很多。笨拙、拥挤甚至无法导航，是很多网站导航都出现过的问题，这些小问题常常能让你的网站好不容易建立起来的好印象，迅速付诸东流。设计一款可用的、足够吸引人的导航，是如此的重要。想让你的网站足够吸引人？今天

产品运营 2017年06月28日

8 种移动 APP 导航设计模式

标签导航设计优点：操作便捷，结构简单，信息清晰，增加信息曝光率。缺点：占用页面一定的高度；适用：适宜购物类、社交类，操作路径短，使用很普遍。标签导航设计舵式导航设计较流行的设计，同一层级，且需要一个非常重要且频繁操作的入口优点：引导和鼓励用户生成内容，并曝光信息。适用：适宜UGC类，拍照类。舵式导航设计抽屉式导航设计菜单隐藏在当前页面后，让用户将更多的注意力聚焦到当前页面优

产品经理 2017年06月27日

全部分类页，历经 5 个月的改版回归

随着美团点评的不断发展，公司的品类越来越多，诞生了诸如二手交易、美团打车等新的战略业务。而APP现有首页导航栏，可供给展示的品类坑位，已远远无法满足新品类曝光的需求。如果继续向下拓展导航栏坑位，采用类似携程首页九宫格架构设计，则将压缩活动运营位的空间与推荐信息流的露出率。由此，为了保证业务流量的分发效率，导航栏尾部的分类入口的重要性逐步凸显。该入口既需要承担起业务/运营活动

产品经理 2017年06月18日

共享单车 APP 需要内置导航吗？

这其实是一篇共享单车的用户行为分析附加骑行导航功能的重新设计，问题的分析思路比结果更重要共享单车APP需要导航吗？这是我今天在骑车时想到的问题，整理了一些思路和大家分享：）1.为什么会需要导航？众所周知， 导航的核心功能就是防止迷路 ，在汽车上还有路况违章提醒的功能，在公交上还有到站提醒的功能，骑车的用户同样应该有防止迷路的需求。2.骑车的用户需要导航吗？这需要从自行车讲起

产品经理 2017年04月13日

基于“开车用手机”的场景，我对导航功能优化的几点看法

作者针对“开车用手机”这一场景，分享了对产品功能优化的一些看法，希望可以给大家带来启发。在车上放个手机支架，开车时看导航、接电话、回复微信，这个场景大家肯定都不陌生，即使我们不是司机，现在很多快车师傅也是这样的装备，大家都已经习以为常。为了驾驶体验，除了手机支架这种硬件设备，软件上还有哪些可以做的哪？接听电话司机师傅在车上接听电话时，手机所处情况大体可以分为如下几种：手机已

产品经理 2017年04月09日