β

用户界面设计准则

马翔 130 阅读

“设计不仅仅是简单的组合,排列,或者编辑;设计是赋予价值和意思,进行阐述,简化,清晰,修饰,精美,表现力,说服,甚至激发灵感。” – Paul Rand

  1. 首要的是清晰

    清晰是任何界面设计中,首先且最重要的任务。为了合理有效的使用设计的界面,用户必须能够识别界面,考虑为什么需要使用,理解为什么界面会帮助他们进行交互,预测当使用后会发生什么的交互结果,然后成功的与之交互。界面中可以保留神秘和延迟的满足感,但是不能让用户迷惑。清晰激发自信,鼓励引导用户继续使用。100个清晰的屏幕设计优于一个杂乱的界面。

  2. 界面的存在是为了交互

    界面的存在是促进人和世界的交互。界面能够清晰的展示,表现关系,让人们互相联系,分开,操纵人们的期待,允许人们使用各种服务。设计界面的行为并不是艺术。界面对于用户并不是纪念碑。界面具有一定的作用,它的有效性也可以被衡量。它们不仅使用,而且,优秀的界面能够激发灵感,唤起共鸣,具有神秘感,强化我们与世界的关系。

  3. 不惜成本保持注意力

    我们生活在充满搅扰的世界。很难安静的阅读,而没有其它事情分散我们的注意力,去关注其它事情。注意力是非常宝贵的。. Attention is precious. 不要在你的应用的侧边放置令人分散注意力的内容…首先记住界面为何存在的。如果用户在阅读,让用户完成阅读再显示广告内容(如果必须的话)。尊重注意力,不仅会让读者开心,你也会得到更好的结果。当使用是主要目标,注意力是首要条件。不惜任何成本保证注意力。

  4. 保持用户可控

    人类在感觉可以控制自己和环境时,会觉得时最舒适的状态。欠考虑的软件会夺走这样的舒适,强制用户进入未知的交互,让人迷惑,奇异的输出响应。 保持用户可控,通过正规的系统状态,描述因果关系(如果这样做就会发生),给出每次期待的细节。不要担心表示的过于明显…因为这从来没有。

  5. 直接操作就是最佳

    最好的界面就是根本没有,当我们能够直接操作物质对象在现实生活中。因为这并不总是可能的,对象变的越来越信息化,我们创建界面来帮助进行与之交互。相比添加必要的元素到界面,跟多层级更简单,建立过度精细的按钮,框架,图像,选择,偏好,窗口,附件,以及其它组件,我们最后是在操作UI元素而不是找到最重要的。相反的,严格追寻原始目标,直接操作,设计的界面所需步骤越少越好,加入更多自然人的动作。理想状况是,界面能够被忽略,让用户感觉在直接操作对象。

  6. 一个界面一个主要行为

    每一个我们设计的界面应该支持一个单独的具有真实价值的单独的动作。这样会易于学习,易于使用,易于添加或按需构建。界面支持两个或多个主要动作,会很快变得让人迷惑。就像是一片论文,应该只有一个明确的论题,每一个设计的界面都都应该支持一个明确的动作。

  7. 让此要行为次要

    拥有一个主要动作的界面,可以具有多个次要动作,但是必须保证是次要的。你的文章存在原因并不是让人在Twitter上分享,而是让读者阅读和理解。保持次要动作,视觉感次要,或者在主要动作执行后出现。

  8. 提供自然的流程

    很少的交互意味着是最后一个,所以,深思熟虑的设计每一个的交互的下一步。预期下一个设计,并设计进行支持。正如我们喜欢人与人的沟通,提供进一步交互的可能。不要让用户停滞,当他们完成你想要让其完成的动作,自然的下一步会帮助他们完成目标。

  9. 表现遵循行为 (即 形式遵循功能)

    人类对于表现如其期望的行为感觉舒适,其他人,动物,对象,软件。当有些人或事情,持续表现的与预期相同,我们感觉与其具有良好的关系。因此,设计元素应该看起来象它所要表现的。在实际中,表示人们能够预测界面元素的表现,只是通过观察。如果看起来是一个按钮,那么就应该表现的象个按钮。不要在基础交互上玩酷…把创意留给更高级的目标。

  10. 一致性很重要

    接着前一个准则,界面元素不应该表现的全部相同,除非它们的行为也一致。行为一致的元素,表现也应该一致。但是这只是不一样的元素表现不同,相似的元素保持一致。为了保持一致,新手设计师通常会忽略重要的区别,通过使用相同的视觉表现(重用代码),但不同的视觉表现更合适。

  11. 强烈的视觉层次最佳

    强烈的视觉层次,在浏览界面上的视觉元素,具有清晰的顺序时实现。也就是说,当用户每次看到相同条目,相同的顺序。不清晰的视觉层次,不能够提供清晰的线索,让用户感觉凌乱和迷惑。在具有很多改变的环境,会很难保持强烈的视觉层次,因为视觉重要是相关的,当所有的都是粗体,就没有了粗体。应该仅有一个单独的视觉重要元素在界面上,设计师需要重设所有元素的视觉重要性,来达到强烈的视觉层次。多数人不会注意到视觉层次,但是这是强调(削弱)一个设计的最简单办法。

  12. 灵活的组织减少认知难度

    正如 John Maeda 在他的著作 Simplicity 中所说,灵活的组织界面元素,能化繁为简。这会帮助用户更容易和迅速的理解界面, 你要描述的设计中的内容的内在关系。将相似的元素组织起来,通过位置和方向显示自然关系。灵活的组织内容,减小用户认知难度,不必思考元素是如何相关联的,因为你已经为他们做了。不要强制用户理清思路,通过界面展示设计的元素间关系。

  13. 高亮, 不必一定是, 眼色

    实物的眼色会随着光的改变而改变。白天,看见树的全貌,而傍晚,只能看到树的轮廓。在物质世界,颜色是多种渐变的,颜色不是界面的绝对因素。它可以帮助,被用于高亮,吸引朱毅力,但是不应是唯一的区分。对于长篇阅读或者扩展屏,使用光亮或者柔和的背景色,节省鲜亮的色彩。当然会有适用的时候,不过要确认对于你的受众是和时代。

  14. 渐进展示

    每个界面只显示必须的内容。如果人们需要做选择,显示足够的信息帮助选择,接下来显示细节在随后的界面。避免过度解释或者一次显示所有信息的倾向。如果有可能,通过渐进显示信息,延迟信息至之后的界面。

  15. 随时帮助用户

    理想的界面,帮助是不必要的,因为界面是易于学习和使用的。接下来的步骤,现实,帮助是处于上下文中,只在需要时现实,其余时候处于隐藏状态。让用户查看帮助,让用户承担责任,找到所需问题的答案。不如建立需要时的帮助,只是要确保避开那些知道如何使用界面的用户。

  16. 重要时刻:零状态(the zero state)

    体验界面的第一次非常重要,通常被设计师忽视。为了让用户最快的熟悉我们的设计,最好设计零状态,就是什么也没有发生的状态。这个状态并不是空白的画布,应该提供方向和指引,来帮助用户。交互的不愉快通常发生在初始,一旦用户了解规则,它们对成功拥有更高的准求。

  17. 存在的问题最具价值

    人们寻求他们已知问题的解决方案,而不是潜在问题或者未来的问题。因此,不要为假设的问题创建界面,为已知的行为设计来解决问题。这也许并不让人那么激动,但是会得到同样的奖励,因为人们实际上在使用你的界面。

  18. 优秀的设计是无形的

    优秀设计的好奇属性,通常被用户所忽视。一个原因是,如果设计是成功,那么用户会专注于他们的目标而不是界面,当完成目标时,会感觉满意,而不必深思。对于设计师而言,这会很难,当我们的设计不错时,会受到相对少的夸奖。但是优秀的设计师会满足于被合理使用的设计,知道高兴的用户通常比较沉默。

  19. 构建基于其它设计准则

    视觉和图像设计,字体,文案,信息架构及形象化,所有的准则都是界面设计的一部分。它们可以被设计或专业化。不要进入泥地战争或看轻其它准则,获取你所需的内容,帮助你完成作品。细细品位看似无关的准则,从出版,代码书写,装桢,溜冰,交火,空手道,我们能学到什么呢?

  20. 界面的存在就是被使用

    对于大多数设计准则,成功的界面设计就是有用户使用你设计的界面。就像是坐下去不舒服的漂亮椅子,当用户不使用时,就是失败的设计。因此,界面设计就像是建立一个可使用的环境,或者建立一个值得使用的艺术品。这还不是一个界面能满足它的设计师的野心:必须被使用!

via

作者:马翔
网站设计, 移动开发, 创业, 管理, 设计, 商业
原文地址:用户界面设计准则, 感谢原作者分享。

发表评论