壹佰大咖说｜精准定位三大类移动应用导航设计，案例实战全解析

比如下面这几个案例：

向右短距离滑动粘贴，向右长距离滑动

长按并且拖放才能保存收藏

长达9页的用户教育长图，极大提高了用户使用产品的成本

通常用户在5秒内，无法完全理解、得到交互所要传达的信息，就会放弃使用产品。这个概念也在产品设计的其他方面有所应用，例如加载页面中的下拉刷新动作，5秒内必须完成，时间节点务必要控制好。

隐喻错位

隐喻错位也是常见的反模式，造成这种反模式的原因很多，主要是在界面设计上选择了错误的隐喻。

不同的隐喻错位可能出现在低层次，比如没有正确使用一个控件或图标，张冠李戴。当然，也可能出现在高层次，比如应用的概念模型与用户心理模型的不符。

隐喻错位低层次比较好理解，比如空间或者图标的误用，但是高层次的概念模型与用户心理模型的错位，需要结合更实际的业务场景，在实践当中去体会到更深的陷阱。

3. 控件错位

控件错位主要是指精准到某一个在设计中的控件运用不得当。例如下面这个例子，设计者将ios的控件放在安卓的应用上，如此不专业的设计，作为优秀的产品经理，在实际的工作中是绝不能出现的。

一个安卓应用出现了iOS风格的控件

主导航采用了非标准控件，用户不能轻易看出应用的主模块

懒人周末主导航从上而下，留有大块黑色背景

在反模式中，控件错位、图标错位和手势错位等，是比较容易理解并且避免的，而在平时你在应用海中使用各种各样的app时，也应该有一定积累，在遇见各种产品中的交互中，面对好的点，不好的点，要有习惯去把这些一一记录下来，能够很大程度上提升自己的产品设计能力。

4. 图标错位

这也是非常易犯的错误。用户对于通用图标，已有非常深的认识，例如：齿轮代表设置，星星代表保存收藏，放大镜代表搜索。把熟悉的图标用于常用功能之外就会导致混乱。

kindle把亮度控件放在字体设置图标下面

所以我们不要去追求标新立异，有一些行业规范，特别是用户已经养成的习惯，更多的时候需要去顺应，不要为了创新而去创新。这是作为产品经理要思考的点。

5. 手势错位

手势错位和动态交互是相关的，例如下面这两个例子：

下拉手势在一般认识当中都是刷新。这个邮件应用Seed，使用手势下拉却是添加提醒。

微信首页下拉拍摄小视屏

微信的下拉手势是小视频，其实这一点是比较反人类的，和常规的“下拉刷新”完全不同，给用户造成困惑。

这些图标错位、手势错位，都是属于比较低层面的错位，在行为层中很好理解，但是还有一种比较高层次的错位，我们称之为心理模型错位。

6. 心理模型错位

一个地球仪样子的新闻内容导航，但新闻内容其实跟这个地球完全没有关系。右边这个新闻做得比较好，因为新闻跟其所对应的地区是相关的。

这个APP下拉刷新时出现一个小游戏

这个APP将下拉刷新的loading界面，做成了一个贪吃蛇的游戏。虽然其看似有趣，但是却会打断用户的操作，也属于反模式中的一种。

通过对比，我们也可从中看到，什么样的导航符合用户心理预期。

7. 隐喻错位

无论是图标，控件，还是概念模型方面的隐喻，都是可以简化和提升体验的视觉化快捷方式。但是使用不当的话，会让用户感到挫败，感到困惑或者难以掌握。

8. 愚蠢的对话框

在进行产品设计时，切结不要扰乱用户的操作流，只在用户执行不可撤销的操作（比如永久删除），需要用户确认时，或者是有重要信息，需要告诉用户时才显示对话框。

初次使用就弹出多个对话框，在正式开始前就扰乱了用户

点击添加到购物清单时弹出对话框要求用户确认。 右图是删除确认，在执行一个不可撤销的操作前要求用户确认是正确、合理的设计。否则就是打扰用户。

9. 图表垃圾

（编辑：应用网_镇江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!