你有没有问过自己,UX是什么?UX就是从错误中学习。你的设计可以围绕把坏的体验变成好的想法。

60秒解释:UI 和 UX

在 Web 设计这个疯狂的领域,UX 和 UI
这样的词语总是被挂在嘴边。那他们到底是什么意思?虽然 UX (User
Experience,即用户体验)和 UI (User Interface,即用户界面)都是把出色的
Web
体验传递给最终用户的重要组成部分,但他们的意思并不相同。我们来简单地看看两者的主要区别,并讨论下两者有何联系。

图片 1

UX Movement

UI
主要包括网页设计的视觉方面。
它建立不同的表现层和交互层,给产品一种整体的观感。Usability.gov
是 Web 最佳实践和规范的一个优秀资源站点, 它把 UI 元素分为以下几类:

  • 输入——文本字段表单,日期字段表单,下拉列表,复选框,列表框,可点击按钮等;
  • 导航——滚动条,搜索字段表单,分页,侧边栏,标签,图标等;
  • 分享——好友列表,关注按钮,喜欢/点赞,分享按钮,邀请好友等;
  • 信息——文本内容,提示信息,对话框,通知,图标,进度条等。

UI
设计不仅仅包括你第一眼看到的页面,还包括了这些页面元素跟用户交互时的设计。这个天气
App 是一个典型例子,演示了 UI 设计中的交互组件:

图片 2

Dribbble

UI 包括了这些元素,那还有什么留给 UX?
UX
设计的定义是:通过提高可用性、易用性,以及提供客户和产品交互时的喜悦感,来强化客户满意度和忠诚度。

为了在公司和用户之间创造这种高质量的体验,UX
设计师关注的是(用户)研究过程,包括用户测试和其他理解客户的方面。举个例子,很多
UX 研究人员通过 A/B
测试
来找出两个不同的设计,看哪个更吸引最终用户。

图片 3

A/B 测试

那么,二者怎么关联起来?高效的 UI 和 UX
设计共同创造出一个用户满意的整体体验。如果其中一部分不达标,会严重影响一个网站的表现。举个例子,如果一个网站有好
UI 和烂 UX,
这个网站给人的感觉就很糟糕,因为它看起来很漂亮,但是导航非常麻烦。反过来,好
UX 和烂 UI 的例子是,用起来很舒服但是看上去很丑。

我们倾向于遵循UX设计的核心原则,但有时它们滑过设计师的思想,导致了许多项目组成部分的错误。如果用户体验被视为语言学,他们将不再是失误 —— 他们变成UX错误。

想了解更多 UX, UI 和可用性,查看以下文章:

为了找到这些错误,我向一些UX领域的专家提出了问题“网站上什么样的UX错误会把你逼疯?“

Paul OlyslagerFrank GaineBrad FrostStephen HayAndy BuddMolly WolfbergHeydon Pickering

这是UX设计中8个糟糕做法的清单

意料之外

Paul Olyslager

网站上什么样的UX错误会把你逼疯?

意外。执行一个操作(例如,按一个按钮)却没有预期结果就会把我逼疯。

NU3的UX经理Paul Olyslager与我们分享了所有糟糕用户体验的核心原因————意外。你有没有过被一些与你的期望相反的东西所激怒?当用户没有明确目标时,许多网站都有这个问题。

一个有趣的网站Webpages That Suck的创办者,Vincent Flanders,解决了这个问题,并在1998年给出专业术语“mystery meat navigation”(译者注:指富有创意的显示菜单),这意味着以不传达目的方式做网页元素的设计,就像过分处理的食物。

生活仍在继续。 他们在头版放置了一个区域,该区域的元素构成了“行动按钮”要求人们立即注册。通过点击跟踪研究,他们发现人们点击了很多次,而按钮没有任何反应。

热点面积小于按钮尺寸,按钮区域内24%的点击都是无效的

这让人们放弃了网站,因为他们认为这是个糟糕的网站。按钮的热点面积改变后,转化率提高了122%。这是一个很小的可用性修补,但这很有用。

移动终端的专家Luke Wroblewski,提到了另一个令人憎恶的意想不到的设计:meat tornado(译者注:tornado是FriendFeed使用的可扩展的非阻塞式 web 服务器)

移动终端的汉堡菜单就好像UX设计中设计华丽的服装——常见的和令人讨厌的.Luis Abreu 描述了汉堡式菜单多么令人讨厌。他们似乎是导航栏届的快餐。然而,他们对我们的设计是有害的,因为用户忽略了他们,从而没有发现所有的选择。(译者注:需具体情况具体分析)

要明确。

确保项目中的每一个项目都有目的,并可以立即传达。

让我团团转的设计

Frank Gaine

网站上什么样的UX错误会把你逼疯?

在那些我讨厌的“Top20”网站中你必须单击“下一步”按钮,然后刷新该页面以查看列表中的每一项。啊啊啊。他们应该只在一页上做一个长表格就好了。

当你浏览网页时,你是否感到头晕?我肯定你会的。越来越丰富的点击诱导分页让我们恶心。

他们的存在是为了获得更多的点击和浏览量。这是一种利用你的用户的非常便利的方式。网页设计中的黑暗模式。但这并不是唯一的一个。

Brad Frost 所说的木马家族的私生子  ———轮播图。他们应该给用户带来“快乐”。然而他们表现得不好,这造成了混乱和误解。因此,人们往往会跳过他们。

网页Should I Use a Carousel?为你是否应该使用它提供最好的答案。

如果你需要轮播图有害于你的网站的数据,根据来自Search Engine Land的Harrison Jones,滑块对可用性和搜索引擎优化都是有害处的。

去除图像滑动模式,轮播图,和点击诱导分页。要明确,要诚实,因为没有人愿意与网络设计的阴暗面斗争。

固定的页面

Stephen Hay

网站上什么样的UX错误会把你逼疯?

当我在手机上链接到你的网站时,我只能通过下载的应用程序看到内容。我是不会下载应用程序的。

很多时候,我在我的手机上输入了一个喜欢的消息而进入一个网页,为此我需要下载一个专用的应用程序。

来自Zero InterfaceStephen Hay告诉我们在那种情况会下发生什么:什么也没有发生。人们放弃了这一页,忘记了它曾经存在过。

谢谢你,Pintrest,为我提供了别的选择。这是很罕见的

这个问题没什么好说的——任何诚实的人都应该意识到。你必须坦率的面对你的用户。强迫他们下载的应用程序才能浏览你的网站是一个可耻的勒索 。 狡辩声明一些网站没有针对移动端进行优化…停下吧,不要这么做。

糟糕的性能艺术

Brad Frost

网站上什么样的UX错误会把你逼疯?

性能也许是用户体验中最重要的方面,但不幸的是,它在很大程度上被忽略了。

很大程度上被忽略是因为它是不可见的。团队花了大量的时间打磨了审美体验,享受使用了最新的开发工具,但最终忽略了加载速度的体验和表现形式。这取决于我们在项目中是否优先考虑产品的性能,以便更好地为我们的用户服务。

糟糕的性能不会没有掌声,Brad说。这一切都降低了我们操作网站的速度。超长的页面载入时间产生破坏性结果。KISSmetrics甚至创造一个伟大的信息图表来显示你的数据,这证明了一个缓慢的网站等于死亡。

Jakob Nielsen称如何反应是一个需要被纳入你的每一个项目的基本用户界面规则。不要为了美学上的考虑放弃性能。慢加载时间和重型网站是人们注意到的第一个不利因素。Flash网站出现的这么长时间展示了“我可以这么做,所以我会这么做“信条下的创造力,但这是一个陷阱。

有创造性并有实用性。

人人讨厌阅读

Frank Gaine

网站上什么样的UX错误会把你逼疯?

我讨厌大量没有副标题来总结和分类的大量文本!

既然我们如今依赖于互联网,阅读就是一项重要的活动。为了使任务尽可能地令人愉快,建立了一系列的规则和指南————特别是当人们大致浏览而不是仔细阅读文字时。

有些人确实使用了这些规则和指南,但有些人忘记了阅读内容应该被优化。

UXBooth 告诉你大多数设计师把视觉设计放在内容之前 ,声称它正在破坏文本的价值。然而,他们又告诉你怎样以正确的方式优化设计和内容 。 你可以通过优化排版,文字划分,规则,和更多方式给你的读者提供最愉快的体验。

现在是内容为网站服务,所以重要的是要使它易于理解。

如果你想深入地优化你的文字,看看这个惊人的作品————Smashing杂志告诉你如何造就完美段落。在我们的团队里我们被教导:段落是组成每篇文本的块,让我们确保他们的质量是可靠的,否则整个文本会崩溃。

UX Movement 显示中心对齐怎么使“孤儿”(译者注:排版术语,通常指页脚段落最后仅有一两个词构成的短行)和“children”哭泣,他们也主张你应该完全摆脱“孤儿”文本(你要知道那些悬在文本顶部和底部的,不是真正的阅读对象)。

给人好的阅读体验。

不仅仅是表单

来自Clearleft的Andy Budd

网站上什么样的UX错误会把你逼疯?

作为一个用户,当我明明知道某个区域是正确的但它却积极地通过表单验证告诉我这是错的,我感到非常沮丧。这通常发生在当我尝试在电话号码中添加一个国际前缀,这么说吧,也曾有古怪的验证告诉的,我的生日是错误的,这是特别令人讨厌的。

另一个不爽的点是页面刷新后一些你以前输入的信息已被删除,目前还不清楚什么造成了这种错误。

我不知道为什么当网站的业务严重依赖于网页时还有这么多的网站忽视网页表单,而完全不去优化它们。你从事电子商务工作?想象一下糟糕的订单形式和交货形式————你的转换率会迅速直线下降,以至于你的业务失去平衡。

网站对你撒谎说你只需一个一分钟的“快速”注册程序,而15分钟后你还在试图输入结尾的正确验证码。别忘记你每次都要重新输入密码,为安全起见它会每次重置。

哦 !猎人2 的密码出了问题?

Smashing 杂志用普遍适用的指南来帮助你优化你的网络表单。一旦你专注于Web表单的三个基本方面(关系、对话、外观),你就可以充分理解成功表单设计的核心原则。

看看showcasing terrible forms这个网站集中展示互联网上的糟糕表单。奇怪的是,“好的表单”这一类别实际上是空的。亲爱的互联网,开始优化你的表单吧,感谢每个人。

如果你想判断你的网页表单的优劣,usabilitytools了提供全面的Web表单分析。

注册? 注销

来自UX SistersMolly Wolfberg

网站上什么样的UX错误会把你逼疯?

当我不得不多次点击登录!我经常使用的一个银行网站,我得点击三次才能进入我的登录页面。这很可怕!如果你让人们登陆使用你的产品,使它易于访问!

注册使许多用户深恶痛绝。注册不仅要快速、方便————注册后返回服务页面时也应不费吹灰之力。

我听到了有人在后面微弱的说“但它遵循3-clicks原则…”?3-clicks规则是一种过时的遗物, 只有不合逻辑地关闭任何与设计相关的讨论。UX Booth 让你不要再关心点击次数了,你目标页面的深度并不是问题————随之而来的行为成本也是如此。

当然,以上与通用浏览体验有关,但注册和通用浏览界面都面临着同样的问题————对用户来说太难用了。这有两个解决方案:

·如果注册需要花费太多的精力点击页面,你需要做的就是简化它。

·如果你的网站可以用2次点击得到信息,但由于导航菜单中标签丰富需要大量搜索,简化它。

总之,简化它。

这听起来像是一个很好的原则,对吧?让我们看看最后一点:

简易的

来自Smashing 杂志的 Heydon Pickering

网站上什么样的UX错误会把你逼疯?

复杂性是良好的用户体验最强大的敌人,它摧毁所有的用户。复杂性也是最难解决的问题之一。

唯一“修复”复杂性的方法是削减特征,所以反复杂性至上意味着告诉人们他们的工作白做了。这不是一件容易的事。良好的计划和意愿是在产品的早期阶段说“不”,这是降低复杂性的最佳途径。

复杂性是所有 UX
项目的问题,这是一种最常见的错误。许多设计师不知道他们的项目功能超载了,即使这些功能是核心元素。挑剔自己的工作是很难的,因为移除一部分其他部分会崩溃,这是正我们需要改变的地方。

所有现代工程哲学汇聚成这一原则————简单。UXMag (网站用户体验优化设计平台)给出:简单有多难。如果你简化它,试着遵循
UXMag
提出的以下10个原则。他们提倡保持专注,因为这将引导你简化产品。杂志上给出了使用简单的规则改变项目的一些例子。结果往往是使人眼前一亮,说明这是有成效的。

记住——复杂是混乱的。把它清理干净,让你的项目变简单。

一件事

由于可以接触到这些UX专家,我们可以收集到人们日常遇到的真正的bug。 一些上述的问题很常见——问题是为什么还有这些问题? 答案可能是,他们实际上存在于大多数的设计,并迫使我们不得不习惯。

这是一个可怕的错误。

永远不要习惯于糟糕的的用户体验。尽力提供和追求最佳用户体验的可能。这不止是为了别人,也是为了自己。

PS.我实际上有第九个错误— 错误地使用颜色和对比。我还进行了一项研究,写了一篇文章,如果你想了解更多的话,就看看它吧 — Color vs Contrast: Which Impacts People The Most?

相关文章