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

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

产品经理 2017年07月17日

产品之术：解析「底部导航」交互布局

文章对底部导航进行相应的剖析，希望对你有所帮助。引·底部导航是产品的框架所在底部导航是一个APP最直观的框架表现。从某乎的多次改版、到导航动效的多样化，每次改版大家都会对底部导航倾注很大的热情。在做功能模块时也一样，很多时候我们也需要为模块加一个底部导航。但是在需求评审的时候，你也一定听领导说过这句话：“这不就是APP套APP吗？”。其实不然，底部导航的运用和意义仔细琢磨整

产品经理 2017年09月18日

OTT 视频应用的首页导航及交互模式分析

本文对多款OTT视频应用的首页导航展开分析，希望能够给你带来一些思考与启发。互联网电视已然成为现在智能家庭的标配，以互联网电视业务为核心的OTT（Over The Top）业务已越来越多地深入到日常应用中，围绕着“电视”这一块覆盖家庭的大屏，各大内容服务商也是卯足了劲儿，想要在用户的“客厅”分一杯羹，主流的视频应用基本都已进驻大屏，BAT资本的入局，也让电视端视频应用的竞争

产品经理 2017年09月11日

原型设计：APP 下导航如何通过 Aure 画出来

下导航是APP原型设计中常见的功能，如何快速高效的通过Axure画出来呢？网上有不少文章讲过如何画下导航，要么方法特别复杂，要么步骤并不全面。典型的错误有两个，①使用多个动态面板来嵌套实现下导航。②使用动态面板来区分选中和未选中。但是学会本文你可以100%模拟出微信、支付宝，淘宝，天猫app的下导航原型效果，点击预览效果。接下来我会以微信APP为例，详细讲解每一步骤，学会之

Axure教程 2017年09月11日

这 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年04月09日