蜗牛派今天小编给大家带来的文章是用户体验设计师在收集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
