移动设计八原则.pdf

移动设计八原则 近几年，交互设计专业也有了蓬勃发展， Alan Cooper 、Donald Norman 等人为交互设计提供了许 多理论上的支持， Ben Shneiderman 提出的交互设计 ”黄金八法 ”和 Nielsen 的”启发式评估 10条原则 ” 为交互设计的评估提供了标准，所有这些理论和原则在移动应用的设计上依然是通用的。但移动应 用有其特殊性，在设备和情景上都与普通的设计不同。因此，我们在考虑其他原则的基础上，整理 了八条移动应用设计的针对性原则。 一、内容优先 对于手机而言，屏幕空间资源显得非常珍贵。为了提升屏幕空间的利用率，界面布局应以内容为 核心，而提供符合用户期望的内容是移动应用获得成功的关键。如何设计和组织内容，使用户能快 速理解移动应用所提供的内容，使内容真正有意义，这是非常重要的。 重组内容，使内容符合移动的特征 在 PC 上的网页内容往往相对复杂，在进行内容移动化时，并不合适把内容直接照搬到手机端。在进 行移动应用设计时，应该重组内容，使其符合移动应用的特征。 移动应用的内容应使用用户的语言，以用户熟悉的维度来组织内容，这样更容易查找目标信息，提 升内容的利用率；删除无关的多余内容，让内容更简洁清晰，考虑在小屏幕空间可以合理的布局， 增加屏幕的利用率；内容要是清晰和具体的，是用户恰好需要的；内容要是有情景特征的，可以在 不同的情景下给用户提供不同的情景下的内容。 优先突出用户需要的信息，而简化界面的导航 一个应用提供给用户的信息往往是太多而不是太少，设计师们的关注重点也会转移到如何让用户找 到内容，而忽略了能给用户获得价值的是内容，而不是导航。 在移动应用设计时，我们更为关注的是用户需要的内容，其次才是导航。在内容本身复杂而多变的 时候，如何让用户能更快速地获取恰当的信息，在移动情景中会显得很重要。 适时提升屏幕空间的利用率 即使用户的视觉注意点集中在内容上，在设计方面也要把屏幕资源更多的给内容而不是导航。只是 在恰当的时候，可以让用户呼出导航即可。 二、为触摸而设计 点击操作是 PC 时代交互的基础，在触屏设备上基于手指的手势操作已经代替了鼠标的点击操作。 手势操作灵活多变、交互自然，但也带来识别性差、操作精度不高等缺点，都需要一些手势设计的 基本原则来指导和完善。 以信息架构为基础，建立手势交互规范 在一个移动应用中，手势的统一性非常重要。让用户在应用的任何界面中都知道怎么使用手势，并 达到预期的结果。这需要设计师提供一套基于应用信息架构的手势规范，它将是导航与交互的基础 。下面我们以 Clear 为例来讲述一下手势的架构设计。 Clear 这个应用的三层导航架构在整个交互架构上，都是以手势为基础。 这里可以对 Clear 的交互设计进行分析。 第一部分就是它的导航逻辑。它的导航逻辑以手势架构为基础，层级导航向下时为 Tab 点击，层级 向上返回时为在 List 顶部向下在拖动一定距离。整个应用的导航逻辑统一，用户只要在一个地方学 会了操作，在整个应用中都能快速上手。 第二部分就是细节交互。它也是以手势为基础，新增操作就是在列表顶部向上拖动一个项目距离， 删除操作是从右向左拖动项目到一定距离，设置是从左向右拖动项目到一定距离。 总的来说， Clear 这款应用的导航架构与手势架构逻辑都比较清晰，操作一致性较高，易学性强。 在应用设计时，完成信息架构设计后，也要思考应用手势的架构，使基于手势的导航能与信息架构 整合一体，让用户方便、快捷地找到内容。 优先设计自然的手势交互，而不只是 Tap 点击 在移动应用的设计过程中，我们可以发现大多数的应用在手势的使用上都是非常保守的，基本上 以Tap 点击为主，模拟在 PC 上的操作方式。但是，作为以触屏为基础的设计，如果只使用 Tap 点 击的形式，不能完全体现出自然的交互操作。我们建议在设计时，能更多地思考出一套适合自己应 用的手势交互形式，使用户在操作的过程中能更自然、更高效。 引导用户在情景中学习手势操作 由于手势在界面上是相对隐藏的操作类型，需要用户的探索和学习。因此，除了基本的用户都熟知 的手势外，其他手势在使用时都需要给出提示和引导。手势操作基于程序性操作知识，最好的学习 方式就是通过实际操作来理解和记忆。因此在手势引导设计上，更多的是以指导用户操作的方式 来做，能让用户快速掌握。 特殊手势不是必须的 特殊手势不是必须的