必威体育Betway必威体育官网
当前位置:首页 > 运营推广

UI设计师学习UX要怎么开始

时间:2019-10-28 01:41:03来源:运营推广作者:seo实验室小编阅读:89次「手机版」
 

学习ui设计

在国内UX是指交互设计的一个岗位,可在国外UX设计师已经是一个包括了UX、UI甚至包括了前端的工作。那UI设计学习UX,要怎么开始呢?

最近阿里的全链路设计师的概念很火,在互联网行业中,现在很多公司都在将公司的UI和UX的职位合并为一个角色,学习交互设计知识成为一个全链路设计师是当下很多设计师的目标,而ui设计师在学习交互的时候就会碰到很多的迷茫,不知道如何跨出第一步。

其实UX这个概念在国内大多数是指的是交互设计一个岗位,其实在国外UX设计师已经是一个包括了UX、UI甚至包括了前端的工作。

根据用户体验的概念:用户在使用产品时的该产品,给予用户的所有交互反馈,用户的心里和情感发生的波动和变化。

国外的UX设计师的工作其实囊括了:

最基本的,产品的使用外观,也就是国内所讲的产品的UI;

产品提供的乐趣,也可以说,是一些用户在使用产品中,能有一些超出自己心理预期的使用感受;

可用性,也就是能帮助用户顺利完成功能需求的目标。所以国外的UX设计师的工作,其实是负责了整个产品的体验设计,包括了除了正确的设计排版和颜色搭配外,他还会去研究用户,去做产品的可用性方面的研究。

反观国内,UX设计师,也就是我们日常所讲的交互设计师,对于很多刚入门的UI设计师朋友来说是个神秘组织,不知道他们究竟是在做什么事情?也不知道自己如果想加入UX设计的行列,应该做哪些努力?

我们在各大招聘网站上看到的BAT,或者TMD(头条、美团、滴滴)这些大公司放出的交互设计师需求中经常可以看到:在除了必要经验和学历之外,在JD(职位简介)中也经常会加入:“希望你是一个有个性有自己追求的人、能有所坚持、对新生事物抱有强烈的兴趣和乐于分析”这些看起来跟这个职位没有一点关系的要求。

那么想成为一个交互设计师,究竟应该具备什么样的素质,或者说我们需要去学习哪些学科呢?

事实上用户体验设计知识涵盖的学科是巨大的,它的内容可以包括:“工业设计、人机交互、视觉传达、艺术设计、计算机心理学等等。”单独拿一个出来,它都是一个独立的学科可以让你在大学里面苦读四年,这么巨大的知识还不是单独存在的,相反这些学科在用户体验设计的知识体系中是相互重叠的。

但是你想成为一名交互设计师,并不需要你去成为所有可能的垂直领域的专家,也就是说你并不需要了解关于用户体验知识的每一个方面,你也做不到了解每一个方面的知识。

查看了很多国外对这个概念的表述,其实国外对于这个概念的观点是比较偏向于Graghic Design to UX Design,就是图形设计到用户体验设计的转变。这也就说明了UI设计师向UX设计师转变的关键其实也就是——设计师本身的视觉思维向以用户为中心的设计思维的转变。

所以作为一个UI设计师入门UX设计,我觉得我们可以这样开始:先不要去啃关于交互设计的任何书籍,什么《交互设计的精髓》《交互设计沉思录》啊啥的厚厚一本看着头晕。

首先我们作为一个自然人,我们可以从自己日常的周遭观察起,学会去批判去吐槽一切自己不满意和给自己造成不好体验的地方,也努力去创造一个给别人好的体验的一个自己。

举好多例子

你去银行的自助办卡机办卡的时候,你觉得整个自助办卡流程非常繁琐,你内心很烦躁。

你开始发现:一些人机交互问题,并会思考如果你是这个产品的交互设计师的话,你会怎么改造它的体验?你开始主动地与人交谈并让对方觉得舒服,对方愿意跟你分享他的信息。

UX设计,很大程度是通过迭代解决问题和修复体验的一个过程,体验问题的识别很多情况下,是通过用户调研发现的。而用户调研则是十分考验你与用户的聊天和获取关键信息的技巧,当你开始让与你交谈的人感到放松并愿意分享,其实你已经开始掌握一些用户心理研究和访谈的技巧了

你在画界面的时候开始刻意去繁就简,并加入一些创意性的互动。

UI设计师倾向于追求像素美学,确保排版和配色的合理巧妙,占据了平时很大部分的工作时间。而UX设计师主要关注用户,关注用户与产品之间的关系,并寻找方法来确保产品满足用户的关键需求。当你开始这么做的时候,其实你已经开始知道有效的信息传递才是最重要的,而不是在有限的移动端界面上夸张的炫技。

你慢慢在培养自己对数字的敏感度,并且分析数字背后的指代含义。这时候你开始参与到分析各种设计动作对用户行为的影响。你甚至嫌弃自己小区的电梯按钮设计,觉得它的设计反人类的不好用。

这些都是合理的,因为交互并不仅仅局限在人跟一块屏幕,而是人跟这个世界周遭产生的互动等等……

就是从这些看起来很细微的改变开始,不用刻意去学习关于用户体验的所有学科。随着时间的推移,你将会开始熟悉用户体验的几个学科,并自然地倾向某一个领域。当你察觉到自己的这个细分的兴趣领域之后,在找相关的书籍和资料去纵向切去,我觉得应该收获一个豁然开朗的结果。

期间,你也可以选择一个大厂的APP,做一个很费时间,但结果却对自己的交互逻辑思维很有帮助的事情。那就是把一款APP上的所有页面和所有的状态表现都截图下来,包括各种极端场景下的APP所展示的各种UI表现都截图记录下来,然后用一个编辑思维逻辑的工具,用线条把各个按钮的触发后的跳转情况都连接起来,你会发现整个产品的最终会是一个闭环。

页面一般从哪里进去就会从哪里出来,有时候在不同场景下UI所表现出来的结果是不一样的。简单的表单页,就有那么的状态和在极端场景下的各种表现,原来不同的操作APP会给出相对应的不同的反馈,原来一款APP的交互设计,需要思考的场景和定义的交互规则实在是太多了等等。

这些都是需要你自己去整理和感受,最后可能你对UX设计这个岗位有全新的认识。

UX设计师一定程度上,就是一个发现问题并解决问题的一个过程,所以这也是为什么一开始讲的,我们要去发现和吐槽身边的体验问题,并思考换成你的话要怎么去解决。我们甚至细心的话,也能发现一些产品的体验问题。

比如:我在2016年6月3日使用安卓端想退出登录PC端的微信的时候,微信给予了我这样的反馈如下图所示:

当时看到这个界面我思考至少4秒钟的时间,这个页面跟用户的沟通就没那么美好了。

按照提示内容“是否退出windows微信?”

其实,选项的内容就直接给“是”和“否”就非常的简单明了,用户不用思考完成自己的操作。所以这是一个文案上的问题,但是不要忘记了,文案对于一款产品的体验来说也是非常关键的一个元素,这个界面后来也截图然后提交给微信的BUG反馈。

慢慢地你开始有了自己的交互观点,并在日常的工作中去输出并对产品的交互体验产生影响。

一开始,你可以仅仅通过一些小的交互细节去提出自己的想法和建议,往往就能刷新你的领导、产品或者交互设计师对你的看法。

比如:最近久发现一个交互设计师输出结果的问题,在他的这份线框图中,可以看出新的线框提供了一种跟原来的交互完全不同的删除方式,这在同一款产品中是不被允许的。我们尽量追求在同一款产品中同类型的交互方式尽量追求相同,这也是产品一致性体验的一种表现。

你开始尝试去输出,这时候不要再去纠结什么工具了,UI设计师可能比较注重一款设计工具的掌握程度,才能做出相应的设计效果,而UX设计师注重的是产品的交互逻辑和各页面层级和跳转效果的表达,所以结合自己的本身和团队的情况,去选择一款适合自己的工具就OK了。

我也见过有的交互设计师用PPT或keynote来做交互设计的,而且还能做出页面的交互动效,同样在输出的时候能给UI设计师和程序猿很好的演示效果。

或许关于UI设计师向UX设计师迈出第一步对很多UI设计师来说,还有一个比较艰难的地方——就是从以前的闷声作图到你要和多人长时间沟通的转变。

毕竟用户体验设计是关于设计师、同事、企业和用户之间的协作,以获得最有用和可用的产品。为此你还要摆脱内心的枷锁,尽可能地跟更多的人一起工作,以获得他们的想法、见解和观,避免独自一个人浪费很多时间地去冥思苦想。

最后想说:对于UI设计师来说一直都有一个对自己不太公平的事情,就是一些有经验的UX设计师,总觉得UI设计师输出的图形美学,对产品的体验的提升没有那么大,觉得良好的可用性胜过美观。相反地,能让用户放松、传递品牌信息、创造一个良好的积极的第一印象、情感化的体验等等,这些都是得通过UI设计师输出的图形美学去表达。

当然我们一直都在想让自己变得更好,我们开始学习UX,学会站在用户的角度去分析产品或者交互给到自己的线框或者草图,多问为什么甚至提出自己的修改意见。

慢慢地你的上游需求方对你的看法和态度就会有所改变,你也获得了一些除了输出酷炫的图形之外的成就感,有了自己真正在参与到一个产品中的感知,而不再是仅仅是给产品添加上你设计的皮肤。

(配图来源网络

题图来自作者

相关阅读

ADB 学习(1):adb devices 命令

一、前言 关于环境搭建问题,这里就不在写了,之前在上一篇 monkey 环境搭建中,写的也比较详细,点击传送门 因为monkey这个工具在执行时

大话数据结构学习笔记

1 初识概念 程序设计=数据结构+算法(1)数据结构:是相互之间存在一种或多种特定关系的数据元素的集合。(2)逻辑结构(面向问题)和物理结构(

深度学习--识别梦幻西游2(四小人)人物图像验证码

岁月匆匆如流水,一如梦幻十几载,从开服一直断断续续玩到现在,情怀依在,一直在游戏里就属于屌丝行列(游戏舍不得花钱^_^),梦幻的外挂还是

深度学习之超分辨

日复一日的人像临摹练习使得画家能够仅凭几个关键特征画出完整的人脸。同样地,我们希望机器能够通过低清图像有限的图像信息,推断出

DirectUI界面编程(一)创建第一个应用

1.获取Duilib库文件 通过上一节大家对DirectUI界面设计有了初步的了解,本节开始我们一起学习Duilib界面库的使用。 首先我们需要

分享到:

栏目导航

推荐阅读

热门阅读