对于界面的设计不但要让用户容易认出,而且还能方便用户操作,再达到更好的宣传效果。设计好的网站界面能够更好的吸引用户,但是设计出来的界面是不能让用户困惑。清晰明确网站界面能使用户操作非常顺心,舒服,这样才会有操作下去的欲望。

html5

1.界面是为了交互而存在
界面的存在是为了让用户与网站产生依赖及互动,能够更清晰,明白展示的信息,还能让我们更好的服务。优秀的界面设计能让做的事情有效率,还能激发用户起到宣传的效果

2.吸引用户注意
用户的时间是非常宝贵的,在设计界面时不要放一些影响用户注意力的东西,这样用户就不会用心去浏览你的信息,那样就没有价值。设计画面要时刻放在首位,如果一定要放广告,一定要在用户看完之后的地方再弹出广告。使用户不分心,不仅让用户看的高兴,而且让设计达到了效果,所以在设计的时候也要尊重用户。

3.让用户掌控一切
设计界面应用要让用户感到舒适性,让用户面对最舒服的互动,这样简单的流程才能用户让适心。通过定期的整理,做到每一步提示都有操作提示,让用户感觉每一步操作都在他的掌据之中,所做的一切都是为了让用户轻松掌据你设计的界面应用。

4.直观操作是最好的
设计的界面是不需要太多的解释,就像我们去做一简单的事情。不过这种却是非常难实现,随着信息的增加,这样做起来就有点难度,所以设计的界面能产生互动,设计界面不能忘了最初的目的。界面设计要尽可能的简洁,更多的可识别的惯用自然手势,界面会变得非常细微,用户在会有直观操作的感觉。

5.一个页面一个主要操作

设计的每一个画面,都应给用户提供有实际意义的单一操作。令用户更快上手、易于操作,这样新增或扩充也更容易。如果一个画面上有两个或两个以上的主要操作,瞬间就会让用户感到困惑。就像写文章要有单一的以及强有力的论点一样,界面设计中的单个画面,也都应该有单一且明确的操作,这是它存在的理由。

6.让次要操作在次要位置
画面在包含一个主要动作的同时,可以有多个次要动作,但尽量不要让它们喧宾夺主!就像你写一篇文章的目的,是为了让人可以阅读可以了解,而不是为了人们能够把它转载在社交网络上……让次要得动作放在次要的位置,削减它们的视觉冲击力,或是在主要动作完成后再显示它们。

7.提供自然简单操作
很少有交互是故意被放在最后的,所以要为用户精心设计交互的下一步操作。你要预期用户下一步的交互是怎样的,并且通过设计将其实现。就像我们的日常谈话,要为深入交谈开一个好头。当用户已经完成要做的操作后,别让它们不知所措的停留在那……提供自然而然的下一步,帮助他们完成操作。

8.界面外观遵循用户行为
人总是对符合期望的行为最感舒适。当某人或某件事的行为始终按照我们所期望的那样去进行时,我们会感觉到和他们之间的关系不错。因此,设计出来的元素,看起来,应该像它们本身特征一样。在具体操作中,这意味着,用户只要看到这个界面元素,就应该能猜测出这个元素是做什么的。如果看起来是个按钮,它就应该有按钮的功能,不要在基本的交互问题上耍小聪明……把你的创造力留到更高层次的需求上吧。

9.前后一致的重要性
遵循上一规则,画面中,视觉元素的外观不应该是一样的,除非他们的功能相近。如果是功能相同或相近的元素,那么它们外观就应该是类似的,反之,如果元素各自的功能不同,那么它们的外观也应该不同。为了保持一致性,新手设计师通常在会把相同的视觉处理 (重用代码) 方式用在,应该用不同的视觉处理方式的元素上。

10.强烈的视觉层次会让效果更好
强烈的视觉层次会让画面有清晰的浏览次序。也就是说,当用户每次都用相同的顺序浏览同样的东西,微小的视觉层次令使用者不知道哪里才是需要注意的重点,最后只会让用户感到困惑和混乱。在不断变化的设计环境中,保持强烈的视觉层次是很困难的,因为所有元素视觉上的重量是相对的:当所有文字都是粗体,那就没有所谓的"粗体"了。如果要在画面中添加一个视觉强烈的元素时,设计者应该要重新调整页面上所有元素的重量分配,来达到强烈视觉层次的效果。大多数人都不会注意到视觉重量这一点,但它其实是强化(弱化)设计的最简单的方法。

11.巧妙的布局减轻用户认知负担
正如约翰 前田(John Maeda)在他《Simplicity》书中所说的,恰当地编排画面上的元素能够以少见多,帮助他人更加快速简单地理解你设计的界面,因为你已经用你的设计清楚的说明了她们彼此之间的关系。用方位和方向上的编排可以自然地将相同的元素联系在一起。通过对内容的巧妙编排,可以减轻用户的认知负担,他们不再需要花时间去思考元素之间的关联,因为你已经做好了。不要迫使用户去思考……用你的设计直接呈现给他们看。

12.重点不要总是用颜色来强调
物体的色彩会随光线改变而改变。艳阳高照下与夕阳西下时,同一棵树,也会呈现不同的景象。在自然世界中,色彩很容易受环境影响而改变,所以在设计时,色彩不应该占很大的比重。作为辅助,我们可以用高亮的颜色,吸引注意力,但这不是区别这些的唯一方法。在长篇阅读或是长时间对着电脑屏幕的情况下,可以使用柔和的背景,降低亮度,当然也可用活泼亮丽的色彩当背景,但是要确保适合你的读者。

13.逐步说明
只在画面中显示必要的信息。如果用户需要作出决定,只要展现足够的信息供其选择,然后他们会到下一页去寻找更多的细节。避免一次呈现或解释全部的信息,如果可以的话,将选择放在后面的画面展示。这会使你的界面交互更加清晰。

14.内置帮助
在理想的界面设计中,「帮助」选项是没有必要,因为界面操作是有引导性的。「帮助」的下一步,实际上是,内嵌在上下文中的“帮助”,只有在用户确实需要的时候才显示,平常应该是隐藏的状态。让用户自己去寻求帮助,。重要的是你要保证用户可以顺畅的使用你的界面。

15.重要时刻:初始状态
第一次使用界面的体验是非常重要的,而这却常常被设计师忽略。为了让用户更快的上手,最好在设计的时候保持初始状态,也就是还没开始使用过的状态。这个状态不是一张空白的画布……它应该要提供一个方向和指引,令用户迅速进入状况。在初始状态下的互动过程中可能会存在一些摩擦,一旦用户了解了规则,那将会有很高的机会获得成功。

16.好的设计是隐形的
好的设计有一个奇怪的特性,它通常是会被用户忽略的。其中的一个原因是,一这个设计非常的成功,以至于用户完全专注在他想要达到的目标,而不是这个界面……当用户顺利的完成目的,他们会感到很满意,并不需要反映任何问题。作为一名设计师,这样会很困难……因为我们很少收到正面的回应,我们很少知道哪些设计是好的。但是优秀的设计师是满足于设计出好用的界面……并且他们知道满意的使用者通常是沉默的。

17.从其他设计领域下手
对于界面的设计也要考虑从其它地方去思考,比如视觉设计、平面设计、排版、架构,这些是界面设计的重要因素,也多去接解一些设计无关的行业,有利于触发设计界面的灵感,比如:报纸、出版等

在设计领域,有用户使用就是界面设计的成功。有一点设计的页面虽然能吸引用户,但是太过复杂,导致用户用起来不舒服,这样就成了失败的界面设计。所以一个好的界面设计不但是漂亮,功能还让用户起来会舒心,而且还能创造出更好的环境让用户喜欢。设计出来的作品不但要被用户使认可而且被广泛使用。

需要帮助吗? 请联系我们的客服团队: QQ: 316868880 电话: 0311-80685920