9.界面外观遵循用户行为
人总是对符合期望的行为最感舒适。当某人或某件事的行为始终按照我们所期望的那样去进行时,我们会感觉到和他们之间的关系不错。因此,设计出来的元素,看起来,应该像它们本身特征一样。在具体操作中,这意味着,用户只要看到这个界面元素,就应该能猜测出这个元素是做什么的。如果看起来是个按钮,它就应该有按钮的功能,不要在基本的交互问题上耍小聪明……把你的创造力留到更高层次的需求上吧。
10.前后一致的重要性
遵循上一规则,画面中,视觉元素的外观不应该是一样的,除非他们的功能相近。如果是功能相同或相近的元素,那么它们外观就应该是类似的,反之,如果元素各自的功能不同,那么它们的外观也应该不同。为了保持一致性,新手响应式设计师通常在会把相同的视觉处理 (重用代码) 方式用在,应该用不同的视觉处理方式的元素上。
11.强烈的视觉层次会让效果更好
强烈的视觉层次会让画面有清晰的浏览次序。也就是说,当用户每次都用相同的顺序浏览同样的东西,微小的视觉层次令使用者不知道哪里才是需要注意的重点,最后只会让用户感到困惑和混乱。在不断变化的设计环境中,保持强烈的视觉层次是很困难的,因为所有元素视觉上的重量是相对的:当所有文字都是粗体,那就没有所谓的"粗体"了。如果要在画面中添加一个视觉强烈的元素时,设计者应该要重新调整页面上所有元素的重量分配,来达到强烈视觉层次的效果。大多数人都不会注意到视觉重量这一点,但它其实是强化(弱化)设计的最简单的方法。
12.巧妙的布局减轻用户认知负担
正如约翰 前田(John Maeda)在他《Simplicity》书中所说的,恰当地编排画面上的元素能够以少见多,帮助他人更加快速简单地理解你设计的界面,因为你已经用你的响应式设计清楚的说明了她们彼此之间的关系。用方位和方向上的编排可以自然地将相同的元素联系在一起。通过对内容的巧妙编排,可以减轻用户的认知负担,他们不再需要花时间去思考元素之间的关联,因为你已经做好了。不要迫使用户去思考……用你的设计直接呈现给他们看。
13.重点不要总是用颜色来强调
物体的色彩会随光线改变而改变。艳阳高照下与夕阳西下时,同一棵树,也会呈现不同的景象。在自然世界中,色彩很容易受环境影响而改变,所以在设计时,色彩不应该占很大的比重。作为辅助,我们可以用高亮的颜色,吸引注意力,但这不是区别这些的唯一方法。在长篇阅读或是长时间对着电脑屏幕的情况下,可以使用柔和的背景,降低亮度,当然也可用活泼亮丽的色彩当背景,但是要确保适合你的读者。
14.逐步说明
只在画面中显示必要的信息。如果用户需要作出决定,只要展现足够的信息供其选择,然后他们会到下一页去寻找更多的细节。避免一次呈现或解释全部的信息,如果可以的话,将选择放在后面的画面展示。这会使你的界面交互更加清晰。
15.内置帮助
在理想的界面设计中,「帮助」选项是没有必要,因为界面操作是有引导性的。「帮助」的下一步,实际上是,内嵌在上下文中的“帮助”,只有在用户确实需要的时候才显示,平常应该是隐藏的状态。让用户自己去寻求帮助,。重要的是你要保证用户可以顺畅的使用你的界面。
16.重要时刻:初始状态
第一次使用界面的体验是非常重要的,而这却常常被设计师忽略。为了让用户更快的上手,最好在响应式设计的时候保持初始状态,也就是还没开始使用过的状态。这个状态不是一张空白的画布……它应该要提供一个方向和指引,令用户迅速进入状况。在初始状态下的互动过程中可能会存在一些摩擦,一旦用户了解了规则,那将会有很高的机会获得成功。
17.好的设计是隐形的
好的设计有一个奇怪的特性,它通常是会被用户忽略的。其中的一个原因是,一这个设计非常的成功,以至于用户完全专注在他想要达到的目标,而不是这个界面……当用户顺利的完成目的,他们会感到很满意,并不需要反映任何问题。作为一名设计师,这样会很困难……因为我们很少收到正面的回应,我们很少知道哪些设计是好的。但是优秀的设计师是满足于设计出好用的界面……并且他们知道满意的使用者通常是沉默的。
18.从其他设计领域下手
视觉,平面设计,排版,文案,信息架构和视觉设计……所有这些学科都是界面设计的一部分。他们都是可以被涉猎和研究的。不要企图跟他们划分界线,或看不起其他的领域:从学到学到很多知识可以帮助你的工作推动你成长,还可以从看似无关的学科学起,接触你不熟悉的领域……我们能从出版、编程、书本装订 、滑板、消防,空手道中学到哪些知识呢?
19.界面的存在是为了被使用
在大多数设计领域,有用户使用就是界面设计的成功。就像是一个漂亮椅子,虽然漂亮,但坐起来不舒服,用户就不会选择它,它就是一个失败的设计。因此界面的存在就为了尽可能多的创造好用的环境让用户使用,就像你设计了一个好用的工艺品。设计师设计作品如果仅仅是拿来满足自己的虚荣心,那是远远不够的:它必须要被使用!
原文地址:http://www.cnblogs.com/gonrun/p/3807519.html