找课堂合作机构>>
北京UI设计培训学校
欢迎您!

18500961172

全国统一培训热线 8:30-20:00
用户体验设计师在收集UI灵感中应注意的3件事?

北京UI设计培训学校现有专兼职员工近百人,其中硕士及博士研究生有18 名。师资团队主要来自行业内的专家,他们不仅有高深的理论知识还有丰富的实战经验。课程设置主要以理论结合实践,偏重

课程导航
UI设计师
更多

用户体验设计师在收集UI灵感中应注意的3件事?

用户体验设计师在收集UI灵感中应注意的3件事?
来源:北京UI设计培训学校

2020-08-01 11:15|阅读:3287

进入 >

  UI设计作为现代热门的设计专业之一,受到了很多职业人额追求,那么作为用户体验设计师在收集UI灵感中应注意的3件事你知道吗?今天就和小编一起来了解下吧!


UI设计


  一、什么是先例研究?

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

  材料

  结构

  规模/体积

  路径/循环

  程序


  二、那这与用户体验设计有什么关系?

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

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

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


以下是我认为最重要的三个方面:

  1.手势

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

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

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

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

  苹果新闻应用中发现的文章卡片组件。当我们考虑与这个UI组件相关的手势时,我们可以将其分解为4个手势。它们分别是:

  1.点击。

  2.向右滑动。

  3.向左滑动。

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

  为什么要分析这个问题?

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

  2.状态

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

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

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

  1.悬停状态

  2.选定状态

  3.初始/活动状态

  4.加载状态

  为什么要分析这个问题?

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

  3.内容/媒体组合

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

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

  1.纯文本

  2.文字+图片

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

  4.文字+图片(5张以上)

  5.事件

  6.共享


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

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

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


分享到:
0

声明:该作品系网友上传发布。找课堂仅提供信息发布平台,如若内容有误或侵权请联系删除,我们将按照规定及时处理。

北京UI设计培训学校
企业认证
营业执照
服务保障
诚信认证
地址认证