相信被这个标题吸引进来的,大部分都是想学习或想转岗交互设计的朋友,今天我借助文章的形式,来聊一聊我的亲身经历:如何从UI设计转岗交互设计?这期间我的学习方法是怎样的?

转岗交互前,我做了哪些准备(上)

先摸一针鸡血:去年通过公众号会经常输出一些交互设计系列的文章,于是很多朋友加我微信问到“你是如何学习交互设计的?”、“从UI设计转交互设计应该如何做啊,好迷茫~”等一系列问题,是的,我之前也被这些问题困扰着,直到大胆迈出那一步才知道行动是解决问题的根源,我一个草根UI设计师都能够顺利转型(目前在世界500强企业担任交互设计师),为什么你不可以?

目录:

一、我为什么要转岗交互设计?

二、交互设计师的产出物是什么?

三、我做了哪些准备?

阶段一 | 扎根

阶段二 | 扩展

阶段三 | 破界

四、初级交互设计师要注意什么?

转岗交互前,我做了哪些准备(上)

正因如此,我不想把所有的脑细胞都消耗在像素、颜色、图标上,不想一直处于被动研究方案的位置,不想处于一个积极的方案接收者,我想主动挖掘用户场景和痛点、想成为一个方案制定者、想更紧密的将产品和用户链接起来。纯UI的时代已经过去,如果我不花时间去转型,几年后 我可能就是一个只会撸撸皮肤的“小美工”。

看到这有人会说,UI设计也可以推动方案、创造价值呀,是的,这点我非常赞同,也没有说UI设计哪里不好,可能是我做的不够优秀吧,我身边也有很多朋友是UI领域的专家,从他们身上我看到了“任何一个领域只要你肯花时间去沉淀,都会做的非常优秀”的案例,而我就是不愿意在UI上展现自己的精神小伙~

另外交互设计是一门多元学科,它能倒逼着我去接触未知领域,这也非常符合自己喜欢探索的性格,同时我也是一个把沟通和分享当作乐趣的人,自我度量一番后,发现交互岗相比UI岗更适合自己去深耕。有了这2大刺激点之后,我才开始寻找学习交互设计的途径,而不是盲目跟风。写到这里我还是本着负责任的态度啰嗦一句,避免那些不适合的人说被这篇文章误导了:无论是转行还是转岗,一定要先了解清楚将来要做的事情适不适合自己,有没有自律能力去钻研,三思而后行,不要听风就是雨。

中途我也尝试过报一些网课,久而久之发现他们讲的都是概念化、工具化的东西,总不可能会画个原型图,会用Axure连个线,知道交互设计的工作流程,就能说自己是交互设计师了吧,里面必然有一些方法、思维、理论是需要自己花时间去沉淀和梳理的,而网课只能带你入门、帮助你造就轮廓,但成就不了你的深度学习,恰好这些核心的东西就是自身能力和今后工作中的根基。

转岗交互前,我做了哪些准备(上)

竞品分析报告:竞品分析就是对竞争对手的产品进行分析,交互设计师在产品团队中,一般是对同类产品把玩最多的人,是带着研究目的去把玩的,因此会定期输出竞品分析报告同步给产品团队,为今后的迭代内容沉淀一份依据,同时也能培养设计师对产品的分析能力。

竞品分析随时都可以做,只不过深度和广度不一样而已,可以做一份全面的报告用于熟悉产品、推动优化。也可以在设计中进行碎片化的分析,事后整理成文档,比如这次迭代要优化支付流程,就可以先拿其他产品的支付流程进行对比,吸取他们的优点做成自己的方案。

产品体验报告:产品体验报告是体验者在深入了解某个产品的商业模式、目标用户、使用场景、市场现状、产品功能、交互体验以及视觉风格后,全方位总结出来的图文报告,这里的“体验者”可以是运营、产品、交互、UI、开发等产品相关人员。但还是非常建议交互设计师主动去做,因为它能帮助你快速了解你所负责产品的“血、肉、骨、肤”,它可以结合竞品分析一起输出。

用研类文档:如果产品设计不以用户为核心,一味解决产品诉求,那么很难做出优秀的用户体验,好的产品能够满足用户需求并不断寻找新的用户场景,设计师的职责就是定义并设计产品,是权衡产品诉求和用户诉求的角色。也就是说需要满足产品目标,同样也要考虑用户体验,产品目标很好理解,即产品需要通过这个功能or产品完成什么指标。

而用户体验则需要将注意力聚焦在用户研究上,否则可能会为了自己而设计,这种强烈的主观意识很难保证决策是否正确。因此交互设计师一般会参与甚至组织用户调研,然后将调研的结果整理成文档传递给产品团队,常见的用研工具有:用户访谈、问卷调查、数据分析、A/B测试、可用性测试、用户体验地图、桌面研究等。

转岗交互前,我做了哪些准备(上)

测试验收类文档:测试类文档主要体现在设计验收和设计自查。

设计验收即迭代发布前的设计走查:

一是功能测试,检验产品的功能和流程是否按交互稿实现,功能是否异常,我常用的做法是为功能和流程编写测试用例,因此会产出“测试用例文档”,协助测试人员完成发布前的把关,一起享受给开发提BUG的快感。二是界面测试,也可以叫视觉走查,主要是对产品每个页面、状态进行UI还原度的排查,将实现出来的版本与高保真进行对比,这块主要还是UI设计师去做,交互设计师也可以协助完成,毕竟表现层也是用户体验中至关重要的一层,产出物一般是“视觉验收清单”。

设计验收方面的文档主要基于公司的协作流程来评定是否需要,比如有的直接将问题转成JIRA单等,就可以省略出文档这一步。而设计自查就是“交互自查表”,根据自查表里的场景和状态,在正式开发之前 对设计稿进行问题排查,避免有遗漏的状态或流程。

转岗交互前,我做了哪些准备(上)

数据追踪:关注数据不仅仅是产品经理或运营人员的“专利”,作为交互设计师也需要掌握这方面的基本技能(线框仔除外),通过数据来帮助我们产出更贴近用户行为的设计,它可以监测产品迭代中的问题点,从而找到设计点,也可以为后续的产品迭代提供方向和参考。对于平时不关注数据的设计师来说,经常在出方案时专注于表现层的优化,而忽略了真实的用户行为。所以设计师关注用户行为不仅能够验证设计结果,还能对产品体验不断打磨,精细化提升用户体验。

获取一些常用的行为数据可以通过第三方监测平台接入,还可以将你想监测的数据统计到“用户行为统计表”上,然后让开发同学跟随迭代一起埋进去,最后再根据回传的数据进行数据分析,相应的产出分析报告。

转岗交互前,我做了哪些准备(上)

建立规范:

一是设计规范,这关乎到多方协同和工作效率的问题,0到1的C端产品可以先参考iOS和MD的设计规范,后续再与UI设计师、前端同学共同制定自家产品的规范,甚至是建立设计系统,包括像Vant这类的移动端规范都可以参考。而B端产品可沿用ant、element的设计规范,这些都是非常成熟的规范了,如果仍然无法满足业务,则单独出一套规范让前端封装。

二是制作一套自己的元件库,将元素组件化,方便后期调用,完整的元件库能大大减少不必要的设计成本,将重点放在设计方案和对用户的思考上,而不是在原型图上扣像素,假设一个页面的元件覆盖率有80%以上,那绘制整套原型能节约多少时间?答案显而易见。

其他:除了上面常见的产出物以外,还有一些也会涉及到,具体要看公司对岗位的要求,比如有的岗位要求制作高保真原型、汇报用的高质量可交互demo、评审记录、设计计划、动效说明、其他文档等(毕竟打工仔是跟随环境发生变化的)。

转岗交互前,我做了哪些准备(上)

(5)定期进行产品赏析,将上面说的几点融入到研究过程中

要说如何提高设计眼界,最好的办法就是去欣赏作品,做UI设计时为了塑形审美能力,每天会看大量的设计作品并按分类收藏起来,而交互设计师不止要欣赏产品的视觉方面,更需要了解产品逻辑和功能体验,所以需要你亲手去感受这个产品的内在和外在。

另外,产品赏析可以很好的锻炼设计师的分析能力,帮助你今后做产品改版。我的做法是每周至少挑选2个优秀的产品上手“把玩”,最好是竞品或者同领域的产品,这样能直接帮助到你做项目。

“把玩”是有目的性的,比如剖析某个产品的功能流程和交互体验,把你觉得有趣的设计点记录下来,再写上一段自己的总结或建议,如果你有不同的方案也可以画线框图或流程图做深度研究,甚至可以把2个竞品放在一起审视,分析他们的流程为什么做的不一样,反复问自己“为什么”,渐渐的你就能从产品的表面解析到产品的业务。

更自律的做法是主动给自己布置作业,比如本周内要找到10个能超越用户预期的设计点,可以是一个流程,也可以是一个页面或微交互。自律性差的同学选择加入一些研究产品体验的打卡群也是非常不错的,通过外部环境监督你。当有了这些思考和产出后,建议整理成笔记分享出去讨论,也听听别人的赞美和吐槽,因为这些能逼着你继续思考,否则就是闭门造车。

(6)尝试输出设计改版,养成项目复盘的好习惯

前面有提到设计思维、组件库、设计规范、流程图和产品赏析,下面就可以利用前面所沉淀的基础来尝试做一些设计改版,先从优化一个页面的布局、控件和信息架构开始,再逐渐深入到一个功能流程、大模块,最后到整个产品的体验改版。这里的改版就不要再沉迷于视觉表现层了,也不要扣像素,而是把心思放在输出原型方案上,重点思考你的方案如何更好的满足用户需求。

改版的素材来源有很多,一是前面提到的产品赏析,把你认为不合理的设计点尝试优化。

二是公司项目的改版,因为实际上线的方案都是以商业为目的,可能当时我们有更好的想法,但是由于种种原因导致无法落地,不过事后可以抽出时间将你的想法做成交互原型,顺便把本次迭代的东西复盘,这是沉淀项目最好的方式。

在改版过程中,脑瓜子会临时蹦出很多问题,甚至对方案的选择特别纠结,这正好利用前面讲到的理论来衡量它们。交互设计是一个实践性很强的专业,行动会激发思考,也会逼着你去寻找答案,这其实就是一个理论+实践的学习过程。

最后将你改版的方案仔细整理成一份完整的交互设计文档,改版前的设计也可以放进去做对比,将它们一起发出去讨论,让前辈或同事帮忙提出建设性的问题(脸皮厚一点,学到都是你自己的,实在不行知识付费也不为过)。

(7)走出去,看看别人的思考方式和成果

上面说到的准备工作,你专注行动几个月后,就会具备一定的思考能力和动手能力,但在这期间大部分都是闭关修炼,所以还是需要你“走出去看看”,比如参加线上线下的公开课、分享会,甚至是加入一个学习氛围好的星球、讨论小组等等,去看看别人的思考方式和设计成果是怎样的,从中取长补短。还可以适当接触一些产品设计、服务设计、行为设计、用户心理类的知识点,尽量多拓展自己的思维边界,不要只迷恋于屏幕上的思考,毕竟交互设计中有很多场景是来源于生活的。

(8)掌握主流设计工具

市面上的设计工具五花八门,每个人的使用习惯也不一样,没必要浪费时间在里面挑来挑去,输出物的质量才是关键。所以我们对工具的学习,围绕2个原则即可,一是掌握主流的设计工具,因为大部分人都在用,主流工具学会了,其他工具上手也是相通的。二是掌握现有团队在用的,工具的作用就是提高个人产出效率和团队协作效率,根据团队的要求去掌握相关工具。

下面罗列一些我常用的工具:

笔+纸

我一直认为笔和纸是设计师最好的朋友,在正式输出原型前,我很喜欢带着笔和纸去沟通需求,因为它们能让设计师在短时间内“敏捷式脑暴”、快速输出想法、低成本试错(涂涂改改又重做)。

原型工具:Axure、Sketch

Axure一直是主流的原型工具,也是我最早接触的第一款原型工具,里面调用元件库、画流程图,用于输出交互文档,导出超链接、html、word都非常方便,虽然现在很多工具能够在交互演示方面替代它,但因为使用的人很多,所以也舍不得删除。

Sketch的定位虽然是“专业的UI设计软件”,保留它的主要原因是能够无缝搭配Flinto或Principle来帮助我输出高保真演示稿,另外里面强大的第三方插件和组件库能够拉近我和UI设计师的“生活距离”。

动效工具:Flinto或Principle

这2款工具是我从事UI设计时就掌握的软件,最大的特点就是交互动效还原度极高,可以同步到手机上预览,感受真实的交互效果,在方案评审时,省去了很多文字描述,把落地想法传递给前端同学也非常直观。

演示汇报工具:Keynote或PowerPoint

ppt一直是互联网人不可缺少的技能,除了平时的分享会、方案汇报、项目复盘、述职等场景经常用到之外,它还可以用于实现交互动画,撰写用研报告、体验报告、竞品分析报告等。

关注我,持续更新中……

由于文章篇幅过长,会分为上下2个部分敞开聊,本次主要分享了我转岗的初衷、产出物以及如何“打基础”,下半部分会围绕技能扩展、破界成长和初级交互设计师的注意事项去分享,里面涉及了用研、总结方法和我的衷心建议。

关注我,持续更新中!

#专栏作家#

h梓暄,公众号:UXD笔记,人人都是产品经理专栏作家。5年产品设计经验,从C端转向B端,稍长交互设计和UI设计,专注于用户体验设计思考

本文原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议




互联网人如何进行知识管理?

互联网人如何进行知识管理?

信息爆炸时候,我们每天都吸引了大量知识信息,而庞杂混乱的信息难以为我们提高有效的帮助,我们需要做的就是进行知识管理,通过方法窍门高效利用起来,提升自我。 01 ...

2020-06-19
产品总监晋升之道,游戏思维的团队管理艺术

产品总监晋升之道,游戏思维的团队管理艺术

作为一个产品总监,在面临年轻的团队,如果你的管理方式有问题,对团队乃至整个公司都是一件特别大的灾难。所以,今天我们来聊聊产品总监的团队管理问题与游戏化的团队...

2020-06-19
一个公式,从作品集小白修炼到初级交互设计师

一个公式,从作品集小白修炼到初级交互设计师

本文作者从自己个人经历和想法出发,从三个转变的角度谈谈如何从作品集过渡到行业项目,希望对所有刚刚踏入产品或交互行业的新手们有所帮助。 一、前言 在经历了半年多...

2020-06-18
2020年应聘反思,我总结了这些点

2020年应聘反思,我总结了这些点

在职场生涯中,我们可能会在好几家公司工作,重新应聘必然会遇到很多的问题。本文作者基于自身经历,从五个角度总结了自己的应聘经历,分享给对求职迷茫的童鞋。 先简...

2020-06-18
掌握砍价中的六大用户心理,轻松搞定甲方需求

掌握砍价中的六大用户心理,轻松搞定甲方需求

本文总结了砍价哲学中的六大用户心理,并结合案例对每个用户心理展开了分析说明。沟通的最大技巧是真诚,而谈判的目标是共赢。希望掌握好这六大用户心理,能帮助你更好...

2020-06-17
进大厂,还是进小厂?

进大厂,还是进小厂?

选择大厂还是小厂,对于很多人来说,是难以抉择的。大厂和小厂都有各自的优势、缺点,本文作者结合自己的个人视角,谈谈在大、小厂的经历和感悟。 职场也像个围城,在...

2020-06-09
网易严选交互团队的管理方式进化史

网易严选交互团队的管理方式进化史

管理团队是一个艰巨的任务,不仅需要管理者的智慧,也需要具备相关的管理知识。本文作者从具体的工作分工、文档管理分发和人员培养这三个方面出发,分享了网易严选交互...

2020-06-08
如何通过一张表,提高20%的工作效率?

如何通过一张表,提高20%的工作效率?

在日常工作中,每周的工作都充实而有所沉淀吗?是否觉得自己在假忙碌?如何有序推进工作进展,有序记录自己的工作?本文作者结合自身实践,讲述了在方法论上对自己工作...

2020-06-08
2020年,转行数据分析师需要注意哪些问题?

2020年,转行数据分析师需要注意哪些问题?

随着大数据在各个领域的应用越来越广,数据驱动产品和精细化运营已经成为企业经营的制胜法宝,相应地,数据分析师这个岗位也越来越受到关注。2020年,还能转行数据分析...

2020-06-05
京东群面题|如何用0.01元买到一瓶可乐?

京东群面题|如何用0.01元买到一瓶可乐?

这是一道京东的群面题,作者给出了一个简单的回答思路。 任何交易都遵循等价交换原则,如果一瓶可乐价格为0.01元(正常售价约为2.5元),那么必然需要其它形式的价值填...

2020-06-05
“空降型”产品经理快速入场指南

“空降型”产品经理快速入场指南

无论是内部调岗,还是职场跳槽,许多产品经理都必须面对融入的问题。就如一个空降兵,面对历史遗留问题,和现实的剧震,依旧需要义无反顾地发起冲锋。除了需要勇气,更...

2020-06-04
腾讯产品能力框架之通用能力篇:执行力

腾讯产品能力框架之通用能力篇:执行力

执行力就是以目标为导向,以结果为准绳。本文讲解腾讯产品能力框架中的通用能力——执行力,从五个层级分解学习能力,助力职场人走得更远。 本文是产品能力框架的第三篇...

2020-06-04
如何正确构建和使用产品知识库?

如何正确构建和使用产品知识库?

产品知识库的价值不在于文章数量的多少,所以不要刻意追求更新频率和更新数量。能够运用知识库去解决实际工作中遇到的问题,这才是其真正的价值。 1. 什么是产品知识库...

2020-06-04
解决80%以上职场冲突的认知方法——事实最大

解决80%以上职场冲突的认知方法——事实最大

事实最大。你掌握的事实越透彻,也就越强大。 日常人和人的沟通中,80%以上的冲突和挫败,来自与“事实”有关的两个问题: 问题1:没有基于事实来沟通。 假如,你是一位产...

2020-06-04
面试最烦的一种人——刷面经、背题型、找套路

面试最烦的一种人——刷面经、背题型、找套路

正如上次写群面的文章说的,群面的目的是做一名合格的「Horsekeeper」,而不是去想着争风头、当leader、抢reporter这些花里胡哨的。同样单面也不是刷面经、背题型这么简...

2020-06-04
我的14年设计路:从新人到设计总监

我的14年设计路:从新人到设计总监

从初入职场的野蛮生长到独当一面的设计总监,作者在职场摸爬滚打了十四年,分享自己的经历和总结,希望对你有所帮助。 最近,我从蘑菇街辞职了,我在这家公司一共呆了9...

2020-06-03
转岗交互前,我做了哪些准备(下)

转岗交互前,我做了哪些准备(下)

从UI设计到交互设计,作者回顾了自己的转岗之路,对过程中的经验与思考进行了总结,希望能对你有所帮助。 上篇文章我分享了交互设计师的产出物和我是如何学习交互设计...

2020-06-02
从职场菜鸟到独当一面,这三点建议要牢记

从职场菜鸟到独当一面,这三点建议要牢记

刚步入职场的新人最希望的就是能够以较快的速度成长起来,具体应该怎么做呢?本文给出了三点有用的建议。 现在外部大环境不是太好,就业压力巨大,岗位的竞争尤为激烈...

2020-06-02
我花了两年,成功把自己「毁」掉了

我花了两年,成功把自己「毁」掉了

初入职场的年轻人总是特别害怕和迷茫,不知道该怎么在职场中生存。本文作者将用自己两年的职场经验,告诉你什么路该走,什么路不该走。 毕业后的时光过得很快,今天是...

2020-06-01
锅背得冤不冤?产品经理的丛林生存法则

锅背得冤不冤?产品经理的丛林生存法则

甩锅体质:趋利避害是人的本性,甚至是动物的本性。产品经理作为被重点甩锅的对象,可以有108种背锅方式。究竟产品经理的黑锅,背得冤不冤? 一、锅都有哪些? 1. 进度...

2020-06-01