如何从UI转型到UX

用户头像
深圳/新媒体设计师/5年前/300浏览
如何从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
举报
|
3
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
城市园林平面布局航拍
金色颗粒质地的平面
城市园林平面布局航拍
平面男孩喝咖啡插画设计
金色颗粒质地的平面
学习,优惠券,平面,海报
古风平面仕女与瓷器
牛奶乳液层次平面平铺平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面插画情侣/矢量
平面书法字手写
空的平台平面和自然景观
中国传统纹样创新图案设计
空的平台平面和自然景观
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城阙凡花
金色颗粒质地的平面
平面风格黄绿色系花朵装饰
海底世界插画
倒计时,海报,平面
课程海报,平面素材
玄关入门地毯印花图案红地毯
你可能喜欢
相关收藏夹
大家都在看
登录注册