五月|移动设计

1、对产品的框架而言，在手机环境中，考虑应用场景和硬件设备，更适合浅而窄的方式。浅的产品框架可以缩短用户的寻找时间；窄的产品框架可以突出对用户来说重要的内容。

2、在达到产品扁平化设计之前，要甄别出用户需要的核心内容，使核心内容的路径扁平化，提升产品的连续性和效率。（核心内容的扁平化处理）

---

1、移动应用 导航的设计模式

在设计产品的时候，需要规划好产品框架的深度和广度，确定最合适的模式，建立良好的导航模式。

空间维度：页面前后+上下左右的组合

举例-导航在页面上下，处于页面前端；或者导航位于页面左右，隐藏在页面后方

几种典型的导航设计：

①标签式：可在几类信息之间来回跳转，信息优先级较高；例如淘宝等

适用：入口选项数目不多、用户需要在选项之间来回切换

不适合：过于复杂或者过于稳定的结构

扩展形式：突出设计需要展示的核心内容按钮，增加功能设计的交互

②辐射式：将全应用信息进行独立分类，做到信息互斥，类别各自独立入口，内容间基本并列；例如360云盘

适用：分类清晰，入口独立且固定

不适合：在交叉类别中使用

③列表式：以表格为容器，装载文字图标、并指向相关内容的一种导航神器。以文字表述为主，内容较多，相对没那么重要。通常最上方的位置信息更重要，比如扣扣好友分组，当列表达到一定数量以后可再进行分组，形成树状列表。

④平铺式：是一种简单的层级框架，适用于少而精的内容和随意浏览的页面，易于实用滑动即可，界面占用空间少。如天气预报。

缺点：无法立即跳到非相邻页面，不适合较多页面的加载。

⑤抽屉式：以当前内容为核心展示的应用，

注意：隐藏的导航内容需要用更好地方式调出，比如手势。

⑥点聚式：当层次框架比较复杂，几个并列的模块中都有用户频繁使用的核心内容时，通过一个点的方式，汇聚这些入口，让界面空间更开阔

需要核心点来展示，需要良好的引导

⑦其他影响因素

除了自身的业务需求，还需要考虑：

用户待机和拇指使用

扩展屏幕之外的导航：空间边缘的合理利用

不同平台系统的框架设计和硬件配置

界面可视化：框架可视化、内容信息的可视化

---

制作一份比较规范的移动产品交互文档，需要包括：

1项目概要

主要包括内容

2流程图

整个产品的框架流程，在制作产品前就制作出产品的流程，能够对产品有一个整体上的把握，避免出现一些逻辑问题。

3交互原型

交互设计师制作的可以操作的原型，通过动态面板、添加触发事件、条件、动作等生成网页后可以直接操作。

4交互说明

是在交互原型的界面基础上，对界面的操作结果、异常流程做详细说明

以上，是一份规范文档的设计思路，设计师们可以根据自己的团队、业务特点整理出自己的原型规范。

---

学习用axture画图