交互设计怎么入门呢?

经常会有童鞋来问我:“交互设计如何入门?工业设计转行做交互设计的门槛高吗?用户体验和交互设计的区别是什么?”工业设计转行做交互的门槛并不高,就像工业设计需要考虑用户和实体产品之间的互动一样,交互设计更多的是考虑用户与界面之间的交互,只是换一个载体,其理论体系挺相似的。设计技能并不能弥补设计思维上的欠缺,技能只是一种表达方式,而Design Thinking才是最为核心的价值。基本概念浏览招聘网站上的讯息,就会发现UED,UX,UI等不同...

经常会有童鞋来问我:“交互设计如何入门?工业设计转行做交互设计的门槛高吗?用户体验和交互设计的区别是什么?”


工业设计转行做交互的门槛并不高,就像工业设计需要考虑用户和实体产品之间的互动一样,交互设计更多的是考虑用户与界面之间的交互,只是换一个载体,其理论体系挺相似的。设计技能并不能弥补设计思维上的欠缺,技能只是一种表达方式,而Design Thinking才是最为核心的价值。

基本概念

浏览招聘网站上的讯息,就会发现UED,UX,UI等不同头衔。那么他们之间怎么区分?

交互设计怎么入门呢?

侧重点不同

1、UED(User Experience Design)用户体验设计,有些公司也称为UX,更关注用户的心理预期。是基于用户画像、和细分用户使用场景,去了解用户在使用过程中存在的体验不足,关心的是整个服务系统中人的交互行为。

设计要具有全局观,关心用户在服务各个环节中的不同需求,需要掌握行为学和用户心理学。可以说UED是个全流程设计,设计师需要掌握一些用户调研能力、一些交互模型搭建能力、一些界面设计能力。

学生口中的交互设计更多的是指IxD(Interaction Design),主要定义交互系统的结构和行为,交互设计师只关注设备和用户的交互行为,需要具备逻辑思考能力和行为学背景。

UI(User Interface)交互界面设计,是用来表达功能和反馈用户行为的重要媒介,思考更多的是设计美学,考验设计者对设计工具与视觉法则的掌握程度。

交互设计怎么入门呢?

新零售的无人货架(来源网络)

以无人货架为例。UED要考虑的是用户在使用无人货架购物的全流程的用户体验,包括了扫描二维码,进入应用程序、浏览商品列表、在线付款、线下获得商品、获得红包等。IxD要考虑的是用户在使用应用程序的过程中的交互问题,包含浏览商品列表,线上付款和获得红包等流程。而UI只需要关注应用程序中各个界面的设计,例如商品列表页、收款界面、支付成功页面、红包页面等的具体视觉设计。

当然,在实际设计中并没有这么明确的界限。理解不同,才能明确选择。

交互设计流程

所有的设计流程都可以参考IDEO的design thinking process,如下图

交互设计怎么入门呢?

IDEO‘s Design Thinking Process

交互设计流程:

1、DISCOVERY:理解所要解决的问题。设计被用户所认可就是解决用户在使用和体验上的痛点,满足他们的需求并给予惊喜。第一步Dicovery对于任何产品都是适用的,无论是初创产品还是成熟产品的迭代。

挖掘用户需求的方法有很多,比较学术全面的介绍就是Design Research Methodology,比较常用的调研方法有问卷调查Questionaire、桌面调研desk research、访谈Interview、观察Observation、体验Be a user等。其中问卷和桌面调研为定量分析,通过大量的数据分析找准市场定位以及技术支持;访谈和观察为定性分析,帮助你更加准确地抓住人群特征和现有设计的不足。前期调研的不充分,很可能直接导致后面用户行为、用户需求的错误分析,在设计阶段就无法真正缔造有价值的设计,说服不了自己,更说服不了甲方。

2、INTERPRETATION:定义用户需求。针对上一阶段调研所得,设计师要提炼理解并融合用户的需求,获得用户画像Persona。Persona指的并不是某一个具体的人,而是Lead User,是一类生活习惯相似,消费水平想近,最为重要的是核心需求一致。定义流程如下图所示。

交互设计怎么入门呢?

Lead User 定义流程(来源网络)

3、IDEATION:提供解决方案。经过头脑风暴尽可能多的收集想法,经过筛选找到可行方案,进行线框图/流程图的绘制,最后到原型图的绘制,所有的创新方法在这个阶段都适用。很多时候,这部分是团队协作的结果,单打独斗的设计容易片面而造成交互流程上的不完整。

交互设计怎么入门呢?

Mobile Wireframe(来源网络)

4、EXPERIMENTATION:测试。测试的方法有很多种,罗列两个经常用到的方法:a.可用性测试usability test,以线上app的测试为例,就是在手机端的虚拟机上进行跳转、响应、界面等一些列的测试。

AB test,这个方法经常用于效益不确定的情况下,在现有用户抽样,一组所见设计为方案A,另一组为B,在一段时间之后,用调研或者收集数据的方式评估,胜者最终上线为所有用户所使用,这个方法是公司最常用的方法。


5、REVOLUTION: 迭代过程。随着时间的推移,设计师对于产品的理解会逐渐加深,一开始设计的交互流程可能会无法满足后来用户的需求。这就需要交互设计师不断体验,不断迭代,不断修复漏洞。这里IDEO的Design Thinking Process依然适用。

交互设计怎么入门呢?

总结:要学会问WHY(为什么想要),理解WHAT(到底要什么),这两个问题理解清楚后,再去想HOW(如何实现)。希望每一个设计都能让解决一些用户需求,make the world better。

工具技能加持

熟练掌握工具可以帮助你快速导出设计方案,提高工作效率。

  1. Axure:鼻祖级的交互设计工具,功能大而全,可做低保真,可做高保真,可做动效,插件众多。对于移动端的设计在软件本身的操作上不是很灵活。高保真的绘制精细度也不够,目前更多的是用来做低保真原型。

交互设计怎么入门呢?

Axure界面截图(来源网络)

  1. Sketch:针对移动端而设计的软件。可做低保真、可做高保真。且高保真的效率非常高,各类阴影效果和图片裁剪功能非常齐全。插件众多,比较常用有可导出html各式标注的measure,可快速生成占位符的Content Generator,移动端的虚拟机Mirror等等。基本上可以满足交互设计师在设计中的需求。

交互设计怎么入门呢?

Sketch软件截图(来源网络)

  1. Flinto:原型设计软件。界面和sketch非常相似,在做动效方面比较出色,界面间的转场,滚动效果以及点击反馈等。并且可以直接与sketch相匹配,文件相互导入导出。

存储方式为mov以及gif,可直接发送给团队成员,对于展示交互流程非常方便,可直接上传至dribbble,与全球优秀交互交互设计师分享。 

交互设计怎么入门呢?

Flinto界面截图(来源网络)

  1. Cinema 4D:适合做比较复杂带有空间变化的动效。功能非常强大,但不适合做app页面间的动效,比较适合做专题页中的营销动画,以及动画游戏的特效。

交互设计怎么入门呢?

Cinema 4D(来源网络)

  1. 墨刀MockingBot:强大易用的原型设计与协作软件。借鉴了Axure的一些功能,优点是操作简单容易上手,可做全流程的mockup,同样可直接倒入sketch的高保真文件。

墨刀的每一个图标都被设置成模块,带有动作链接锁链,可通过直接拖拽链接界面,非常傻瓜式的操作。它可以允许设计者邀请一名或多名队员参与协作,也可直接导出到手机上的虚拟机,直观地体验交互流程。适合做低保真原型,与高保真的交互流程。

交互设计怎么入门呢?

墨刀界面截图

还有Adobe的AE和PS也可以用来做原型设计,教程网上应有尽有。还是强调软件只是帮我们快速导出设计的工具,只要熟练掌握一款全面型软件,或者几种软件相互配合覆盖工作流程即可,做到最直接地向产品经理展示交互流程设计。

推荐一些交互设计网站:

UI设计

1.http://www.uiparade.com/发现最好的UI设计图库

2.https://www.mockplus.com/blog推荐UX / UI设计资源和有趣专题

3.http://designrfix.com/logo/tips-design-perfect-logo提供最流行的网页和图形教程

4.http://www.fltdsgn.com/给出案例和相应的UI网站

5.https://www.siteinspire.com/让用户体验不同网站中的交互设计

6.https://www.chainco.cn/app帮助交互设计师进行演示的工具

动效设计

1.http://www.uisdc.com/c4d-photoshop-2017-font-poster教你用C4D+PS作出2017特效字体海报

2.https://www.youtube.com/channel/UCKQ7xHm52MlA8MSxjVj-Nwgyoutube上专注于分享flinto动效制作过程的博主

3.http://www.woshipm.com/rp/614989.html?utm_source=tuicool&utm_medium=referral墨刀教程:如何快速制作一个APP首页原型

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36023/

(0)
交互精选交互精选
上一篇 2018-03-23
下一篇 2018-03-23

相关推荐

  • UNStudio:健康城市,基于未来的设计

    📌 编辑 |Cassi.W编者按:城市公共环境作为人们共同的“家”,需要群策群力共同营造。城市公共基础设施作为“城市家居”是人们日常生活舒适感、安全感的主要保证。第二届“衲田杯”可持续设计国际竞赛正在火热报名中,你的脑洞是否还够用?“新技术引领下的智慧城市家居”有很多可能性,需要大家去探索、去研究、去发现。本期我们将走近UNStudio事务所的智慧城市实践,为你的方案增添一点灵感!- UNStudio -Ben van Berkel本·...

    2018-03-17
  • 雪糕游戏(南京上海)聘:运营/商务/主策/主美/原画/程序等

    (点击上方“GameLook”↑↑↑↑↑↑,订阅微信)公司简介:南京雪糕网络科技有限公司(简称雪糕游戏)是一家集研发、运营、发行为一体的新锐游戏公司。自2015年成立至今,自主研发了《全民神仙》、《行侠仗义五千年》、《童话大乱斗》、《西游记口袋版》等产品;IOS联运了涵盖三国、武侠、魔幻、神话等题材产品,游戏多次在App Store上榜,凭借精准的IOS流量整合能力、优秀的产品运营能力,雪糕游戏IOS联运产品月收入稳定在千万级水平,也为...

    2018-04-08
  • 联想实习 | 手机事业部招聘交互设计实习生

    公司简介联想是一家营业额达460亿美元的《财富》世界500强公司,在全球消费、商用以及企业级创新科技领域居领先地位,为用户提供安全及高质量的产品组合和服务,当中包括个人电脑﹙经典的Think 品牌和多模式YOGA品牌﹚、工作站、服务器、存储、智能电视,以及一系列移动互联产品如智能手机﹙包括联想和摩托罗拉品牌﹚、平板电脑和应用软件等。招聘岗位手机事业部-交互设计实习生岗位描述1. 参与联想ZUI手机操作系统的交互设计;2. 参与产品的规划...

    2018-04-21
  • 为什么重视用户体验的公司最后死掉了?

    今日头条候选:易到完成股权变更,乐视仍未完全退出;“ofo小黄车”被诉商标侵权;今天,给大家推荐的头条是「黑马高管营」导师刘爽从管理决策角度分享如何做决策、决策的依据以及避免陷入的误区,值得每一位管理者仔细阅读。【黑马高调头条】第185期文 | 创业黑马学院什么是管理决策论?管理决策论就是在管理中做各种决策的相应依据。很多创业公司的折腾闹剧现象,就是管理层管理决策弱的结果,如果具备基本的make sense,有些“学费”不是一定要交的,...

    2018-01-30
  • 浅谈交互设计的七大定律

    新年第一篇和小伙伴们聊聊交互设计七大定律在设计中的应用。说起法则、定律、原理一类的名词,大多时候我们会觉得有点故作高深,似乎离我们真实的工作很遥远,又或者似乎太过浅显熟悉不值得讨论。窃以为,如果不想每次聊起产品设计的时候,都是你看人家的用户体验做的多好,你看这交互做的多好,你看这动效做的多好……或许,我们可以更有趣除非有更好的选择,否则就遵从标准—Alan Cooper费茨定律(Fitts’ Law)由保罗·费茨(PaulM. Fitt...

    2018-02-06
  • 国内大公司的交互设计实习面试经验总结

    沈天宇 :看着拉钩、脉脉上关于互联网岗位的信息,找一个交互设计的岗位几乎要面对100个人的竞争。想想我面前站着100个人,我要赤手空拳的打败他们,这画面简直不敢想。所以一开始我完全不知道我到底能找到一个什么样的工作,大概有一种「大爷赏口饭吃」的姿态去找实习。毕竟,我们实验室也好几年没出过阿里的人了,我也感觉我没那么优秀。面对如此严峻的就业形势,恩,首先还是开始找实习吧。这是一个最坏的时代,(一点也不好。),而且也许以后会更坏。对于找工作...

    2018-02-01
  • Axure实践第二讲

    Axure实践第二讲---如何有效的在工作中引入原型·页面枝干·添枝加叶·画龙点睛在近期的产品需求开发过程中,我们产品小组正式且大量的将原型开发工作投入常规的需求分析工作中,原型的开发对于我们在产品初期的调研、构建都提供了很好的指导。接下来就让本文带你领略:产品与原型的一节课。一、功能结构图(页面枝干)1.切入点是功能结构图(自顶向下)从大的方向上去划分几个大的模块类型,适用于业务功能较为单一且业务逻辑处理流程较为简单,如在做市商系统构...

    2018-03-16
  • Axure RP 8.0软件安装教程及下载地址

    破解文件下载地址在文末,请查看!1.双击AxureRP-Setup.exe安装文件。2.点击Next。3.勾选I Agree,然后点击Next。4.一般是默认安装路径。5.点击Next。6.点击Next。7.等待安装。8.取消勾选!取消勾选!Run Axure RP 8使其处于未选中状态,然后点击Finish。9.在桌面找到Axure RP 8,鼠标右击选择打开。10.点击确定。11.勾选Don’t  show this at star...

    2018-03-27
  • 【UI交互设计】首月结课作业展示

    花瓣美素是全国最大的版权素材平台,本文章内学生作品图片,未经允许,严禁抄袭和转载。花瓣网丨花瓣美素教学中心,承担天津市大学软件学院数字媒体专业UI交互设计方向120人的教实训任务,在刚刚过去的第一个月里,通过同学们和教师团队的不断努力,专业核心课程《图形图像基础》和《用户体验设计》等两门课程教学任务圆满完成。《图形图像基础》是UI交互设计专业的专业必修课。通过企业教师的认真指导和对该课程的学习,同学们对UI交互有了进一步的了解,在企业教...

    2018-04-17
  • 读书会第一期:《简约至上-交互设计四策略》

    你有多久没有静下心来好好读一本专业书了?谁都知道读书重要,然而“工作忙没有时间”、“不知道该看什么“常常成了借口,读书还是一再被耽搁。本周起,集创堂推出“设计经典书籍阅读”系列,每周解析一本设计类好书,深入浅出,提炼精华。也许,看完简介之后,你就有了读原著的欲望,那么我们做这件事的目的就达到了。《简约至上-交互设计四策略》这本书是我罗列的推荐书单里专门描写信息架构的书籍,书籍作者Giles Colborne是物理学出身,参与过航空航天项...

    2018-04-07