今天小编给大家带来的文章是用户体验设计师在收集UI灵感中应注意的3件事，本篇文章从3个方面针对UI设计模式进行理解分析，通过全面了解各种可能性和它们的局限性，你可以做出更明智的设计决策，一起来看看吧！

在过去的生活中，我从事建筑师工作。作为一名学生，我会做非常困难和具有挑战性的事情，称为先例研究。

数字3D模型（茶壶）规范

什么是先例研究？

简而言之，先例研究是对现有设计范例的分析（在这种情况下，是对建筑的分析），用于为你自己的概念的有效性提供信息和证明。更具体地说，你的研究可能包括观察一个建筑的各个方面：

• 材料
• 结构
• 规模/体积
• 路径/循环
• 程序

那这与用户体验设计有什么关系？

其实这是有关系的，因为这种类型的研究在UX设计中也能找到（程度较轻）。我们把这个过程称为UI灵感寻找。正如你可以想象的那样，无论你是为文娱空间还是数字空间设计，在理解作品成品的所有维度上，这两个学科都有共同点。

一个非常标准的UI灵感板，没有显示出对其交互性或视觉设计模式进行分析思考的证据。

由于现有的流程迫使UX设计师以极快的速度工作。探索和分析设计元素的时间是有限的，其中的重点是从测试高级概念、失败中学习。然而，可以做的是，在我们的UI灵感发现中，反而把重点放在几个方面，引导我们取得高效、明智的结果。以下是我认为最重要的三个方面：

1. 手势

手势是经常被遗忘的一个层面。然而，鉴于我们所知道的移动应用技术的可能性，它是如此重要。所以在仔细考虑这方面的分析时，我们应该彻底考虑。

1.每一个UI组件的相关手势是什么？

2.用户可能选择与之交互的原因是什么？

让我们来看看一个非常简单的UI模式—卡片设计。乍一看，它似乎没有什么可解读的。然而，它还有更多的层次。

苹果新闻应用中发现的文章卡片组件。

当我们考虑与这个UI组件相关的手势时，我们可以将其分解为4个手势。它们分别是：

1.点击。

2.向右滑动。

3.向左滑动。

4.按住+向上/向下拖动。

Apple News文章卡中的手势（从左到右：点击，向右滑动，向左滑动）

在Apple新闻文章卡中找到更多手势（从左到右：点击，按住并向上/向下拖动）

为什么要分析这个问题？

从发展的角度来看，这第四种手势并不是优先考虑的。它是个不错的东西! 但是，它非常棒，如果你不知道它的存在，你就无法为它提供理由。比如说，如果我们认识到这些是用于大众常用的应用(苹果新闻)的模式，那么我们有理由认为它也可以在不同的环境中工作。这样一来，你就能在系统和用户之间创造出舒适的参与互动感–熟悉的、可预测的事情总是好的!

2. 状态

当我们考虑任何按钮、单元格、链接或任何交互元素时，UX设计师需要考虑状态。状态作为反馈，用于向用户传达系统在任何特定时刻正在做什么。根据元素、组件或模式的不同，会有不同的状态适用。

LinkedIn的Newsfeed卡片中的溢出菜单。

当用户点击右上角的溢出菜单图标时，会看到下面的一些或全部状态。先说明一下，这些状态只有在网页体验中才会变得可见。它们在原生移动应用体验中是不存在的。在这个分析中，我们可以看到这些状态是。

1.悬停状态

2.选定状态

3.初始/活动状态

4.加载状态

所有溢出菜单图标按钮状态

为什么要分析这个问题？

在任何时候，用户都需要知道系统正在与他们进行沟通，并让他们知道他们的行为/输入已经被记录下来。我们有多少人考虑过溢出菜单中的加载状态？很少。但通过详细分析设计模式，你可以了解到很多可能的东西。

3. 内容/媒体组合

当外出寻找探索适合借鉴的UI模式以获得灵感时，UX设计师往往不会只看它的1个版本–并不是它的所有变体都被彻底地考虑到。例如，当我们看Facebook Newsfeed时，我们会看到广泛的不同内容的变体。

Facebook Newsfeed帖子

构成此UI模式的各种元素的细分

1.纯文本

2.文字+图片

3.文字+图片(3张以上)

4.文字+图片（5张以上）

5.事件

6.共享

为什么要分析这个很重要？

并不是每个用户分享内容（文本、图片、一般的媒体）的方式都是一样的。作为用户体验设计师，我们需要知道一个UI模式能在多大程度上支持广泛的用例。对本案例中的post内容如何支持进行全面的分析，看看它的破绽在哪里，可以做些什么，这一点很重要。

对UI设计模式的理解，除了上面列举的3个方面，还有很多方面。通过全面了解各种可能性和它们的局限性，你可以做出更明智的设计决策。

原文地址：https://uxdesign.cc/3-things-ux-designers-should-pay-more-attention-to-in-ui-inspiration-finding-c0666789831b

免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！

休闲类游戏是与我们日常生活联系最为密切的游戏类型，其设计方式成为用户日常通勤或短暂休息时一种放松的方式。

游戏类App的UI通常是情感化的，表达的信息清晰直接。在设计其他产品时，我们仍可以参考游戏类UI的特点，带来更出色的使用体验。

1、引导用户首次使用

在游戏UI中，通常用很自然的方式在游戏过程中嵌入指导，作为入门指南或通向下一级的提示。

用户在玩游戏的同时应该学会如何与游戏进行互动。尝试在App中无缝地嵌入指示：使用微妙的动画、中性的颜色和字体以及容易跳过的提示。

请注意不要一次给用户多个提示。因为这是无效的，用户可能不会记住这些提示，但会对产品的复杂性感到沮丧。

引导流程应该简单明了：一次提供一条线索。Tik-tok界面的引导做得很清晰，通过交互手势的提示，让用户明确了解功能。

有时可以完全省略提示，只需引导用户完成核心的流程。HabitMinder不会在首次启动时在屏幕上显示“创建第一个习惯”，而是直接引导用户创建第一个习惯。

2、直观地显示用户进度

很多游戏中都有可视化的进度图，清晰地显示当前所在的关卡，之前的游戏进度和奖励以及接下来的关卡情况。愤怒的小鸟(左)和糖果传奇(右)页面中都有可视化的进度。

不仅要显示当前和未来的状态，后面源源不断的游戏进度也能激励用户进一步前进。

除了激励效果外，这种可视化进度是保持用户和产品之间长久关系的纽带，让用户从直观的进度中有所收获。

3、预先填写任务进度

玩游戏的时候，会发现前几个关卡通常很简单，很快就能完成任务。这样做的目的是增加满足感和前进的动力，通过任务反馈也增加了用户的忠诚度。

Notion就使用这种方法来提示用户探索产品的功能：首次启动时会显示一个任务清单，其中第一项是已完成的状态，以此激励用户继续操作。

4、利用视觉反馈

游戏时的反馈总是以最直接的方式进行：设计令人上瘾和满意的视觉效果和音效。

当用户做出某个交互动作时，可以直接使用视觉反馈。例如点击加入购物车后，图标上会显示商品数量的变化，作为视觉提示也方便寻找操作结果。

5、让奖励看起来有趣

游戏中经常会弹出任务窗口或奖励窗口，这些窗口通常具有引人注目的样式或者有趣的视觉效果，促使用户点击。

交易完成后的弹出窗口是很好的例证，考虑使用插图或动画增加一种有趣的氛围，创造出一种被感谢和奖励的感觉。玩游戏也能学UX！希望文章对你有帮助～

免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！