这 5 种成熟的导航设计模式，可以为用户体验加分

在诸多导航设计当中，有一些优秀的设计模式已经经过反复的设计验证，今天的文中就挑选出其中最突出的5种，供你参考。导航设计千变万化，但是能够同时兼顾到可用性、易用性还能够带来足够舒适体验的导航模式，就不是那么多了。可靠的导航设计需要帮助用户达成目标，找到内容，提升页面的转化率。设计不合理的导航对于用户体验是灾难性的，最直接的影响，是用户不再能足够快捷方便的找到想要的页面和内容，

交互体验 2017年09月04日

Aure 高保真原型，移动端 APP 底部导航搭建（附源文件下载地址）

Axure高保真原型，移动端APP底部导航搭建。移动端高保真原型、原型动效库、原型元件库，Axure元件库、Axure元件库。框架及头部导航方法请阅读，第一篇： 移动端高保真原型框架搭建（附下载地址）  原型在线地址：http://u.pmdaniu.com/59NY源文件下载地址：https://pan.baidu.com/s/1geG55ZH（百度网盘）原型屏幕尺寸：3

Axure教程 2017年08月21日

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日