如何从UI转型到UX
了解UI与UX的定义,从工作内容出发,分享转型经验
对于不少 UI 设计师来说,在UI岗位上继续精进不再是他们的唯一目标,很多 UI 设计师初入行时,便把向UX设计师转型设为了职业路上的一个小目标。作为一个初入社会不久的新人 UI 设计师,如何在接下来的每一项工作中更好的积累经验,本文将为您分享 UI 往 UX 的转型经验。
UI和UX到底是什么?
要转型,首先就得了解UI 与 UX 到底是什么。
略过那些绕口的英文名词和冗长的专业术语,其实这两者的定义用人话表述起来很简单:
「UI设计师」主要工作在于注重页面的呈现效果,在考虑界面美观程度对用户体验的影响下,来进行设计。
「UX设计师」主要工作在于留住用户。关注用户心理,去优化交互流程等等这些途径/方法,都是基于希望以更好地用户体验来获取用户,留存用户这个最终目的的。他的工作范畴也不仅仅是页面设计,而是整体的产品设计。

如何向UX设计师转型?
01 调整工作角度——从被动接收信息到主动发现,从问题解决者到提出问题者
前面说过,作为UI 设计师,工作的落脚点是基于“用户看到的这个页面”。而UX 设计师则更偏向于如何去引导用户前往下一步,或者说更简单的使用。基于这一点,UI 设计师与 UX 设计师的工作思维有着截然不同的差别。
“从解决者到发现者”
UI 设计师大部分工作是等待产品经理或者 UX 设计师发现页面中存在的问题,从而来进行解决,属于一个解决者的角色。而一个好的 UX 设计师则需要多维度的去考量产品,去发现产品中所存在的问题,再与 UI 设计师一起来解决它。
从问题解决者到发现问题者,需要设计师在日常工作中,更多的从用户的使用角度,来设计交互流程。UI设计师时可能一个人也能完成整个页面设计工作,但如果想要成为 UX 设计师,则一定要倾听到更多元的声音,与产品经理、研发等部门其他同事来研讨产品,才能掌握主动发现问题这一能力。
02 跳出设计思维——从用户的视角看待界面,洞察用户心理
UI 设计师的工作核心是用好的效果来为用户提供良好的视觉体验,离不开设计本身,因此在工作中,UI设计师绝大部分的重心都落在“如何让页面更好看”。

如果想要成为一名UX设计师,则需要更多的考虑用户体验这一层,
内容如何才能与用户有效互动
引导用户完成他所需要的步骤
促使用户跳转下一层页面
......
↑这都是UX设计师需要思考的问题
跳出设计这一层框架,不仅仅注重纯视觉效果,以用户更容易访达到所需要的页面作为第一准则来进行设计,才是UX设计师的工作核心。

【在继续UI设计的日常工作中,不妨学会做设计的减法,在设计产品的过程中利用方法论进行分析,定位产品方向,在兼顾视觉效果的同时多去思考如何引导用户更方便的使用产品。】毕竟UX的设计是用户设计而不是美学设计。
03 利用闲暇时间的思考——从记录中总结学习
UI到UX的转型,看似都在做设计,但实际上工作方法与思维大相径庭,除了在日常工作中要转换思维方式以外,多总结归纳是很重要的。
学会自己从他处采集灵感
多去使用一些交互设计优秀的产品,在使用的过程中去揣摩其优秀之处。即便是完全不同类的产品,依然可以学习其产品的整体逻辑,并记录下来。
这个过程一定需要自己亲自去使用、揣摩,而不是直接浏览他人总结出的“干货”。我们每天都在吸收着海量的信息,这样的浏览难以在脑海中形成深刻记忆,下次产品设计时是很难回忆起的。
养成记录体验感的习惯
在使用自身或他人产品的同时,好的设计点随时都应该记录在册的,闲暇时可以归纳分析,积累关于如何优化产品交互的思考,形成能运用自如的方法论。
掌握数据分析能力
这个时代的用户体验已经是一个用数据说话的阶段了,通过数据分析能够反映出用户群体的产品使用情况。
以软件注册的转化率为例:“某个时间段如果注册量暴涨,及时追踪该数据,可以更好更及时的去分析定位原因。”有了这些信息,对于产品迭代更新都有作用。掌握例如SQL 之类的数据分析语言,能在履行其战略制定工作时起到很大的作用。
04 提升基础技能——好的工具能让工作完成起来事半功倍
UI 设计可以看做 UX 设计师的一部分工作,因此设计能力依然是判断 UX 设计师水平的强指标。不是说会使用一些 PS、AI 软件就等于掌握了 UI 的设计,能简洁明了的传递给用户页面所需要表达的信息才是关键。当然,一款好的矢量设计对于设计工作依然是非常重要的。
Sketch
目前主流派系一般是选择Sketch、XD这类软件。
优点是功能齐全,矢量设计所需要的功能Sketch应该一个没落下;而且插件众多,即便有一些关于设计方面的功能需求是sketch所没有的,也能靠插件把这个优势给弥补回来。
但缺点也是显而易见的,只有 mac 版本,这一点非常限制团队内的协助共享,更偏向于独立完成设计的设计师。

Figma
另一类的是以 Figma为首,支持云共享的产品,类似于 sketch 的网页版。
很多设计师都遭遇过下班后需要改稿却没有源文件的囧事,如果使用了有“一处存储、多地使用”功能的网页版设计软件就不会再出现这样的情况,云储存能直接解决Sketch这类主流软件所存在的问题。并且因为随时上传,电脑突然进水、卡住重启等突发情况,都不会丢失你的设计创意。
但他的缺陷对于国内的设计师也十分明显——服务器设在国外,多人协作时可能会出现的网络延迟会非常影响项目开展进度;也没有中文,对于我这种菜鸡英语非常不友好。
如果英文好的小伙伴,可以上官网看看 → https://help.figma.com/hc/en-us
Pixso
差不多就是一款中文版的figma,功能齐全,但人家是在国内研发的,又是原生中文,用起来非常爽。
无需下载——随时都可以使用,类似于微信的小程序。避免了大多数设计类软件下载麻烦安装困难的情况,也不会占用电脑内存。
团队共享资源库——对于团队设计来说简直福音!就比如我这边设计好的元素,同一团队的设计师能直接在团队库中下载使用,并且我这儿更新后,其他成员都可以自主选择是否同步更新。

减少沟通成本——以往给研发交付时还要多个平台导来导去,现在可以直接生成链接,减少不必要的沟通和沟通可能带来的误解。并且Pixso在制作页面的过程中,会实时生成标注,给到研发时,对方可以一目了然的明白对象位置。
无限制版本回溯——做设计最崩溃莫过于改过N版以后,金主爸爸来一句:“还是第一版吧”。 Pixso的一键返回任意版本很完美的解决了丢失版本和重做的问题。
总的来说这是一款几乎没有学习成本的在线设计软件,上手很快,马上就能使用。
感兴趣的话可以直接点开试试 →Pixso http://pixso.design


















































































