我们花很多时间在线阅读新闻，浏览网站以及使用web应用，在一些情形下，我们的在线体验却没有它该有的那么好。

这归因于贫乏的设计未将用户体验纳入考虑。以旁观者的角度，很容易发现这些错误，但如果你是一个项目负责人，事情就变得棘手了。

作为一名设计师，创建体验优良的设计是我们的天职，但这并不容易。

以下是一些体验优秀网页的惯例做法：

一、以用户体验为中心的设计

比起网站内容，让网站的体验令人难忘显得更加重要，用户会经常忘记数据和内容要点，但他们会记得这些内容带给他们的感受，这在广告业中很受用，为何不用于网页呢?

图形、布局、文本和交互元素不仅仅只传递信息。他们共同作用，为用户提供体验。 用户体验设计是移动应用和网页工作产出的重要组成部分。

使您的网页从海量网站和互联网信息中脱颖而出的关键因素。 如今网站包含更多的视觉和交互属性以博得更多的情感共鸣，借此帮助他们在竞争激烈的世界中脱颖而出。

二、网站是用来浏览的，而不是逐字阅读

你的网站必须是可浏览的，人们不会逐字阅读网站，而是快速浏览，信息图表和视觉效果已经成为人们传达指令和数据的方式。

使你的网站可浏览将吸引你的用户，多数人会扫描页面以寻求能触动他们的内容，当他们想要了解更多信息时就会去仔细阅读。

三、用户希望清楚简洁

用户会花半秒钟评估网站的设计，因此你需要决定让用户做什么并让这功能明显。不要让操作按钮难找，将用户的注意力集中到最主要的按钮而不是一堆主页的按钮上。

反复推敲你的应用程序或网站是做什么的，使其更易用。部分设计对于多数用户来说已经很好用了，因此额外功能可以被隐藏，只要在需要时能找得到，不要一次性展示所有内容。

同样，提供清晰、一致的设计，对于用户来说更简单：当你复用色彩、操作、美学时，用户会有所预期，这可以降低他们理解界面的成本。当用户熟悉设计的某些方面时，它将使浏览过程更清晰、更易用。

四、通用设计与创新

当设计元素在其他地方很常见时，就不要为了创新而重塑UI模式。让用户费劲脑筋理解你的UI界面不是你想要的。你要的是让人熟悉的界面，拥有标准的操作对象，如链接很突出、登陆位于右上角。无需重新定位此类标准化组件。

标准模式下的创新，不但不会提升可用性还会使你的界面难用，尽管你可能认为摆脱传统束缚很酷炫。但它可能使用户更难以浏览，还会陷入问题：创新和可用性的平衡取舍。

设计之前，链接、按钮和导航的放置需要关注可用性。最好在不考虑设计的情况下专注于这些布局，然后再添加创意元素。

五、了解用户

在创建之前，您必须清楚自己的网站或应用的目标用户是谁，如何做出最好的设计将依赖于此。

一旦你对网站或应用的受众有了清晰的了解，你随之就能找到他们的需求，并设计出满足用户需求的触动人心的完美设计。竞品能为完成这些提供一些想法，留意竞品的颜色、布局、风格、特点。

当你使用用户早已适应的风格和设计时，他们浏览你的网站就轻松得多。然后你就可以根据他们的需求，用你的想法来区分自己。

当你已确定了自己的受众用户，请记住将他们的反馈纳入设计。 考虑最终用户的可操作反馈非常有价值。

六、视觉层级

在界面上放置最重要的元素时，突出显示，以便用户注意到。 在设计中，有很多方法可以突出显示内容，但最行之有效的方法莫过于放大他们。

通过放大，使某些事物成为一个焦点。一些网站就是以此做到不可能被忽视的效果的，比如：突出显示销售额或高亮的“点击这里”的按钮。

七、用户体验质量

Peter Moville在网站usability.gov上提出用户体验蜂巢中的用户体验因素，它的核心(六边形中心)是你能为用户带来什么价值，被以下六角形包围：

有用性 – 内容是原创的并满足用户需求

可用性 – 网站必须易于查找

吸引性 – 设计元素带来情感和鉴赏力可

查找性 – 内容可在现场和场外和导航

无障碍性 – 残疾人可以访问内容

可信性 – 用户必须相信并信任你告知他们的内容

关于用户体验质量还有其他思想派别。 以下是与创建用户体验相关的更多内容：

前后关联 – 确保用户知道自己在浏览页面时所处的位置

人性化 – 用值得信赖，透明化，平易近人的人性化交互而不是生硬的机器交互

可探索 – 确保用户在第一次访问时能完成任务

可学习 – 交互要简单，在不同产品当中的衔接是无缝的，确保用户在后续访问中能完成目标。

高效 – 试问自己重复访问可以快速轻松地完成重复性任务吗?

令人愉悦 – 确保产品能够打动用户，使他们与之产生情感联系并支持你的产品。

成为执行者 – 确保系统在用户与用户互动时表现良好。

结语

用户需要与产品在使用的时候有情感联系。 如果只是创建界面而不是创造体验，你的产品获得成功的机会就将受到限制。

UI界面需要易于操作和使用，并为您的受众设计适当的颜色和字体。 不要忘记整合最终的用户反馈，同时保持整个设计的连贯一致。

作者：BEN PINES

来源：松松科技 QQ/微信：lusongsong7 ，转载请注明出处！

本文地址：https://down.lusongsong.com/info/9530.html