本文将一些用户体验设计做的比较优秀的网页的惯例做法,总结成七大原则。希望读者能从这七个原则中,获得提自身网站的用户体验效果的方法。
我们花很多时间在线阅读新闻,浏览网站以及使用web应用,在一些情形下,我们的在线体验却没有它该有的那么好。
这归因于贫乏的设计未将用户体验纳入考虑。以旁观者的角度,很容易发现这些错误,但如果你是一个项目负责人,事情就变得棘手了。
作为一名设计师,创建体验优良的设计是我们的天职,但这并不容易。
以下是一些体验优秀网页的惯例做法:
比起网站内容,让网站的体验令人难忘显得更加重要,用户会经常忘记数据和内容要点,但他们会记得这些内容带给他们的感受,这在广告业中很受用,为何不用于网页呢?
图形、布局、文本和交互元素不仅仅只传递信息。他们共同作用,为用户提供体验。 用户体验设计是移动应用和网页工作产出的重要组成部分。
使您的网页从海量网站和互联网信息中脱颖而出的关键因素。 如今网站包含更多的视觉和交互属性以博得更多的情感共鸣,借此帮助他们在竞争激烈的世界中脱颖而出。
二、网站是用来浏览的,而不是逐字阅读
你的网站必须是可浏览的,人们不会逐字阅读网站,而是快速浏览,信息图表和视觉效果已经成为人们传达指令和数据的方式。
使你的网站可浏览将吸引你的用户,多数人会扫描页面以寻求能触动他们的内容,当他们想要了解更多信息时就会去仔细阅读。
三、用户希望清楚简洁
用户会花半秒钟评估网站的设计,因此你需要决定让用户做什么并让这功能明显。不要让操作按钮难找,将用户的注意力集中到最主要的按钮而不是一堆主页的按钮上。
反复推敲你的应用程序或网站是做什么的,使其更易用。部分设计对于多数用户来说已经很好用了,因此额外功能可以被隐藏,只要在需要时能找得到,不要一次性展示所有内容。
同样,提供清晰、一致的设计,对于用户来说更简单:当你复用色彩、操作、美学时,用户会有所预期,这可以降低他们理解界面的成本。当用户熟悉设计的某些方面时,它将使浏览过程更清晰、更易用。
四、通用设计与创新
当设计元素在其他地方很常见时,就不要为了创新而重塑UI模式。让用户费劲脑筋理解你的UI界面不是你想要的。你要的是让人熟悉的界面,拥有标准的操作对象,如链接很突出、登陆位于右上角。无需重新定位此类标准化组件。
标准模式下的创新,不但不会提升可用性还会使你的界面难用,尽管你可能认为摆脱传统束缚很酷炫。但它可能使用户更难以浏览,还会陷入问题:创新和可用性的平衡取舍。
设计之前,链接、按钮和导航的放置需要关注可用性。最好在不考虑设计的情况下专注于这些布局,然后再添加创意元素。
五、了解用户
在创建之前,您必须清楚自己的网站或应用的目标用户是谁,如何做出最好的设计将依赖于此。
一旦你对网站或应用的受众有了清晰的了解,你随之就能找到他们的需求,并设计出满足用户需求的触动人心的完美设计。竞品能为完成这些提供一些想法,留意竞品的颜色、布局、风格、特点。
当你使用用户早已适应的风格和设计时,他们浏览你的网站就轻松得多。然后你就可以根据他们的需求,用你的想法来区分自己。
当你已确定了自己的受众用户,请记住将他们的反馈纳入设计。 考虑最终用户的可操作反馈非常有价值。
六、视觉层级
在界面上放置最重要的元素时,突出显示,以便用户注意到。 在设计中,有很多方法可以突出显示内容,但最行之有效的方法莫过于放大他们。
通过放大,使某些事物成为一个焦点。一些网站就是以此做到不可能被忽视的效果的,比如:突出显示销售额或高亮的“点击这里”的按钮。
七、用户体验质量
Peter Moville在网站usability.gov上提出用户体验蜂巢中的用户体验因素,它的核心(六边形中心)是你能为用户带来什么价值,被以下六角形包围:
有用性 – 内容是原创的并满足用户需求
可用性 – 网站必须易于查找
吸引性 – 设计元素带来情感和鉴赏力
可查找性 – 内容可在现场和场外和导航
无障碍性 – 残疾人可以访问内容
可信性 – 用户必须相信并信任你告知他们的内容
关于用户体验质量还有其他思想派别。 以下是与创建用户体验相关的更多内容:
前后关联 – 确保用户知道自己在浏览页面时所处的位置
人性化 – 用值得信赖,透明化,平易近人的人性化交互而不是生硬的机器交互
可探索 – 确保用户在第一次访问时能完成任务
可学习 – 交互要简单,在不同产品当中的衔接是无缝的,确保用户在后续访问中能完成目标。
高效 – 试问自己重复访问可以快速轻松地完成重复性任务吗?
令人愉悦 – 确保产品能够打动用户,使他们与之产生情感联系并支持你的产品。
结语
用户需要与产品在使用的时候有情感联系。 如果只是创建界面而不是创造体验,你的产品获得成功的机会就将受到限制。
UI界面需要易于操作和使用,并为您的受众设计适当的颜色和字体。 不要忘记整合最终的用户反馈,同时保持整个设计的连贯一致。
原文作者:BEN PINES
原文地址:www.webdesignerdepot.com/2018/05/7-ux-principles-for-creating-a-great-website/