恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
交互设计脉络概要
0.0°
2018-05-10 原创文章 教程 举报 4272 180 309 19

专注做交互设计十三年了,我希望在海哥交互行里面和大家分享专业的交互知识。我会分四大模块,73篇视频,和大家一起成长,欢迎大家与海哥同行,我们一起变牛。



一:大牛简介


大家好!我是海哥。欢迎阅读学习《海哥交互行》精品课程。

专注做交互设计十三年了,我希望在海哥交互行里面和大家分享专业的交互知识。我会分四大模块,73篇视频,和大家一起成长,欢迎大家与海哥同行,我们一起变牛。


Image title
Image title


首先和大家聊聊我的经历,我个人经历交互设计从业13年,大家可以看到,其实原初是做网页设计,接着会做开发,然后再走上整局的UED体验设计,现在自己创业有一个够牛文化的一个设计公司,主要也是做交互设计这方面服务。我是非本非科班的一个毕业,所以呢,很多东西都是通过自己摸索和自学学来的,当然我也有很多经验和一些感悟吧,或许我们可以分享一下。当然,现在我们这个课程主要是讲小白到行家的概念,至于行家到专家的话又是更深的一个层次了。


Image title
Image title


一般做交互设计师有的是刚毕业的时候就会去做。也有的是本身是做视觉设计的,然后在未来的职业规划可能对交互设计感兴趣,所以呢,有时候对产品说,我想转交互行不行,那其实整体还是要看公司对你的角色的一个定位和是否给予的机会了。当然啦,很多机会是靠你自己去争取的,这个无论是在公司本身或者另外的公司,就自己去考量自己人生一个选择。

Image title


二:什么是交互


到底交互设计的一个定义是什么呢,因为了解一个新行业我们首先需要知道的就是他的定义,这样才是一个准确的、一个入门要快速了解的东西,然后我是截取了一个《交互设计沉思录》Jon Kolko的一句话,对交互设计的定义,觉得还是蛮准确的,“人与产品、服务或系统之间创建一系列对话”。对交互本身而言,其实是一系列的对话和沟通,特别是人机之间的一个交流和互动,所以为什么叫相交和相互就是他们之间的一个对话交流。

Image title


三:交互做什么


我们需要输出一些什么东西呢,我们需要做很多事情,首先需要做需求分析,用研报告,竞品分析、流程图、交互原型图,演示文稿,交互规范,可用性测试报告。然后相应用什么软件呢,不过最重点还是交互原型。其实用户研究和竞品报告,很多中型到中小型公司基本是很少去专门做它的,因为相应的时间和成本人力,都需要有一定的经济基础的。所以一般像腾讯阿里,它们会有专门的用研部门,一般像其他公司这种就会比较少,或者如果需要的话一般也是会找专业的调研公司去做。当然了,需求分析是整个产品的根源。如果是一个大体项目的话其实这个可用性测试和需求分析还是需要的,因为它是做整体下一个版本迭代的一个必须的物品.

Image title


四:掌握哪些工具


出这些东西需要用到什么软件呢,当然在这里我只列举了一些做交互的一些工具。其他的东西是没有的,那么我们可以看到,其实我最喜欢的是什么呢,就是白纸和便签,还有电脑端的axure,其他的话很少。大家可以看到一个交互设计师,其实会axure,ps,还有word,就够了。所以为什么有一些刚毕业,他不一定需要有设计经验也可以做交互设计,因为交互设计本身他不一定需要会视觉,不需要把美化的东西传达的东西做到位。而是他更注重的是用户的行为心理习惯,以及用户的使用体验,还有对项目整体流程的一个把控的一个技能。

Image title



五:如何去做

Image title



5.1需求分析


在这里,每个环节的一些特点和情景,我并没有很深的去细分,因为每个环节其实都是是很大的一个体系。可以看到前面的这个流程来说,是一个内在的一个分析,就是他是一个内在的看不见的,需要去把逻辑所理顺出来,然后呢,得到真正的原型,所以交互设计是有逻辑和判断的。比如设计师发展到一定后期,他也不会纯粹地只是通过个人的感受和经验去判断一个设计好还是不好,或者是一个按钮放左还是放右的这种判断,。这个是我给一个电商项目做的一个需求分析列表,大家可以看到顶部是什么,顶部一般是一个战略和定位,就是公司的定位,因为每个公司的定位必须存在差异化,才会有他的核心亮点和核心的线路,接着呢,是他的产品特性。

Image title


然后这里是功能特性,我们平时做项目时,不管是给客户做也好或者给自己公司做也好,更要注重是对品牌战略和品牌价值观理解。其实我以前在上班的时候,对这些东西还是不会很在意的,但只有我自己创业出来以后,认为对需求分析是很重要的,因为创业之后我需要比在上班的时候,更专业,因为不专业的话就没办法去获取到优质项目。所以呢,也会研究一下内核的东西。否则,这个就没有什么样的竞争差异和专业化的一个东西存在。



(1)重组优先级1、2、3

(2)翻译并表达出来

(3)企业愿景、使命、价值观、战略、品牌

Image title


5.2 用户调研


用户调研也是做产品的基础,和需求分析密不可分,因为我们的产品是需要用户去使用,从而我们需要更深刻的去了解分析用户。不过专业的大公司会分的比较清楚,有专门的用户调研部门,整体的市场调研,调研其实是很体系的,上面部分的是一些常用的调研方式。下面是调研后的重要的一些产出物,大家应该会经常看到,线上的和线下的一种调研问卷。还有用户访谈,用户访谈有录音或者摄像,或者会给一个真实的场景去真正的去面对面的沟通和看你的反应。用户调研其实也是很难的,因为人和人之间的沟通,他看你开放式的问题和封闭式的问题等等。还有看他的用户反馈,还有你能不能去刻意的引导用户或者是什么,而这些都是非技术层面的一些事情。



(1)问卷调查

(2)用户访谈

(3)卡片分析

(4)用户画像
(5)场景故事版


Image title

然后就是一个卡片式的一个分析了,其实我个人是很喜欢用便签的,无论是分析项目也好或者分析我自己的。日程安排呀,公司的发展呢,复盘等等我都很喜欢用标签的一个模式。

到产出这块了,展出这块就是用户画像,用户画像就是其实是更了解用户的一些特征和特点,还有你的主核心人群,一般是三个左右,他们都会有比较鲜明的人物代表,比方说在这种故事板里面,这个人在这里做什么做什么,但要这两个图是没有相关性的,就这个场景故事其实在做很多产品的时候,我有很多朋友和看到业内的资料也是这么说的,场景,决定你这个产品本身的的细节,就是场景会更重要,因为你用或是在这种场景挺下去完成一个事项,就是很多事项,就在这种场景中,你如何地挖掘他的一些痛点和流程上的一个差异,这也是给产品做更贴心服务的一个假设。


5.3 竞品分析


有很多方法,我这里呢,只会列出一些常见我个人经验得到的一些步骤了,其实重点来说,相对以客观的形式,要做到竞品分析做得很细的话其实是要很花很长时间去了解的,并不是网上搜一下看一下他的表现层,因为有很多时候特别是运营和推广的策略,还有,其它产品之间的一个商务合作或者是其他一些渠道等等。这些都是他的一些很隐性的东西,并不是你纯粹看一下产品本身就可以察觉到的。当然,我们常规满足一定的情况就可以了。在我经常听一些商业咨询内容的时候,有很多时候,别人一些公司的,比方说亚马逊,他是以自身的客户利益,就是以客户对象为目标的,我想说的就是并非是以竞争对手来对比个你的个人发展的。但这个也看这个度的衡量,其实竞品分析是一种方法,但是他不是公司的一个核心的战略的一个方向的一个定位。



(1)市场趋势、业界现状(行业分析报告)

(2)竞争对手的产品定位、产品优势、盈利模式分析等

(3)目标用户

(4)市场数据:艾瑞咨询、企鹅咨询等

(5)产品分析:核心功能、产品设计、视觉表现、运营及推广策略、产品优缺点

(6)总结&行动点


Image title


5.4 流程图


简单的流程图,可以像这种简单法。如果复杂的系统,比方ERP,等等。流程图是可以分模块分段的,会比较复杂,这也是大团队沟通的一个交流工具,如果是一个小团队有几十个人,这个就不需要太复杂的流程图,但是如果是跨部门的话他就必须要有,可以减轻他们之间沟通成本,提高工作效率。


Image title


5.5 交互原型设计


交互原型设计就是把之前所有的逻辑理论变成一个可以表达出来的东西,就是一个原型的交互,包括他的界面布局分布,交互流程等。交互设计的方法和理论的话还有很多,我们后续会有一个而系统性的一个视频来介绍。

快速入门的话有两个方法,第一个在模仿的同时小小的创新,用户的习惯和规范,大家都习惯了,你只要需要做小小的创新,我说的是0.5步创新后你就你对你这个产品交互就会有一个新的感受和感觉了。然后第二种方法是什么呢,学习套路,其实交互的套路,也是有的,比方说,群组为什么在这里,为什么两个按钮会在这里,为什么底标签,最多也就是五个,不能六个不能七个等等,这也是交互设计的原则问题。交互原型可以减小同事之间沟通从而增加了工作效率。所以呢,在初步阶段的时候我喜欢用纸,但是最终,作为沟通和交流的时候我还是会输出交互原型。



Image title


交互原型设计的模仿与创新

交互原型设计中的套路原则

交互原型设计提高工作效率


5.6 演示测试   


通过借助软件Axure交互软件输出预览交互原型,   从而用现在的这个模型来感知未来该产品的用户体验、流程操作等。从各个部门的使用反馈,及时发现问题并修改,从而提高工作效率。




Image title


5.7 交互规范


刚开始我做的时候也是不是那么容易上手的,感觉它是不是和视觉规范差不多呢,其实,是不多,但他更多的是约束你的位置关系,流程操作的模式来给你约束。比方说我的弹窗,这个关闭按钮是在里面的,并不是在外面的,这个就是一种约束,而有内容区的话,按钮区,亮色和暗色这个区别等,就是必须有色彩上的区别,无论你是用什么色彩也好,但是还是需要有色彩的区别,而这种区别,就是是一种交互设计规则。


Image title


5.8 可用性测试


可用性测试就是通过在一定场景中去让用户使用,在用户的使用过程中,我们根据用户的真实场景的使用反馈,从而去改进我们的产品。因为我们做交互重点就是合理性以及真实性,通过这种可用性测试,来更真实的得到用户的反馈,从而提高产品在未来使用场景中的使用体验。


Image title


六:如何提升自己


6.1 网上资源


在工作中我们如何提升自己的交互知识呢,这里我主要还是给大家推荐一些网站,我们平时可以多浏览国内BAT他们平台的交互体验类网站。因为在国内只有这些大平台才回有人力、物力去把用户体验做的最好,当然国内也有一下比较小的平台用户体验,交互做的也还不错。我们也需要去浏览国外的交互类网站,这样可以提高我们的视野,但还有国外的国外的资讯和理论性会更强一点。但是交互设计是一门综合性专业,需要不同学科理论作为基础。


Image title


6.2 多阅读


在平时业余我们是需要通过阅读来提升自己专业能力的,不仅仅在其他方面,我们需要阅读。在交互设计这一块更需要强大的理论作为基础来支撑我们的专业。我们需要研究人机工程学、心理学、认知科学、信息学等等,交互设计这门综合类专业是需要一定的阅读量来提高我们自己。在这里我有几本我觉得好不错的书籍,推荐给大家。


Image title


6.3 如何学习提升


我们可以在平时每天坚持去尝试使用一个新的app,这样可以让我们更快的去学习别人的交互模式,在弥补自己交互不足。看行内的一个做法,所谓用户习惯,就是你要看一下,现在潮流是什么,大概习惯用什么,这个潮流方向和交互习惯还是要学习的,然后你再考量你的产品本身的特性和交互方式是否满足。


多关注不同行业和学科,交互需要了解人机工程学、心理学、认知科学、信息学、工程学、计算机科学、软件工程学、社会学、人类学、语言学、 美学等方方面面。


在我们平时工作中我们需要多去做用户研究,去思考用户,还需要我们如何的去掌握商业思维。


Image title


七 :牛X的交互设计标准


那么对于一个好不好的交互设计的一个标准,我们可以看到,其实从能用,然后好用,接着到情感,然后觉得在业内也是还不错的,到最后的一个社会文化,打个比方你的产品是影响一种大规模的而且产生一种历史性的一个东西,这种就是就是社会文化方面的一个影响力了。所以,以前我只认为在商业上你做的优秀就会达到一种很高的级别了。但是从我不停地阅读的情况下我会了解到,设计不仅仅只是满足商业需求,也是需要得到社会文化的支撑的,所以我们需要把自己的思维和界限去提高了。


Image title


八 :交互职场的下一步


职场方面的话大家可以看到其实是有两个方向的,特别是我会建议一些交互设计师,如果他们感觉是他们对产品经理中的角色来说感兴趣,那么转型的话,是很容易的。因为他是很靠近产品经理这个角色和位置。当然还可以往后走的,就是做设计总监的角色。当然还有另外的,比方说可以自己出来创业,来掌控很多东西,从不同方面来提升自己。


Image title


                                                         小结

通过本章节交互设计脉络概要,通过《交互设计沉思录》jon Kolko的经典引用,向大家简单的阐述什么是交互设计。交互设计做什么,而在交互设计中我们需要掌握哪些工具,然后我们该如何在项目或者工作中如何的去做,最后让大家明白如何的去提升自己。


欢迎大家和我一起交流,日后我们会有一个四大模块和一个整体的一个视频教育。我希望通过四大模式更快地传达一些知识和技能,简单来说我还是希望和大家,就是,交互路上,伴你同行,这个也是我为什么也叫海哥交互型的一个缘由吧,因为学习路上确实需要找到一些志同道合和一个交流的一个圈子,我很希望大家可以相互交流,感谢大家的收听。一起进步,再见。    














更新:2018-05-10

收藏

180人已收藏

Hi海哥

15年人机交互经验,前华为部门设计负责人,5年创业经验

  • 37

    作品

  • 2207

    粉丝

  • 0

    关注

  • 别让我思考,让产品更易用,记住这“321法宝”
  • 2019年汽车HMI仪表交互汇集(PDF下载)
  • 5G路上,你了解HMI了吗?
  • Adobe PS里的10个交互设计原则

    猜你喜欢

      2018-05-10 原创文章 教程 举报 4272 180 309 19

      交互设计脉络概要

      0.0°

      你确定要举报交互设计脉络概要

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年05月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      309
      180
      19

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录