寻找 UX 设计灵感的最佳场所

已发表: 2021-09-15

设计是关于创造力的。 用户体验设计就是创造性地呈现良好的用户体验。 在开始一个网页设计项目时,很容易被那些看起来华丽、漂亮或很酷的东西所吸引。 但是优秀的网页设计师知道使用您真正设计的网站的是人。 为设计而设计是浪费时间。 一个以人为本的网站会产生结果。

每个人都喜欢灵感。 但是在一个过度设计网站的世界里,很难确切地知道你应该找谁来为你的商业网站建模。 有大量不同的资源可以提供设计灵感。 但并非所有人都保持以人为本的网页设计方法。 这就是为什么我们编制了一些寻找 UX 设计灵感的最佳地点的列表。

6 个 UX 设计灵感来源

在寻找 UX 设计灵感时,我们通常会寻找两个不同的元素:战略目的和网页设计趋势。 结合起来,这创造了一个具有前瞻性的用户体验设计。

战略灵感

在您开始考虑网页设计趋势之前,确定正在设计的页面的战略目的很重要。 接下来,从具有相似目标的站点中寻找灵感,并研究他们如何通过布局来实现这些目标。 设计是次要的。 它应该始终支持您页面的目标。 所以通常我们使用以下工具开始​​我们的 UX 设计灵感搜索:

1. SaaS网站

SaaS网站 这是一个免费工具,提供了一个具有战略目的的页面库。 顾名思义,它是一个专注于 SaaS 行业网站的页面。 随着 SaaS 行业在过去几年中的飞速发展,由于许多公司已经掌握了 UX 设计,因此让企业脱颖而出变得比以往任何时候都更加困难。

SaaS 网站提供了数千个不同站点的集合,所有这些站点都以用户为中心而设计。 该网站通过不同的页面分解其灵感,从而可以轻松识别保持以人为本的设计的创意布局。 您可以在他们的网站上找到以下所有 UX 设计灵感:

  • 404错误页面
  • 关于我们页面
  • 博客
  • 职业页面
  • 联系页面
  • 客户推荐页面
  • 常见问题页面
  • 功能页面
  • 集成页面
  • 登陆页面
  • 法律页面
  • 登录表单页面
  • 媒体工具包页面
  • 定价页面
  • 资源页面
  • SaaS主页
  • 搜索结果页面
  • 注册页面
  • 支持页面
  • 团队页面

我们通常从这里开始搜索。 SaaS 网站为有目的地设计的灵感提供了良好的基础。

2.登陆对开

着陆页该网站是另一个提供战略 UX 设计灵感的资源。 本网站上的所有设计都是登陆页面或专注于转换的网站页面。 该网站还提供免费资源,例如示例线框套件或模型模板,以简化规划和设计过程。 Landing Folio 按行业过滤他们的 UX 设计灵感,如果您正在寻找基于您自己的垂直领域的想法,这将特别有用。 以下是他们提供的一些类别:

  • 会计
  • 商业
  • 公司的
  • 事件
  • 房地产
  • 软件即服务
  • 软件
  • 店铺
  • 技术
  • 用户
  • WordPress

如果您想通过网页设计来超越竞争对手,这将特别有用。 了解您所在行业中一些正在正确进行 UX 设计的企业,然后为您自己的公司创造更好的东西。

3.非常好的电子邮件

非常好的电子邮件

良好的用户体验设计侧重于让用户执行所需的操作,这也是电子邮件营销中的一个共同目标。 因此,我们从旨在转换的战略设计电子邮件中发现了许多 UX 设计理念。 真正好的电子邮件是一个精心策划的目录,包含数千个电子邮件示例,这些示例不仅设计精美,而且经过战略布局以吸引用户进行转换。

我们喜欢此资源的一件事是,它还可以通过所需的操作来分解事物。 例如,如果您想创建一个“谢谢”页面,您可以从他们收集的“谢谢”电子邮件中收集一些见解。 该资源甚至超越了 UX 设计灵感。 您还可以在您的网站和您自己的电子邮件营销中找到适合该语言的精彩内容创意。

设计灵感

一旦您对如何布局您的设计并让用户执行所需的操作有了一个扎实的想法,就该开始研究网页设计趋势了。 请记住,您选择的设计需要支持您的页面目标。 以下网站是寻找有趣元素以支持您的整体 UX 设计的绝佳工具。

4.网页设计灵感

网页设计灵感 我们喜欢这个资源的地方在于,您可以按颜色和样式过滤您的设计。 如果您正在寻找品牌颜色的特定趋势,或者只是对流行的设计风格感到好奇,WebDesign Inspiration 提供了一种简单的方法来过滤一些最流行和独特的网站设计。

5. Envato Market 的 HubSpot CMS 主题

网页设计灵感 最近,Envato Elements 与 HubSpot 合作发布了数百个专门为其 CMS 中心设计的主题。 所有这些主题都是数据驱动的,旨在为客户提供尽可能好的数字体验。 即使您当前没有使用 HubSpot,这也是探索可用的不同用户体验的好地方——例如悬停状态、动画和组织。

各种各样的网站主题可以定制到您自己的网站。 在“类别”选项卡下,您会注意到您可以按行业过滤主题。 从这里,您将能够通过实时示例“预览”模板,如果您喜欢它的外观,请购买。 但即使您不想实际使用此模板,它也是为您自己的网站找到 HubSpot 特定设计灵感的好地方。

想要开始使用 HubSpot? 了解 HubSpot 的工具如何提高潜在客户转化率、客户保留率和消除潜在客户流失。

6. Awwwards

Awwwards

这个网站吸引了一些最高质量的设计理念,但它的评委“陪审团”是其大部分价值的来源。 该评审团拥有一些网页设计中最负盛名的名字,根据设计、可用性、创造力和内容评估每个网站提交。 您在本网站上找到的灵感将结合精美的设计和非常实用但极具创意的用户体验。 网站的“分数”甚至直接列在页面上。 您可以查看陪审团如何对不同页面进行排名,并评估为什么某些页面得分高于其他页面。 Awwwards 还提供每个站点的细分,其中包括使用的平台、主色和行业细节等设计元素。

在寻找 UX 设计灵感时要记住的其他提示

在浏览上述某些网站并分析网站以获取灵感时,请牢记以下提示。

1.分析设计背后的意图

当然,设计是有意义的。 但网站的主要目的是产生潜在客户。 为设计而设计真的是浪费时间。 您网站上的每个元素都应该有意识地完成。 请记住,如果有人在15 秒内不明白在您的网站上做什么,他们就会离开。 一个好的用户体验设计应该抓住用户的手,让他们一步一步地走向期望的动作。

当您在寻找灵感的网站时,请始终分析设计背后的意图。 作为用户,您了解网站创建者希望您做什么吗? 有路线图供您遵循吗? 这些是每个 UX 设计都应该优先考虑的事情。

2. 考虑移动体验

鉴于移动设备占所有网络访问量的61% ,甚至不考虑您网站的移动体验是非常愚蠢的。 但由于大多数 B2B 网站的流量来自桌面用户,因此经常有人猜测移动优先设计是否适合 B2B 公司。 即使移动体验通常不是您给新潜在客户留下第一印象的地方,我们仍然建议您高度重视移动体验。 这种方法不仅有助于提高搜索引擎排名,还可以帮助您随着移动趋势的增加保持竞争力。

3. 偷看幕后

最后,在寻找 UX 设计灵感时,不要忘记偷看幕后,看看其他人是如何构建你看到的设计的。 只需对代码有基本的了解,您就可以“检查”页面并获得有关他们如何实现您所看到的设计的宝贵见解。 我们不提倡直接复制其他网站正在做的事情,但您可以利用这些知识作为起点来开发更好的东西。

考虑到用户体验的设计

当你第一次开始寻找 UX 设计灵感时,你会做很多点击。 对于您应该查看多少个网站或应该从哪里寻找灵感,真的没有正确的答案。 老实说,您查看的地方和网站越多越好。 您将开始觉得自己正在拼凑一个拼图——从各个页面收集见解,为您的角色激发最佳网站体验。

但请始终记住,最好的设计是看不见的。 这一切都是为了为页面另一侧的人创造出色的体验。 在设计界,这就是我们所说的以人为本的设计。