Android 界面与交互设计原则

fmms 10年前
     <p>来自: <a href="/misc/goto?guid=4958326201750969876">2lazy</a></p>    <p>译者按:在<a href="/misc/goto?guid=4958326202559087363" target="_blank">iOS HIG</a>已经强大经典了N年之后,Android终于推出了一套比较系统的<a href="/misc/goto?guid=4958325525937916984" target="_blank">HIG</a>(大 概是为了配合Android 4.0 Ice Cream Sandwich)。仔细比较两套HIG的“设计原则”部分,发现完全是截然不同的两种风格。iOS HIG走的是更专业型的路线,描述严谨且有不少的专业词汇(比如Metaphors、Consistency之类的)。而Android则显得亲民许多, 不仅描述方式简要易懂,配图鲜明直观,甚至还用了“me”作为了一系列要点的标题,更充分地传达出以用户自身的体验为中心的思路。 <br /> <br /> <span style="color:darkblue;"><span style="font-size:medium;"><strong>设计原则</strong></span></span> <br /> <br /> 这些设计原则是由安卓的用户体验团队制定并应用的,以此来保证用户心目中最佳的用户体验。应用开发者应该参考这些设计原则,并将之用于自己的创作与设计,有针对性地在用户体验方面进行实践。 <br /> <br /> <span style="color:darkblue;"><span style="font-size:medium;"><strong>吸引我</strong></span></span> <br /> <br /> <strong>以令人惊讶的方式取悦我</strong> <br /> <br /> 漂亮的界面,精心设置的动画,或是恰到好处的声音效果,都是快乐的情感体验。各种细微的效果精妙地组合在一起往往效果惊人,不仅显得轻松明快,更可以营造出丰富强大的氛围。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/1d5c087b826592a215d784f3e1c1c9e0.png" width="340" height="170" />    </div>    <p><br /> <strong>真实的物件远比按钮和菜单更有趣</strong> <br /> <br /> 使用现实世界中的对象和操作来构建应用中的对象和操作。这样不仅能够帮助用户,尤其是新手,迅速地理解应用程序的操作方法和作用,减少认知成本,同时也使他们能获得更多的情感满足。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/b5a32d410f16b770a53a3b41c8a28e97.png" width="340" height="170" />    </div>    <p><br /> <strong>把它变成“我的”</strong> <br /> <br /> 人们喜欢添加个性化风格,因为这让他们感觉像在家一样一切尽在掌握,也让这个应用显得和自己一样与众不同。应用应该提供明快合理且漂亮的默认值,同时最好也考虑添加一些有趣但不妨碍主要任务的自定义项目。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/1a1152bf571b9028fb52985aeed52553.png" width="340" height="170" />    </div>    <p><br /> <strong>了解我</strong> <br /> <br /> 随着使用时间的推移,应用应该了解并记住用户的行为和使用偏好。不要让用户一遍又一遍作出相同的选择,最好能让他们能够方便地使用上一次的选择。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/cbd34abcfdaa712ed11796a0f63353ce.png" width="340" height="170" />    </div>    <p><br /> <span style="color:darkblue;"><span style="font-size:medium;"><strong>简化我的生活</strong></span></span> <br /> <br /> <strong>用语简洁</strong> <br /> <br /> 使用简单的单词和短句进行说明——用户极有可能跳过冗长复杂的句子。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/c510f1b3580d6ed7c613cd341f849650.png" width="340" height="170" />    </div>    <p><br /> <strong>图片比文字更直接</strong> <br /> <br /> 尽量使用图片来进行说明。图片更吸引用户的目光,往往也比文字更有效。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/f1fac8f504d305c9455b737696b9cdb0.png" width="340" height="385" />    </div>    <p><br /> <strong>为我选择,但最终是我说了算</strong> <br /> <br /> 智能地推断用户的行为,并推荐相应的解决方案,而不是一开始就询问用户想干嘛——太多的选择和决定让用户烦躁。不过为防万一推荐得不对,记得给出“撤消”操作。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/e0dbf86d3b6df9243de50c8ef58c1a63.png" width="340" height="358" />    </div>    <p><br /> <strong>只在我需要的时候显示</strong> <br /> <br /> 同时看到太多的东西让人感到不堪重负,所以最好把复杂的任务和信息分解成一段段的便于操作和理解的步骤。隐藏当前不需要的选项,并让当用户学会在需要时到哪儿去找它们。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/a4b1b1b419468227e0cb657e4f571dde.png" width="340" height="286" />    </div>    <p><br /> <strong>我应该知道我在哪里</strong> <br /> <br /> 让用户清楚地知道他们在应用中的位置和操作路径。让你的应用中各个部分看起来区分明确,并在界面切换时使用适当的过渡效果,以表明它们之间的关系。对正在进行的任务提供反馈。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/de91a8fb7e8a25dbc70aebf47e9881f3.png" width="340" height="170" />    </div>    <p><br /> <strong>不要丢失我的内容与设置</strong> <br /> <br /> 保存用户花费时间创建的内容与设置,让它们在任何时间任何地点都可以被访问,并在手机、平板电脑和计算机之间保持同步一致。这也可以让升级变得更加容易与方便。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/7deafb41c653cc90d79aa2b27ec4050c.png" width="340" height="170" />    </div>    <p><br /> <strong>如果它看起来一样,那它的功能也应该一样</strong> <br /> <br /> 尽量使用明显是视觉差异来帮助用户区分功能上的不同。避免使用看上去相同或相似的模式、操作来实现其实并不相同功能。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/75aedd397b324bf9c84ffc99785c5cb0.png" width="340" height="170" />    </div>    <p><br /> <strong>只在重要的时刻打断我</strong> <br /> <br /> 如同拥有一个优秀的私人助理一样,用户不应该被无关紧要的旁枝末节所打断。人们希望能集中注意力完成手上的任务,除非有十万火急的事情需要处理。任务中的一次打断真是让人觉得费力又沮丧。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/d62c92ca2cc9c5ba711e3a22eeced62b.png" width="340" height="170" />    </div>    <p><br /> <span style="color:darkblue;"><span style="font-size:medium;"><strong>让我惊艳</strong></span></span> <br /> <br /> <strong>给我各处皆适用的技巧</strong> <br /> <br /> 当用户自己摸索出使用技巧时会感觉非常良好。在你的应用程序里使用其他安卓应用广泛采用的交互技巧——包括相同的视觉模式和肌肉动作,可以让用户更容易上手也更容易获得满足。比如,“轻扫”就是一个在安卓应用中广泛使用的良好的导航快捷手势。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/0feb78e90706365860f777287002adaa.png" width="340" height="170" />    </div>    <p><br /> <strong>不是我的错</strong> <br /> <br /> 友好礼貌地提醒用户改正错误——在使用你的应用时,用户当然不希望自己显得很蠢。如果出了差错,请清楚简明地给出解决方案,以便用户能够快速地进行修正,避免提及让用户看不懂的技术细节。如果应用能够在后台默默处理那就更好了! <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/505ca4d5639f589daaab5e588cff32c5.png" width="340" height="170" />    </div>    <p><br /> <strong>积极反馈</strong> <br /> <br /> 把复杂的任务分解成较小的步骤可以让用户更轻松地完成。给每个行动都提供反馈鼓励,即使只是一个微妙的光芒也会让用户大受鼓舞。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/667855365a25b3f7856106dbf23d0835.png" width="340" height="170" />    </div>    <p><br /> <strong>为我完成复杂的任务</strong> <br /> <br /> 让新手使用他们能够做的简单操作,完成他们从未奢望过可以处理的专家级任务。例如,结合多种照片效果的快捷方式,只需几步操作,就可以使业余的照片看起来让人惊艳。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/e493c732338da98895ff9eaa04888efe.png" width="340" height="170" />    </div>    <p><br /> <strong>让更重要的事情更快</strong> <br /> <br /> 并非所有的操作都是平等的。决定在你的应用程序什么是最重要的,并让它能更容易更快速地被找到和使用——比如照相机的快门按钮,或是音乐播放器的播放/暂停按钮。 <br /> </p>    <div style="text-align:center;">     <img alt="Android 界面与交互设计原则" src="https://simg.open-open.com/show/2e30cc7c99e244677352dc25a7ac4721.png" width="340" height="170" />    </div>    <p><br /> <br /> <br /> Via  <a href="/misc/goto?guid=4958325877715319847" target="_blank">Android Design Principles</a></p>