5 个出色的用户体验设计示例

您的公司正在向最终用户销售产品,因此您的网站需要与他们对话,而不仅仅是谈论您自己。因此,在开发或优化网站时,重要的是充分利用设计、内容和用户界面 (UI) 来为网站访问者创造最佳体验。

虽然设计、内容和用户界面都应该各自强大,但确保这三个元素协同工作是为您的用户创建最佳网站的关键。

以下五个网站堪称优秀用户体验设计。

1.条纹
当我们考虑用户体验时,Stripe 就是北极星,网页设计。他们的页面设计在利用设计吸引用户眼球到特定内容方面非常到位。他们的网页空间很大,因此很容易扫描内容,但由于使用了有趣的设计元素,它们并不会让人感到空虚。

UX 设计-条纹菜单

他们网站的独特之处在于其微交互。当您将鼠标水平移动到主导航上时,菜单内容会滑入和滑出以匹配您的行为。当您将鼠标悬停在按钮上时,它会升高几个像素以表明它是可交互的。主页上介绍各部分的 gif 有助于吸引您的视线,而不会太个出色的用户过忙碌而分散您对内容的注意力。

这些小细节让用户保持参与,但又不会太过明显,从而导致访问者将注意力集中在设计上而不是他们所呈现的信息上。

2.阿米莉亚
Amilia 的网站在演讲方面做得很好直接影响他们的角色并帮助用户立即找到相关内容。

例如,导航中的每个菜单 手机号数据库列表 项都包含一句话描述页面的内容。虽然他们的部分标签非常简单,但这个额外的句子提供了背景信息,以便用户真正了解该部分是否与他们相关。

手机号数据库列表

Amilia 的网站还为访客提供了多种自我细分的机会。例如,在主页的首屏上方,访客可以选择两条路径:一条是希望通过其平台注 混合活动与现场活动 册活动的最终用户,另一条是希望利用该平台的企业。

UX 设计-Amilia 定价

定价页面上也提供了类似的自我细分机会,潜在客户可以从下拉菜单中选择公司类型,并根据自己的需求查看定制内容。虽然 韩国号码 下拉菜单确实需要额外点击,但最终通过仅向他们提供相关信息来改善他们的体验。

从规划到发布日通过我们的网站重新设计指南了解如何使您的下一个重新设计项目取得成功。

3.动态收益
Dynamic Yield 的产品是一款个性化软件,他们在其网站上很好地展示了其功能。

UX 设计-动态收益

Dynamic Yield 网站的另一个优势是他们使用视频内容。他们在将视频与文字配对方面做得非常出色。尽管视频具有所有优势,但只有人们真正观看它时它才会有效。因此,为了为所有网站访问者创造最佳的用户体验,最好配对影片为那些不想看这些内容的人提供了足够的背景信息,正如 Dynamic Yield 在其主页上展示的客户推荐所示。

UX 设计-Cabelas

4.部分
拥有复杂产品或解决方案的 B2B 公司面临的一个挑战是能够简单明了地表达他们的产品。Segment 通过使用图形元素克服了这一挑战。

Segment 是一个客户数据平台,可帮助公司捕获和利用客户数据。其网站上的视觉效果可帮助访问者直观地了解其产品的工作原理,说明其解决方案的复杂性,而不会让用户感到不知所措。

如果用户想要购买某样东西,价格将是最重要的因素之一。B2B 网站是为了帮助教育访客,但最终是为了产生销售。如果你让定价信息变得难以找个出色的用户到,那么你就是在损害你的公司的利益。即使你的定价是定制的,你也应该在你的网站上留出一个地方,为用户提供有关哪些因素会影响定价的信息。

Segment 不仅使其定价页面易于查找并清晰地列出其平台的不同版本,还使用视觉效果来说明其层级之间的差异,帮助用户更好地了解哪个版本最适合他们的需求。

的博客也超越了以往提供了积极的用户体验。

由于大多数博客的目的是吸引游客通过自然搜索结果,B2B 网站上的博客列表页面往往很普通。Segment 并没有坚持使用由可点击的博客标题卡组成的传统博客列表布局,而是花时间根据关键用户组来组织帖子,让用户更容易访问相关的博客内容。

从规划到发布日,通过我们的网站重新设计指南了解如何使您的下一个重新设计项目取得成功。

5.耐克
虽然耐克是 B2C 企业,但它是当你需要呈现大量信息时如何有效地进行信息架构的绝佳范例。

耐克的主要导航为用户提供多种不同的方式搜索他们想要的内容:他们可以根据性别、新品发布、促销、产品线等进行导航。由于有如此多个出色的用户的产品可供选择,很难将所有选项汇总到一起,以便所有用户都能找到他们想要的东西——如果有人不知道自己在找什么,他们仍然可以找到自己喜欢的东西。耐克在这方面做得很出色。

大型 B2B 公司可以通过考虑用户在其网站上寻找信息的所有不同方式并以不同的方式呈现信息来创造类似的用户体验。

通过提供类别,您可以让用户更快地扫描内容并决定哪个菜单项符合他们的需求。

总结

用户体验是设计、内容和用户界面的结合。

当你查看这五个网站的设计时,你会发现它们都利用了大量的空白空间,并刻意使用图像。这使得他们能够利用设计吸引访客的视线,让他们看向最重要的内容。

这些网站在用户界面上的一个共同趋势是,导航在组织和内容方面都表现优异。它们不只是展示列表,而是使用图标和副标题来提供更多背景信息,帮助用户更轻松地找到所需内容。

最后,他们的内容直白明了,是针对用户而不是以公司为中心。

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部