每个网页设计师都应该遵守的 10 条 UX 规则

已发表: 2017-03-02

你可以创造世界上最令人瞠目结舌的设计,如果它不能满足可用性,它就不会成功。

从牙签到商业客机,一切都需要可用性才能发挥作用和销售,否则它的设计注定要失败。 同样,在网络世界中,当一个网站被使用和分级时,一个叫做 UX 的术语就会发挥作用。

UX 是网络用户在浏览网站并与其元素和功能交互时获得的用户体验的缩写。 如果体验是不稳定的和恶意的,那么该网站就不是互联网上漂浮的垃圾,没有人会关心。 用户体验可以单枪匹马地决定一个网站是否可以使用或出售,因此设计师必须重视它。 在本文中,我们将分享 10 条关于可用性的基本规则,每个网页设计师在将网站完成最后阶段之前必须了解。

1. 永远不要把 UX 与 UI 混淆

UX 和 UI 之间有一条细线。 即使您意识到差异,您也可能会在某一时刻从客户那里听到它,但是当时间到来时,您必须能够以最好的方式解释差异。 用户界面被定义为实际系统,而用户体验被定义为与系统交互后的情感结果。

微软Windows是UI,使用后的情感满足是UX。 混淆这两个术语不仅会损害您自己的工作,还会让您负担过重的事情完全不是您的工作。

一个好的设计师不仅会知道差异,而且在提出展示他的作品时能够向客户解释。

2. UX不仅仅是网站体验

网页设计不仅仅是眼前的东西。 从视觉细节、您使用的产品和您访问的地方开始,一切都写满了 UX。 驾驶垃圾车是一种糟糕的体验,而轻松打开包装好的盒子则是一种好体验。 线下用户体验营销可能看起来像是一件不同的衣服,但它最初是从同一块布料上剪下来的。 虽然不完全一样,也不能通过几个例子来证明,但在物质和非物质平台上的 UX 体验会在你的大脑中产生相同的荷尔蒙。 例如,有人发现人类从左到右优先考虑信息,左侧的元素占用更少的垂直空间并具有相同的视觉重量。

在 2000 年,趋势开始发生变化,网页设计师开始将导航栏放置在网页的左侧面板中。 这使用户能够更快、更好地扫描内容,同时更大程度地接触网站内容。 作为一名网页设计师,在这两种媒介中都有你的双脚可以让你交叉训练你的思维并扩展你的知识,从而从更生动的角度评估和制作项目。

3. 艺术和科学回归

在 UX 方面,艺术和科学齐头并进。 特别是在设计过程中,必须对它们的联系有一个精确的理解。 从科学上讲,存在问题解决方案,设计师必须制定路线图并用理论解决方案解决问题。 例如,一个网站的销售额极低。 设计师将建议更新网站,对其进行测试和故障排除,这将形成一个解决方案。 这就是艺术介入的地方。

解决方案中将建议所有方面和元素,例如颜色、字体、布局、文本和视觉内容,以使该网站在美学和功能上都具有吸引力。 它将接受更多的测试,直到它设法引起用户的期望情绪反应。 这种通过科学实施引导外在行为的原因使艺术和科学成为奇怪但有力的一对。

4. 使用目标驱动的方法解决问题

设计师与希望事情按他们的书运行的客户打交道,这已经不是什么秘密了。 这创造了一个无处可去的迷宫,因为客户不知道的许多事情只有设计师知道。 同样,设计师有时一心想按自己的方式做事,而其他方法也摆在桌面上,可能效果更好。

在设计 UX 丰富的网页设计时,保持单一的思维方式永远不会健康。 只有通过专注于最佳可用解决方案的目标驱动方法才能实现良好的用户体验。 例如,客户希望将客户推荐链接移至页面顶部以获得更多曝光并吸引更多流量。 但是,问题不在于链接的位置,而在于定位链接本身,因为它无法吸引流量。 因此,您还可以通过使其在其所在位置更明显而不是将其移动到新位置来修复链接。 这两种解决方案都可以用来解决问题,并且您必须保持该选项处于打开状态。 这被称为目标驱动设计。

5.通过用户体验展示品牌标识

品牌识别是构建出色用户体验背后的主要目标之一。 如果用户体验在满足用户方面取得成功,那么它将在很大程度上反映使这种体验成为可能的品牌。 重要的是,您在创建符合客户偏好的外观时不要分心。 一个好的设计必须展示功能和特性的正确组合,不仅让用户的体验成为一种享受,而且还详细说明了品牌为使其成功所做的投资。 这将决定用户是否会再次访问该网站。

为了确保您在设计中根深蒂固地考虑客户的观点,请告知他们每一个动作,并进行设计中可以容纳的任何必要更改。 在添加客户偏好时考虑更大的图景也很重要,这样用户体验在此过程中不会受到影响。

6.围绕用户的视角构建你的用户体验

永远不要成为自己想象的受害者。 由于您在设计网站时具有一定的创造性自由,因此不要滥用它至关重要。 在这种特殊情况下,您对客户的指导方针和偏好根深蒂固,但却完全忘记了用户的观点。 作为一名设计师,重要的是你永远不要让你的想象力偏离你实现客户和用户想要的目标。 与任何其他方法相比,用户驱动的设计最有可能产生成功的用户体验。

为确保您走在正确的轨道上,请研究您的设计领域的用户,并了解他们在您的特定设计中的需求和愿望。 在您准备好启动它之前,使用 A/B 测试来验证您的设计是否满足要求。 请记住,用户的需求比您的个人输入更重要,因为最终他们将使用它。

7. UX是关于心理学的

行为触发器基于刺激用户情绪反应的人类心理。 优秀的设计师能够定性地评估用户的心态并获得与内容的情感联系。 这些情感联系对于在网页设计中产生生动的用户体验至关重要。 以通知为例。 您可能已经体验过烦人的弹出通知功能,它会让您离开网站,在您出门时砰地一声关上门。 尽管这部分是为了客户的利益,同时确保零售商的转化,但在客户登陆网站后立即展示它是一个糟糕的主意。

想象自己到达办公室的精确点,并被命令做家务,而无需呼吸或享用一杯热咖啡。 时间是这里的一个关键因素。 如果您了解人类的心理,那么您永远不会从覆盖屏幕一半以上的弹出窗口开始。 相反,您可以等待访问者浏览内容,然后开始您的宣传。 这样,将张开双臂收到相同的通知,因为现在用户实际上可以抽出时间来参与。 用户体验在很大程度上依赖于消费者的心理,这就是为什么您必须整合健康剂量的行为触发因素,同时在需要的地方小心谨慎。

8.通过滚动引导您的客户

如果你问我,滚动就像魔术一样。 它将寻求信息的用户发送到网站的更深处,从而扩大了他们的转化机会。 这可能是为什么大多数设计师将他们的 CTA 放在页面底部,即滚动结束的地方。

即使是“一见钟情”的方法也可以促进滚动,即设计在页面顶部显示 CTA。 您可以通过引入滚动提示来优化此类页面。 滚动提示的范围可以从箭头叹息到迷人的图形元素。 例如,箭头可用于指示下一段内容的方向,而图形元素可以在用户与之交互后直接将用户带到下一张幻灯片。

9. 使用舒适

当您将您的内容发布到互联网上时,您必须期望它会遇到来自各种背景的人。 每个人都不会按照您打算提出的方式分享您的观点。 这就是为什么您的内容应该是可吸收的,这样用户就不需要额外的努力来了解您提供给他们的内容。 如果内容易于消化,用户将更快地转换。

一次给他们一口。 一次展示你可以提供的一切不仅会让用户迷失方向,而且还反映了你那一半的绝望。 为确保您的设计透气且易于吸收,请​​在元素周围使用大量白色间距,以便易于区分。 还可以通过示例和您自己的叙述创建各种受众都可以理解的内容。 将自己展示为他们的朋友,而不是商人。

10.充分优化你的页面元素

页面元素是网页设计不可或缺的一部分。 它们为用户执行基本功能,并在 UX 中保持情感和谐。 但是,添加不必要的页面元素可能会对您的网站和用户造成危害。

页面元素,例如具有多个命令而不是一个命令的 CTA,图像分散注意力,足以将视线从页面中间的主题或文本中吸引开,从而误导客户。 添加这些元素会毫无意义地影响您的网页设计可信度,同时减慢其加载速度。 例如,高清图像可以成为您网页的滞后工厂。 它们需要大量带宽,并占用了转换友好网站的理想加载时间。 加载缓慢的网站是您在网站 UX 中想要的最后一件事。

最后的想法

作为网页设计师,您必须将每一个元素、方面和方法都纳入方程式。 您的目标是必须设计出不仅能赢得客户,还能提供令人满意的用户体验的设计。 通过这 10 条基本规则,您可以创建理想的网页设计,从各个可能的角度满足可用性。