大脸

界面线索性设计

目标导向设计VS

过程体验设计

1.什么是界面线索性？

Prev. Now Next

Contextual　 Environment

How to Action

当他们操作时，他们知道下一步即将出现什么、怎么回去——即使是在第一次操作。

2.为什么是移动界面？

界面限制

• 没有任务栏，没有窗口管理

• 没有最小化，没有关闭，默认全屏

• 屏幕尺寸降低到原来的 1/4

• 按钮增大两倍

界面限制

因各种限制导致的导航缺失，使得线索性设计成为移动应用界面导航的救命稻草。

其他原因

• 交互方式的拟真化

• 用户的移动场景需求

• 单任务思想

• 开发效率提高

• 竞争差异化

3.线索性设计内容

像素级拟物式外观

看一眼，我就知道你是干嘛的。类似真实物体的外观和呈现，让人几乎是条件反射般理解客户端的作用。

即时反馈

触摸屏的方式降低了操作的学习成本，即时反馈则大大降低了操作与反馈之间的距离，提高用户学习的效率。

快速熟悉手势与导航

流动式动画

显示界面的流动信息，隐喻操作行为。无需言语，给动画 1秒钟的舞台，他就能解释清楚，他就能被理解。就这么简单。

有逻辑的物理空间

Flipboard

正文目录

封面

让界面富有空间感，立体化。从三视图，到立体图的进化。

自圆其说的线索性

有来有往，有去也有回。关注于界面如何向前流动，也应该让用户知道如何返回。

4.线索性设计展示

iOS：瑕不掩瑜优秀的领先者总体界面线索性设计的优秀，并不能掩盖其在多任务中的线索性的短板。

Android：山寨仍需努力。菜单，弹窗，易导致界面相互之间线索性的断裂。

WP7:小伙子，我看好你哦。革命性创新的线索性设计，全景视图让人惊艳。

5.练习：书籍目录设计

6.Q&A

结束，谢谢大家！大脸： tolyer@gmail.com

彩蛋：这个 PPT的线索性设计是如何？

答中有奖

PPT线索性设计结构

3.线索性设计内容

4.线索性设计展示

2.为什么是移动界面

1.什么是线索性

封面

…..

…

……

….

…….