APP推广合作
联系“鸟哥笔记小乔”
交互设计知识体系​
2020-03-19 14:55:38

 “ 交互设计师技能总览!



首先需要说明的是,今天这篇文章粹是一种知识总结和探讨,并不是标准答案,所以也欢迎大家互相交流。


近几年交互设计的职业从大火到现在的渐渐趋于理性。阁主也正好经历了期间大部分的时间段(暴露了年龄-_-||),来说说现阶段市面上普遍的交互设计工作需要哪些知识。



一、交互设计师的定义


一提到交互设计师,大家脑海中就想到,嗯,画线框图的!



如果不是?那你倒是告诉我交互设计师是干嘛的呀o(╯□╰)o


先来看看百度百科的解释:

是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和”用户体验“两个层面上进行分析,关注以人为本的用户需求。


说的很对,但是看不懂,请说人话!o(* ̄︶ ̄*)o


通俗一点的解释是,交互设计师的工作就是处理,现实生活中,人与外界之间的操作连锁反应。


外界可以是需要常设计的设备,如手机、电脑、平板电脑、智能手表,以及平时能见到但只有特定领域的设计师能进行的VR眼镜、汽车智能显示屏、无人车、自助快递机等等。如果范围再说的大一点,就是所有人类都需要打交道的外界物体,都是我们可以设计的对象。


所以承载物可以是这样

也可以是这样


最常见的交互设计内容就是,跟手机和电脑相关的应用,包括APP、小程序、H5,再就是PC的web页面了。像这样





二、交互设计的工作流程


主要流程如下图,一共分为8大步骤,如下图



PRD评审-交互评审-视觉评审-开发-测试-上线-分析结果-改版


当然,并不是每个公司都是这样的流程,有的是产品经理连同交互设计一起做了。


三、负责的具体内容


看了流程图,终于可以来说说交互设计落实到实处工作内容了,撒花撒花~~~


1、交互设计启动之后,设计师要做的就是定目标

我们在面试的时候经常会遇到这样的问题,“你在项目中是处于什么角色?你的贡献是什么?



如果想要回答这个问题,就必须从项目起初想好自己能在项目中起到什么作用。怎样体现价值?


思维方式可以是“产品目标-设计目标-体验目标”。



产品目标:通过需求或者功能的设计,达到某些业务的目的,一般是拉新、促活、留存等等目的,一般是产品经理来定;

设计目标:在产品目标的基础上,按照用户现阶段的经历,能够接受的产品形式

体验目标:在设计目标的基础上,用户通过使用设产品,最终想得到的成果


举个?:


产品目标:直播口红带货;

设计目标:买到适合自己的口红色号;

体验目标:让自己变得更美,让男朋友更爱自己/有利于自己职业发展等等;


2. 用户研究,去了解用户真正需要的是什么。


大家之前所见到的用户体验地图、用户画像、用户调研(用户调研又分为线上调研、线下调研、电话调研等多种形式)等等,都是了解用户的方法。之前写过一篇用户体验地图的,可点击查看这里《体验差怎么解决》,得空再更新下用户画像、用户调研。


按照阁主的经验来看,最了解用户的方法就是走近用户,真正跟用户相处在一起一段时间,然后根据大数据,去统计出规律,减少因主观判断而产生的误差。但市面上能做到的确实很少。


3.得出设计策略


通过你的调研,需要解决以下几个问题:

  • 你的目标用户是谁?即你的设计是为谁而设计的
  • 你可以为用户解决什么问题?
  • 有哪些策略可以帮用户解决这些问题?



策略有很多种,比方说如下几种:

比如腾讯PUPU读书改版的如下策略



某游戏的视觉设计策略



相信大家在网上都看到不少这样的策略图。


当然,我们在工作中不是每个项目都会做得这样声势浩大,在小的项目中可以抠细节,在设计中做一点点小的改变。


像上图中右边加上一个icon,可以更快速地让用户进行识别。


以上这些大大小小的策略积累多了之后,再回过头来进行总结,就比较容易形成自己的方法论了。



4.画交互稿


好,经过这么多的铺垫,终于可以进入画交互稿的阶段。很多人已经迫不及待了,但真正能体现价值的,却是上面所介绍的画交互稿之前的思考。


就算是画交互稿,也会经过草稿、初稿、成稿三个阶段。


草稿阶段就是,将界面的布局通过笔或者其它工具进行确定,阁主本人最喜欢用的还是笔和纸张。打好草稿之后,可以先和leader或者产品经理对一下,以免大方向出错,然后走了很多弯路。比方说像这样



还有像这样


确定好了之后再进行初稿设计,初稿就可以上软件了。软件可以选择Sketch/Axure/Balsamiq Mockups/Visio等等,这就是大家讨论最多的工具部分。


大家会奇怪为什么不用Photoshop?Photoshop难道不好用吗?Photoshop更适合运营设计师做各种图片的效果渲染,针对纯UI有点大材小用,功能不够简单、运行不够高效。但它的图片处理能力是其它软件无法替代的。



一般来看Sketch/Axure使用的最多,两者各有优势,Sketch插件多,软件运行快,可以直接与其它的动效软件进行制作高保真原型,这样就可以作为最小可行性产品(mvp),在正式开发前就进行用户调查、可用性测试,稍后再详细来说这一块。


Axure有最大的好处就是,立马能做页面的跳转关系,更多的是产品经理做原型图比较合适。现在市面上的趋势是,使用sketch的人越来越多。


等初稿出来之后,大概是这样。



初稿的标准是,用户在这个页面整条流程都跑得通,产品经理需要的元素,页面上都有。


但大家也会发现,初稿精细程度是不高的,还有很大的优化空间,比方说信息的强弱关系还没有表达出来,对于界面空间的利用度可以再变得再高一点。如果将初稿提升到成稿,可参考这篇文章《好的交互文档其特点》。来看看初稿和成稿的对比图




5.做高保真原型


等所有静态截面图都做完之后,则可以进入到制作高保真原型。高保真原型,是用户可以上手操作的demo,工具可以是Flinto、Principle、Protopie等等展示效果如下图



不是所有的项目都要制作高保真原型。只有项目从0到1初启动,或者是大改版、增加重大的功能的时候才会做高保真原型。一般小项目,几个页面就搞定的则不是这样。


为什么要做MVP,静态画的页面跟动态demo比起来,还是缺少很多细节表达的,不要太自信。这样一方面帮助设计师去检查自己方案的完整度,另一方面可以拿着MVP去进行可用性测试。对,这个时候又会进行一轮用户调查,但这个调查会针对的是目标用户,检验我们产品做的是否完善,功能是否真的是用户所需的,。


关于交互规范,是很重要的一环。如果团队有,则可以在画页面的过程中一起进行运用,如果没有,C端产品则先采用市面上的苹果的iOS界面交互规范或者谷歌的material design进行参考,前期影响也不大。B端可以采用ant design的设计规范,不会出太大的错。



等项目做完之后,再来进行复盘,哪些是规范里面没有,进行整理,形成自己产品线的规范。


6.做效果验证


这个问题也是面试官喜欢问,但平时又很容易忽略的一个环节。就是你所采用的法子,最终实现的效果怎样


是不是一脸懵逼,设计师还要管这个?嗯,市场所需,现在每个岗位都要为项目的结果买单,至少越来越有这样的趋势所在。比方说设计赋能、设计驱动产品、设计改变行业等等这样字眼的出现。


现实是,我们做完项目之后,很容易被抛到脑后面再也不管了,原因有很多种,可能是一个个项目接踵而至没有时间做思考,也有可能是缺少这方面的意识。




做效果验证有两大方法:线上数据追踪、线下找运营了解


线上数据追踪可以采用数据埋点的方式,数据埋点可以分为前端用户行为数据埋点和后端业务数据埋点


设计师一般需要关注前端用户行为数据埋点,有能力的话也建议一起关注下业务数据,这样你会更懂业务。用户行为数据的方法,市面上也不少,例如Google推出的GSM量化方法。


GSM是Google提出的一种量化方法,主要思路是通过对目标的拆解,一步步推导得出最应该关注的关键数据指标(KPIs,Key Performance,Indicators)。这种目标导向的推导过程,能更科学、系统化的搭建指标体系,经过推导得到的数据指标与设计工作关系更紧密,能更好的评估设计目标完成情况。


它分为三项数据,针对设计师而言它的解释如下,

识别目标(Goal):设计目标是什么?

推导表现(Signal):根据设计目标,用户在达到这个目标过程中,在APP中的表现有哪些?

选取指标(Metric):根据用户的表现,这些表现会导致哪些数据会有所改变?


举个例子,如下图表格,


在表格中,因为扫一扫验奖是产品新开发的一个功能,但没有人确定它是否是受欢迎的,那么像这样的新功能,目标就是验证功能是否受欢迎以及提高用户对它受欢迎的程度。

前者属于产品经理的职责,而设计师可以着重聚焦于后者。那么针对于后者,大伙可以着重研究下表格上的内容,看是否是正确的,以及它改善的空间。


数据指标Metric是独立的,单个去看并没有什么意义,重要的还是要要看项目在某个阶段想要解决一个什么样的问题,联系各个数据去反应这个问题!


除了GSM还有蚂蚁金服的TECH 模型、天猫的TES等等,有的还以NPS(净推荐值)为度量标准。在这里我们会见到各种各样的听起来很厉害的名词(确实也是很厉害)。如果不懂可以找产品经理一起先讨论,以及阁主以后再更新。



差点忘说了,就是还要找运营去了解,看运营的反馈,运营是最了解市场反馈的岗位,他们会给出更多的对数据的解析,以及一些无法从数据分析中得到经验建议。



四、关于方法论沉淀


如果说世界观主要解决世界“是什么”的问题,方法论主要解决“怎么办”的问题,通俗地讲就是“套路”。



方法论其实我们已经接触过比较多了,比方说熟知的5W2H,这是效果验证的方法论。那作为交互设计师,那我们可参考的方法论有哪些?


介绍一个阁主常用的方法论,用户思维。

用户——需求——场景——任务



解释一下就是:我们拿到产品的需求,解决问题的时候,如果无从下手,则可以先分析下,用户是谁(即用户),他们想通过这样的功能达到什么目的(即需求),如果想达到这些目的是在哪些场景下做哪些事情(即场景和任务),这个任务再对应到收集界面上,又可以拆分为哪些子任务。


方法论就是这样,能批量应对事情的办法,快速找到解决问题的入口



五、更高的设计要求


2017年开始,有个词开始火起来,叫设计赋能,其实也就是说要通过设计师的能力帮助业务解决问题,产生价(cai)值(fu)。


那对设计师的要求就是除了是交互设计师,还需要有产品经理的角色,会挖掘需求,同时还要让团队里面的人相信你,推动需求落地实施。嗯,是很有挑战性的!


那再高于这个要求就是整合资源,或者在行业有突出贡献了,不在本篇讨论范围之内。


六、给各位同学的建议


给0~1年交互经验小白同学的建议:

先去尽可能尝试一切机会做项目,主动点,哪怕是跟着做做助理设计师也是很值得的,这个时期,别管别的,先积累量,确实只有我们的诚心和努力才能得到更多的项目。目标是积累项目经验,行为上也要打扎实基础,将iOS和Android设计规范进行熟悉,能背下来最好。

给1~3年交互经验进阶同学的建议:

打磨细节、积累自己解决问题的方法论。像网上《X种弹窗的使用方式》、《按钮的X种状态》、还有类似阁主的文章《B端设计之导航》都是对细节的打磨,像这样的细节琢磨,会将你从入门汉带入到沉静的阶段,理解排版布局背后的原因,对用户心理的研究也会更上一层楼。


对,这个时候得开始积累自己的方法论了,至少得开始培养这样的意识,不是短时间就可以做好的,慢慢来。


给3年以上交互经验高阶同学的建议:

这个时候应该已经可以挑战创造业务相关需求的事情,想的是现在做的事情有什么价值。如果有兴趣,也可以尝试往管理岗进行探索,但在设计行业,管理岗也是一线,只是换了个平台解决更大局的设计问题。还有一个经验就是,想突破瓶颈,最近发现,看书是个不错的idea,加强自身底蕴的建设也能达到不错的效果。


七、常见问题:


1.要不要报培训班?

从2012年至今,可以明显看到设计师招聘的要求,逐渐从熟练使用 xx 工具的描述,转变为一些关键词出来,比如:图形排版、设计理论、逻辑思维、归纳总结、趋势洞察、项目推动... 而这其中,早已预示着互联网发展到今天,数字产品设计师早已经过了技法的时代,企业真正需要的是解决问题的能力,而这也就对设计师提出了更多的要求。


简单点说就是企业不需要设计师来画图,而是需要设计师用设计的方法解决企业经营过程中遇到的问题。显然这些,大部分培训班是达不到这样的要求的。是一个不错的入门方法,但不要抱太大的希望,还得找好培训机构。


2.如何转行到交互?

UI设计和产品经理最好转行到交互,设计领域的同学想转行到交互其实门槛都不高,要的是找项目经验,如果手上没有项目,就从手上的UI工作或者产品的工作,去慢慢分析交互策略,流程图,页面的布局,自己画交互。多跟相关同事交流。再者还是没有,则上网接活进行练手。


八、推荐书单


1.《用户力:需求驱动的产品、运营和商业模式》

2.《写给大家看的设计书》

3.《曾国藩家书》


先看完再推荐吧,不定期更新。这些书是阁主自己能看进去的,实操比较有用的。《用户力》这本书在阁主工作3~5年之间,给了些启发,算是一个转折点。《写给大家看的设计书》说的是最常见的设计法则,也是最实用的法则,重点看原理,UI和交互都适用。《曾国藩家书》是修身、齐家、治国三个阶段的修炼,到最后拼的就是自己的底蕴,为30岁之后的日子打好基础。


九、总结梳理全部知识点:


按照上面罗列的,check一下看看。


以上就是对交互设计知识体系的一些总结了,给出一个轮廓,然后大家可以针对自己现阶段的情况,该学软件学软件,该做项目做项目,该复盘的复盘自己的方法论。进步最快的法子,还是实践,多做项目,在项目中成长。


日拱一卒,都会一点点往前进步的,加油~


大家有什么建议的可以在留言区进行留言,阁主会一一答复。




- END -

点击右下角「 在看 」与转发

是对Sophia最大的肯定 


今日互动礼物↓↓↓


设计书籍的经典之作,当你们因为读完这本观念设计书而感到越来越不懂设计时,这并不意味着你对于设计的认识倒退了,而是证明你在设计的世界里又更往深处迈进了一步。


阁主会在留言区+点「在看」的小伙伴中抽取1位小伙伴,包邮送出小礼物至府上(获奖名单将在下一篇原创文章的留言区进行公布)


往期精彩文章

《关于交互设计的思维抽象》

《好的交互文档其特点》

《在家办公是要写日报的》

《B端设计之导航》

《3步设计思维助力职业成长》







Sophia的玲珑阁,大厂体验设计师,人人都是产品经理专栏作家、简书互联网优秀作者,分享实用的互联网设计技巧和职场经验。


运营那些事儿
分享到朋友圈
收藏
收藏
评分

综合评分:

我的评分
Xinstall 15天会员特权
Xinstall是专业的数据分析服务商,帮企业追踪渠道安装来源、裂变拉新统计、广告流量指导等,广泛应用于广告效果统计、APP地推与CPS/CPA归属统计等方面。
20羽毛
立即兑换
一书一课30天会员体验卡
领30天VIP会员,110+门职场大课,250+本精读好书免费学!助你提升职场力!
20羽毛
立即兑换
顺丰同城急送全国通用20元优惠券
顺丰同城急送是顺丰推出的平均1小时送全城的即时快送服务,专业安全,准时送达!
30羽毛
立即兑换
运营那些事儿
运营那些事儿
发表文章49317
确认要消耗 羽毛购买
交互设计知识体系​吗?
考虑一下
很遗憾,羽毛不足
我知道了

我们致力于提供一个高质量内容的交流平台。为落实国家互联网信息办公室“依法管网、依法办网、依法上网”的要求,为完善跟帖评论自律管理,为了保护用户创造的内容、维护开放、真实、专业的平台氛围,我们团队将依据本公约中的条款对注册用户和发布在本平台的内容进行管理。平台鼓励用户创作、发布优质内容,同时也将采取必要措施管理违法、侵权或有其他不良影响的网络信息。


一、根据《网络信息内容生态治理规定》《中华人民共和国未成年人保护法》等法律法规,对以下违法、不良信息或存在危害的行为进行处理。
1. 违反法律法规的信息,主要表现为:
    1)反对宪法所确定的基本原则;
    2)危害国家安全,泄露国家秘密,颠覆国家政权,破坏国家统一,损害国家荣誉和利益;
    3)侮辱、滥用英烈形象,歪曲、丑化、亵渎、否定英雄烈士事迹和精神,以侮辱、诽谤或者其他方式侵害英雄烈士的姓名、肖像、名誉、荣誉;
    4)宣扬恐怖主义、极端主义或者煽动实施恐怖活动、极端主义活动;
    5)煽动民族仇恨、民族歧视,破坏民族团结;
    6)破坏国家宗教政策,宣扬邪教和封建迷信;
    7)散布谣言,扰乱社会秩序,破坏社会稳定;
    8)宣扬淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪;
    9)煽动非法集会、结社、游行、示威、聚众扰乱社会秩序;
    10)侮辱或者诽谤他人,侵害他人名誉、隐私和其他合法权益;
    11)通过网络以文字、图片、音视频等形式,对未成年人实施侮辱、诽谤、威胁或者恶意损害未成年人形象进行网络欺凌的;
    12)危害未成年人身心健康的;
    13)含有法律、行政法规禁止的其他内容;


2. 不友善:不尊重用户及其所贡献内容的信息或行为。主要表现为:
    1)轻蔑:贬低、轻视他人及其劳动成果;
    2)诽谤:捏造、散布虚假事实,损害他人名誉;
    3)嘲讽:以比喻、夸张、侮辱性的手法对他人或其行为进行揭露或描述,以此来激怒他人;
    4)挑衅:以不友好的方式激怒他人,意图使对方对自己的言论作出回应,蓄意制造事端;
    5)羞辱:贬低他人的能力、行为、生理或身份特征,让对方难堪;
    6)谩骂:以不文明的语言对他人进行负面评价;
    7)歧视:煽动人群歧视、地域歧视等,针对他人的民族、种族、宗教、性取向、性别、年龄、地域、生理特征等身份或者归类的攻击;
    8)威胁:许诺以不良的后果来迫使他人服从自己的意志;


3. 发布垃圾广告信息:以推广曝光为目的,发布影响用户体验、扰乱本网站秩序的内容,或进行相关行为。主要表现为:
    1)多次发布包含售卖产品、提供服务、宣传推广内容的垃圾广告。包括但不限于以下几种形式:
    2)单个帐号多次发布包含垃圾广告的内容;
    3)多个广告帐号互相配合发布、传播包含垃圾广告的内容;
    4)多次发布包含欺骗性外链的内容,如未注明的淘宝客链接、跳转网站等,诱骗用户点击链接
    5)发布大量包含推广链接、产品、品牌等内容获取搜索引擎中的不正当曝光;
    6)购买或出售帐号之间虚假地互动,发布干扰网站秩序的推广内容及相关交易。
    7)发布包含欺骗性的恶意营销内容,如通过伪造经历、冒充他人等方式进行恶意营销;
    8)使用特殊符号、图片等方式规避垃圾广告内容审核的广告内容。


4. 色情低俗信息,主要表现为:
    1)包含自己或他人性经验的细节描述或露骨的感受描述;
    2)涉及色情段子、两性笑话的低俗内容;
    3)配图、头图中包含庸俗或挑逗性图片的内容;
    4)带有性暗示、性挑逗等易使人产生性联想;
    5)展现血腥、惊悚、残忍等致人身心不适;
    6)炒作绯闻、丑闻、劣迹等;
    7)宣扬低俗、庸俗、媚俗内容。


5. 不实信息,主要表现为:
    1)可能存在事实性错误或者造谣等内容;
    2)存在事实夸大、伪造虚假经历等误导他人的内容;
    3)伪造身份、冒充他人,通过头像、用户名等个人信息暗示自己具有特定身份,或与特定机构或个人存在关联。


6. 传播封建迷信,主要表现为:
    1)找人算命、测字、占卜、解梦、化解厄运、使用迷信方式治病;
    2)求推荐算命看相大师;
    3)针对具体风水等问题进行求助或咨询;
    4)问自己或他人的八字、六爻、星盘、手相、面相、五行缺失,包括通过占卜方法问婚姻、前程、运势,东西宠物丢了能不能找回、取名改名等;


7. 文章标题党,主要表现为:
    1)以各种夸张、猎奇、不合常理的表现手法等行为来诱导用户;
    2)内容与标题之间存在严重不实或者原意扭曲;
    3)使用夸张标题,内容与标题严重不符的。


8.「饭圈」乱象行为,主要表现为:
    1)诱导未成年人应援集资、高额消费、投票打榜
    2)粉丝互撕谩骂、拉踩引战、造谣攻击、人肉搜索、侵犯隐私
    3)鼓动「饭圈」粉丝攀比炫富、奢靡享乐等行为
    4)以号召粉丝、雇用网络水军、「养号」形式刷量控评等行为
    5)通过「蹭热点」、制造话题等形式干扰舆论,影响传播秩序


9. 其他危害行为或内容,主要表现为:
    1)可能引发未成年人模仿不安全行为和违反社会公德行为、诱导未成年人不良嗜好影响未成年人身心健康的;
    2)不当评述自然灾害、重大事故等灾难的;
    3)美化、粉饰侵略战争行为的;
    4)法律、行政法规禁止,或可能对网络生态造成不良影响的其他内容。


二、违规处罚
本网站通过主动发现和接受用户举报两种方式收集违规行为信息。所有有意的降低内容质量、伤害平台氛围及欺凌未成年人或危害未成年人身心健康的行为都是不能容忍的。
当一个用户发布违规内容时,本网站将依据相关用户违规情节严重程度,对帐号进行禁言 1 天、7 天、15 天直至永久禁言或封停账号的处罚。当涉及欺凌未成年人、危害未成年人身心健康、通过作弊手段注册、使用帐号,或者滥用多个帐号发布违规内容时,本网站将加重处罚。


三、申诉
随着平台管理经验的不断丰富,本网站出于维护本网站氛围和秩序的目的,将不断完善本公约。
如果本网站用户对本网站基于本公约规定做出的处理有异议,可以通过「建议反馈」功能向本网站进行反馈。
(规则的最终解释权归属本网站所有)

我知道了
恭喜你~答对了
+5羽毛
下一次认真读哦
成功推荐给其他人
+ 10羽毛
评论成功且进入审核!审核通过后,您将获得10羽毛的奖励。分享本文章给好友阅读最高再得15羽毛~
(羽毛可至 "羽毛精选" 兑换礼品)
好友微信扫一扫
复制链接