建立优秀网站的7个用户体验原则-技术圈

点击 ▲ 三分设关注，和 6 万设计师一起学习进步
译客 2019 · 第 10 篇

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

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

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

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

1.以用户体验为中心的设计

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

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

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

2.网站是用来浏览的，而不是逐字阅读

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

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

3.用户希望清楚简洁

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

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

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

4.通用设计与创新

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

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

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

5.了解用户

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

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

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

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

6.视觉层级

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

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

7.用户体验质量

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

有用性 - 内容是原创的并满足用户需求
可用性 - 网站必须易于查找
吸引性 - 设计元素带来情感和鉴赏力
可查找性 - 内容可在现场和场外和导航
无障碍性 - 残疾人可以访问内容
可信性 - 用户必须相信并信任你告知他们的内容

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

前后关联 - 确保用户知道自己在浏览页面时所处的位置
人性化 - 用值得信赖，透明化，平易近人的人性化交互而不是生硬的机器交互
可探索 - 确保用户在第一次访问时能完成任务
可学习 - 交互要简单，在不同产品当中的衔接是无缝的，确保用户在后续访问中能完成目标。
高效 - 试问自己重复访问可以快速轻松地完成重复性任务吗？
令人愉悦 - 确保产品能够打动用户，使他们与之产生情感联系并支持你的产品。
成为执行者 - 确保系统在用户与用户互动时表现良好。

结语

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

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

原文标题：www.webdesignerdepot.com/2018/05/7-ux-principles-for-creating-a-great-website/

文章来源：webdesignerdepot

原创作者：BEN PINES

原文链接：www.webdesignerdepot.com/2018/05/7-ux-principles-for-creating-a-great-website/

翻译作者：悠游

授权获取：张聿彤

文章审核：王翎旭

文章编辑：王翎旭

该译文并非完整原文，内容已做部分调整。如在阅读过程中发现错误与疏漏之处，欢迎不吝指出。如需转载，请注明来自 三分设

热门文章推荐

译客专栏 2022 · 第 8 篇

2022 年 UXUI 设计趋势
欺骗、迷惑、拖延...五宗罪：用户体验的阴暗模式
设计师们应该多玩电子游戏，游戏化设计背后的极致体验
为数字项目制定用户体验策略的 6 个实用工具！
符号学分析导论，图标构建的 3 大要素
在校的学弟学妹们，想要进大厂实习，请务必提前准备！
Google 最新的设计语言 MATERIAL YOU 来了，7 年以来最大更新
解密设计系统的 11 大优点，终于可以说服你的管理层

精选体验设计知识

收录 100+UED 团队干货文章

共创成长训练营

三分设·星火会员

我们一起聊设计

三分设·微信读者群/城市群

欢迎添加 ⭐️ 星标，获取每日好文推荐，每天早上 8 点，准时充电。加入设计微信交流群 三分设读者 5 群，期待与更多优秀用户体验设计师一起成长，添加益达微信号【 Lil_Bug 】or【 Red-boy2020】，备注【 三分设读者 】加入读者群！

分享设计心得，定期直播，零距离连麦，答疑解惑

↓↓↓点开『阅读原文』，欢迎你的加入星球

建立优秀网站的7个用户体验原则

点击 ▲ 三分设 关注，和 6 万设计师一起学习进步译客 2019 · 第 10 篇

点击 ▲ 三分设 关注，和 6 万设计师一起学习进步

译客 2019 · 第 10 篇

点击 ▲ 三分设关注，和 6 万设计师一起学习进步
译客 2019 · 第 10 篇

点击 ▲ 三分设关注，和 6 万设计师一起学习进步