用户界面设计原则
“设计绝不是简单的拼合,排列甚至编辑;设计是通过阐明,简化、明确、修饰,使之庄严,有说服性,甚至带一点趣味性,来赋予其价值及意义。”——保罗·兰德(PaulRand)
1.“明确”应该放在设计的首要位置
对任何界面而言,“明确”是首要的也是最重要的一点。人们必须能够辨别出它是什么,才能有效地使用你设计出来的界面。设计师们在设计的时候,要去关心人们为何会使用这个应用,去了解什么样的界面是能帮助他们与之互动的,去预测人们在使用时的行为并能够成功地反馈给他们。这样做了之后,界面中再出现的需要推理的地方以及延时反应都是可以被容忍的,但是绝对不能出现让用户困惑的地方。明确的界面能够给使用者进一步操作的信心。一个应用就算它有一百张页面,但是每一页都是清晰明确的,它也远胜于只有一页却不知所云的应用。
2.界面是为了交互而存在
界面的存在是为了让人和我们的世界产生互动。它可以帮助人们厘清,明白,使用,展示相互之间的关系,他能够把我们聚集在一起可以将我们隔开,实现我们的价值并为我们服务。界面设计不是艺术设计。界面设计也不是用来标榜设计师的个人。界面的功用和效果是可以被测量的。但是它们不是功利性的。优秀的界面不但能够让我们做事有效率,还能够激发、唤起和加强我们与这个世界的联系。
3.不惜一切代价吸引用户注意
我们生活在一个容易被打扰的世界。我们很难在一个不被干扰的环境中静下心来阅读。用户注意力是非常宝贵的。所以,不要在应用的周围丢一些容易令人分心的东西……
要把设计这个画面最初的目的时刻放在首位。如果用户正在阅读,那先让他们专心的读完之后再弹出广告(如果一定要放广告的话)。尊重用户的注意力,不仅仅会让用户感到高兴,你本身的设计也会收获好结果。如果在界面设计中,用户使用是首要目标的话,那么尊重用户的注意力是先决条件。要不惜一切代价保护它。
4.让用户掌控一切
人们会在自己能掌控的环境中感觉最舒心,最放松。设计草率的软件应用不但剥夺了这种舒适性,还会迫使人们面对毫无预期的互动,困惑的流程和意外的结果。通过定期的梳理系统状态,描述因果关系(如果你这个做了,就会被体现出来),并且在每一步操作都给出提示,让用户感觉每一步操作都在他的掌控中。不要担心说,这不是“显而易见”的吗?因为世界上从来没有显而易见的事情。
5.直观操作是最好的
好的界面是无意识的,就像我们在实际生活中直接操作的感觉一样。这并不是那么容易实现的,并且随着元素和资讯的不断增加,这就变得更难,所以我们设计界面来帮助我们去和它们互动。要想在画面上添加一个不必要的东西是非常简单,例如,加个华丽的按钮,镶边,图形,选项,偏好,窗口,附件和其它一些冗余的东西。以至于我们一头扎进处理界面元素细节的怪圈中而忽视了最重要的事情。取而代之的,你应该抓住直观操作这个最初的目标……界面设计要尽可能的简洁,更多的可识别的惯用自然手势。理想情况下,界面会变得非常细微,用户在会有直观操作的感觉。
6.一个页面一个主要操作
我们设计的每一个画面,都应给用户提供有实际意义的单一操作。这一点,令界面更快上手、易于操作,如果有需要的话,新增或扩充也更简易。如果一个画面上有两个或两个以上的主要操作,瞬间就会让用户感到困惑。就像写文章要有单一的以及强有力的论点一样,界面设计中的单个画面,也都应该有单一且明确的操作,这是它存在的理由。
7.让次要操作在次要位置
画面在包含一个主要动作的同时,可以有多个次要动作,但尽量不要让它们喧宾夺主!就像你写一篇文章的目的,是为了让人可以阅读可以了解,而不是为了人们能够把它网络推广网站推广转载在社交网络上……让次要得动作放在次要的位置,削减它们的视觉冲击力,或是在主要动作完成后再显示它们。
8.提供自然而然的下一步操作
很少有交互是故意被放在最后的,所以要为用户精心设计交互的下一步操作。你要预期用户下一步的交互是怎样的,并且通过设计将其实现。就像我们的日常谈话,要为深入交谈开一个好头。当用户已经完成要做的操作后,别让它们不知所措的停留在那……提供自然而然的下一步,帮助他们完成操作。
9.界面外观遵循用户行为
人总是对符合期望的行为最感舒适。当某人或某件事的行为始终按照我们所期望的那样去进行时,我们会感觉到和他们之间的关系不错。因此,设计出来的元素,看起来,应该像它们本身特征一样。在具体操作中,这意味着,用户只要看到这个界面元素,就应该能猜测出这个元素是做什么的。如果看起来是个按钮,它就应该有按钮的功能,不要在基本的交互问题上耍小聪明……把你的创造力留到更高层次的需求上吧。
10.前后一致的重要性
遵循上一规则,画面中,视觉元素的外观不应该是一样的,除非他们的功能相近。如果是功能相同或相近的元素,那么它们外观就应该是类似的,反之,如果元素各自的功能不同,那么它们的外观也应该不同。为了保持一致性,新手设计师通常在会把相同的视觉处理(重用代码)方式用在,应该用不同的视觉处理方式的元素上。
11.强烈的视觉层次会让效果更好
强烈的视觉层次会让画面有清晰的浏览次序。也就是说,当用户每次都用相同的顺序浏览同样的东西,微小的视觉层次令使用者不知道哪里才是需要注意的重点,最后只会让用户感到困惑和混乱。在不断变化的设计环境中,保持强烈的视觉层次是很困难的,因为所有元素视觉上的重量是相对的:当所有文字都是粗体,那就没有所谓的"粗体"了。如果要在画面中添加一个视觉强烈的元素时,设计者应该要重新调整页面上所有元素的重量分配,来达到强烈视觉层次的效果。大多数人都不会注意到视觉重量这一点,但它其实是强化(弱化)设计的最简单的方法。
12.巧妙的布局减轻用户认知负担
正如约翰前田(JohnMaeda)在他《Simplicity》书中所说的,恰当地编排画面上的元素能够以少见多,帮助他人更加快速简单地理解你设计的界面,因为你已经用你的设计清楚的说明了她们彼此之间的关系。用方位和方向上的编排可以自然地将相同的元素联系在一起。通过对内容的巧妙编排,可以减轻用户的认知负担,他们不再需要花时间去思考元素之间的关联,因为你已经做好了。不要迫使用户去思考……用你的设计直接呈现给他们看。
13.重点不要总是用颜色来强调