移动应用界面设计模式和原则

移动应用界面设计的核心点：信息架构；信息、交互、界面和视觉设计；以及文案。

移动应用界面设计模式汇总：

1.页面：

页面构成：页面布局原则

举个栗子

模板与情境

页面构成的模式：滚动、通知栏、通知、标题、展现菜单、固定菜单、首屏/待机屏、锁定屏幕、加载页面、广告。

举个栗子：滚动

2.组件：

信息的呈现

控制与确认

显示更多信息

2.微件：

横向访问

深层获取

标注与指示符

信息控件

3.输入与输出：

文本与字符输入

通用交互控件

输入与选择

声音与振动

屏幕、光与传感器

---

抛出两个问题：

1.如何做更好的设计决策（解决方案与设计模式）？

2.如何更好地理解怎样做出的设计才是好的设计？

---

从了解移动设备开始

你可能接触过的移动设备

从移动电话所经历的四个时代来思考其进化过程：

·语音

·传呼和文本收发

·随时随地的互联网接入

·通用计算设备

移动设备的特点：小巧，便携，联网，互动，环境感知。

---

什么是模式

设计模式的概念来自19世纪70年代后期的建筑师克里斯朵夫·亚历山大（Christopher Alexander），他提出模式是一个语言的组件，可以用来开展关于建造和组织的对话，是人类在空间中存在的自然属性。

模式就是具有良好定义并经过充分研究的最佳实践。一个模式必须是一个最佳实践，并且具备普遍性，能很容易遇到或辨识。模式是一个具体设计实现中最纯粹的本质部分。

如何全面掌握和使用一个设计模式

从一个设计模式的名称定义、设计问题（为什么要使用这个模式）、解决方案（所涉及的内容、与之存在交集或为之提供关键组件的其他模式，以及应用它所需要的重要技术）、变形处理（所有的模式都有可供挑选的变形形式，帮助你在什么样的情境来做出正确的选择）、交互细节、呈现细节、错误模式（在应用模式时需要注意的细节、错误变形、陷阱）和示意图（简图明示或截图）来全方位掌握和使用一个个设计模式。

带着模式和常识我做成功的设计，模式常常被错误地使用或作为解决问题的僵化答案，因此，应尽量避免既有方案。我们都进行启发式评估，采用设计模式，复制最佳实践并在可能的情况下开展用户研究来证实设计是对的。但，在缺乏灵感或运气的时候，最终的设计往往成为所谓的“既有方案”：僵化的没有风险的答案就成为默认的结果。你是否出现过对一个设计感到无趣？或者原本只是需要解决某个特定问题，而你却把它变成下一个版本的新设计？所以，要做出让用户愉悦的设计就必须将模式和最佳实践只是作为设计流程的一个输入，必须全面理解产品，必须全面分析设计的可能性以探索解决问题的多个方向。以下是可供参考的建议：

1）开展验证工作

在开始设计之前就要开展用户访谈，了解他们想要的东西，全力收集任何关于用户目前的与期望的使用方式的信息；制定可衡量的目标，在设计中坚持这些目标，并确保在产品投放市场加以衡量；如果不收集反馈，你就无法学到任何东西。

2）独立+分享

最好的想法出自独立工作的个人或小团队，要想获得独特的好点子，就要安排那些个人或团队去进行快速而独立的设计，并定期分享和重构迭代产出最终的方案。

3）点子并不值钱

在考虑设计概念的时候，要牢记以一种模块化的方式来开展设计，并对照总体目标和流程对每个设计元素的合适程度进行评估，不要只是单纯地接受或拒绝整个设计。

4）接受限制条件

应该接受在规定范围内进行设计，设置先决条件，并提醒每个人去定义所期望结果的长期目标和短期目标。

5）进行协作

理想的设计团队应是包含丰富的个人技能的组合，或至少应包含有着各自背景和观点的一群人，利用团队成员的个人技能去寻找解决方案和探索概念。

6）寻求外部意见

不是每个人都拥有极其复杂系统的全部知识，因而跨职能协作在确定概念、获得概念的可行性意见以及发现已有的边缘方案或其他人正在进行的考虑等方面，会具有很大的价值。

7）践行以用户为中心的执行原则：绝不甩手不管；确立共同目标；在讨论和交付过程中使用面向对象的原则；多态性设计。

模式是设计开始时的参考。对模式的使用要谨慎，避免让模式限制太多，通过模块设计原则有效率地展示和完成最终的产品设计。

---

移动设备设计原则

原则是在模式之上的更高层级，可以把原则看作是模式的模式。每个模式以及交互和呈现设计的每点细节都应该始终满足所有以下这些原则：

1）尊重用户输入的数据

2）移动设备是个人设备

3）让生活优先

4）移动设备必须在各种情境下工作

5）使用传感器和智能组件

6）用户任务常常需要优先处理

7）保证一致性

8）尊重信息

这是一篇读书笔记。

为了更好地学习和实践移动设计，在接下来的书写中，我会不断加入自己的理解、设计作品的带入和各种app使用感悟，通过具体产品的设计逻辑、交互细节和用户分析，来解构什么样的设计才是好的设计。