如何从UI转型到UX

深圳/新媒体设计师/4年前/256浏览
如何从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


0
Report
|
3
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
平面排版
平面排版
平面排版
平面排版
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
大家都在看
Log in