优秀的用户体验设计示例 | 终极用户体验指南 #16

已发表: 2022-08-12

从 UX 设计师的工作中汲取灵感的地方是什么? 如何区分好的用户体验设计和坏的用户体验设计? 今天,我们将解决这些以及许多其他关于良好 UX 设计的问题,并展示一些在 UX 领域呈现高水平的界面。 希望您能从我们展示的示例中找到一些灵感。

良好的用户体验设计示例——目录:

  1. 从哪里获得设计灵感?
  2. 如何识别一个好的用户体验设计
  3. 优秀的用户体验设计示例——谷歌
  4. 优秀的用户体验设计示例——苹果
  5. 优秀的用户体验设计示例——Airbnb

从哪里获得设计灵感?

UX 行业目前是一个快速发展且动态变化的行业。 优秀的用户体验设计师的职责之一是紧跟当前趋势,紧跟不断变化的技术并从行业领导者那里寻求灵感。 避免这些活动的设计师 - 根本不会发展。 UX 行业需要不断的兴趣、探究、寻找灵感和新的研究或设计方法、比较以及实施创新。

如何获得灵感? 很多人会为 Dribble 或 Behance 等设计师推荐知名门户网站。 有一件事需要注意。 在这些门户网站上,您会发现来自世界各地的设计师创建的来自不同行业的大量项目案例研究。 您会看到不同的观点,但请记住,在那里创建帐户的任何人都可以发布他们的项目。 其中许多是非商业项目,作为用户体验课程的一部分“为抽屉”创建,或者由不作为用户体验设计师工作的人独立创建——例如,只是在学习。

在这样的项目中,重点往往放在视觉部分——UI,而 UX 本身就被抛在了后面。 缺乏研究、业务需求、问题的定义、整个过程的目的或用户的需求,这使得项目可能在视觉上很吸引人,但不一定经过深思熟虑并得到研究和数据的支持。 所以很难在这里谈论一个 UX 设计师的良好灵感。 我们可以在知名 UX 机构的研究案例中找到更有价值的内容,甚至可以在被认为处于用户体验前沿的公司的网站上找到更多有价值的内容。 我们将在下面仔细研究其中的一些。

如何识别一个好的用户体验设计

毕竟,互联网的丰富性使您可以从许多来源(包括 Dribble 或 Behance——我们不完全否定它们)中汲取灵感。 正如我们不止一次写过的那样——优秀设计师的基本特征是进行研究和得出结论的能力。 这也可以转化为寻找设计灵感的能力。 但是,在用户体验方面可以归类为良好的项目应该存在什么?

  1. 首先,它应该包括一个案例研究,其中将展示来自研究、用户问题、业务目标和 KPI 的数据——这些指标将允许检查项目一旦实施,是否实现了假设的“成功”。
  2. 示例让我们以一家电子商店为例。 问题是用户大量放弃购物车。 该项目的目标是找出这种行为的原因并解决这个问题。

    在分析了来自 Google Analytics 和 hotjar 的数据,并对用户进行了调查后,他们发现他们最大的问题是所选商品缺乏可用性——他们只能在购物车中找到这些商品,并希望最终确定产品订单。 当然,该项目将需要更广泛的分析、研究以及界面功能的更改。 很容易推断,这里衡量实施后成功的因素将是购物车放弃数量的减少和网站上的转化次数的增加(访问网站的人与购买的人)。

    在这里,我们有一个明确定义的问题——从业务和用户的角度来看,我们都有一个目标和既定的成功衡量标准。

  3. 当然,仅仅以正确的方式进行研究是不够的——他们的分析和结果必须转化为最终的界面设计。 因此,在案例研究中,我们密切关注设计是否满足用户的需求并解决了设计问题。
  4. 当然,在用户体验方面好的设计也是满足尼尔森可用性启发式要求的设计。 我们已经在单独的文章中详细描述了它们。 启发式是通用原则,是分析界面可用性的基本技术。 通过遵循,设计师将充分优化网站的外观和性能。

当然,进行全面的研究,以及将用户体验培养和发展到高水平,需要大量的资金和时间,以及经验丰富的用户体验和用户界面专家、开发人员、分析师和高管团队。 毫不奇怪,像谷歌和苹果这样的大型国际科技公司可以吹嘘非常好的用户体验。

优秀的用户体验设计示例——谷歌

自 1998 年以来一直投放市场的谷歌无疑是优秀用户体验的一个很好的例子。 Google 的搜索引擎是网络上最简单的工具之一。 它的操作很直观,不会对普通互联网用户造成问题。 它满足尼尔森启发式的要求——简单、干净、清晰、美观。 它不包含不必要的链接、按钮或横幅。 立即清楚如何找到自己的方式。 更重要的是,您一眼就能看出它的用途——搜索。

Google - Examples of good UX design

此外,搜索引擎会显示最近搜索过的术语,建议相关搜索并在我们输入错误的短语中出现拼写错误的情况下更正我们。 因此,它响应了用户的需求,并使整个搜索过程对他们来说尽可能简单

Google - Examples of good UX design

优秀的用户体验设计示例——苹果

Apple 的网站不仅是一个漂亮的设计,而且是一个精心开发的用户体验。 该站点具有非常简单、直观的导航。 导航栏不仅包含类别名称,还包含产品的小图像,可让您快速浏览网站。 网站上使用的语言简单但富有创意。 没有不必要的描述,它向用户展示了给定产品的具体价值。

Apple - Examples of good UX design

该网站还使您能够比较一个类别中的产品,以仔细选择适合您需求的产品。 苹果非常重视创新但极简的用户界面——即网站的外观和美学——正如我们所记得的,这也是尼尔森的启发式方法之一,影响用户对网站的看法和他们对产品的体验.

有趣的是,Apple 在其网站上分享了设计最佳实践,并提供了可下载的模型、教育材料以及人机界面指南。

Apple - Examples of good UX design

优秀的用户体验设计示例——Airbnb

自 2008 年成立以来,Airbnb(一个向私人出租住宿的平台)一直深受用户欢迎——其中一个主要原因当然是其精心设计的用户体验。

主页整洁清晰。 在中间,您可以看到一个搜索框——每个人都可以使用,即使只是来自 Google 搜索。 因此,它使用了一种用户已经熟悉的好模式,这使得网站直观,没有人会感到迷茫。 Airbnb 上良好用户体验实践的另一个特点是地图视图,在搜索地点列表旁边显示可见价格。 Airbnb 可让您在一个地方获取所有关键信息——地图上房屋的位置、价格、照片以及名称。

Airbnb - Examples of good UX design

该网站还对内容采取了很好的方法——用户体验写作处于非常高的水平,并以简单的方式传达重要信息。 一个示例是在初始预订时出现“您将不会被收取费用”的文本 - 用户会收到一条明确的消息,即在确认预订之前不会收取费用。

Airbnb 与 Apple 一样,在其网站上分享来自设计界的最佳实践、有趣的案例研究和新闻。

Airbnb - Examples of good UX design

如果您喜欢我们的内容,请加入我们在 Facebook、Twitter、LinkedIn、Instagram、YouTube、Pinterest 上忙碌的蜜蜂社区。

Examples of good UX design | The ultimate UX Guide #16 klaudia brozyna avatar 1background

作者:克劳迪娅·科瓦尔奇克

一个图形和用户体验设计师,可以将无法用文字传达的东西传达给设计。 对他来说,每一种使用的颜色、线条或字体都有其意义。 热爱平面设计和网页设计。

终极用户体验指南:

  1. 什么是用户体验——以及它不是什么
  2. UX 和 UI——它们有可比性吗?
  3. (杰出)用户体验的 7 个因素
  4. 你知道用户体验设计是什么意思吗?
  5. 你在设计用户体验吗? 照顾好这些东西!
  6. 你需要知道的 UX 设计的 10 个可用性启发式
  7. 用户体验设计过程只需 5 个简单的步骤
  8. 以用户为中心的设计及其主要原则
  9. 以用户为中心的设计过程的阶段
  10. 什么是客户体验?
  11. 用户体验与客户体验。 简单解释一下他们的关系
  12. 什么是品牌体验?
  13. 什么是人机交互 (HCI)?
  14. 为什么用户体验很重要?
  15. UX 中的可用性与功能
  16. 优秀的用户体验设计示例