【干货】阿里腾讯的交互设计方法论

又是一个周六,耳机里放着我母上大人跳广场舞的歌儿,学着国内互联网顶尖公司的交互设计知识,真是好TM鲜明的反差......当着母上对这些歌儿表示不屑,听的时候也不会下载到手机里,以防自己在同龄人中露馅,在外我都是听Rihanna的,不能把我的low b形象的一面败露了。讲真,听着这些网络歌曲心情果真很舒畅,心情立马单纯起来,学习起来都可带劲了。

我一般都是以【主题学习】,以一个核心问题展开。这是因为深受一片主题学习的文章影响,感觉这才是适合我的学习方式,解决问题式的阅读与学习,不会无聊,和打怪升级一样。学习完之后,制作脑图或者写笔记,给自己留下一个知识体系,这感觉就像给自己留了一点知识小金库。

不废话了,我这一天带劲的学习了啥呢?

主题学习:如果我是交互设计师,我怎么工作?

这显然就知道了我不是交互设计师,我是个刚进PM的一年小女子。大部分人可能也不是交互设计师,毕竟这个职位只有几个大公司会单独设立,那看这篇文章就会有收获了。在同步学习到的干货之前,有必要扯一些我学习之前的动机和想法。

动机:动机很重要,这会决定你会不会做某件事,如果没动机,也就没有接下来的一切。我自己是对于这种我不大懂的领域,我就很有好奇心去探索,看看怎么玩的。那也不是什么都会去了解,一般我对工作相关的才感兴趣。这话听起来是不是特假.....可是这是真的,原因么,无非是想尽快的提升自己的工作能力。

好处:平时PM不知道怎么的就把交互做了,不知其所以然。但是针对学了交互的话,可以提升这块的能力,拉开与其他PM 的差距,超越别人一直是我不好启齿的动力,哈哈。不过,说回来,交互设计能力是提高产品的用户体验,很有价值。

那么以下几个维度展开:

一、什么是交互

二、交互的目标和价值

三、一些指导思维和原则

四、怎样去做-流程

五、阿里腾讯的工作流程样例

六、实践 做一个适合我们公司的设计流程


一、什么是交互

将已定好的“功能”设计成页面实现出来,一切产品里与人互动的东西都算在交互范围内。这个是不是听不懂?大白话就是,PM把功能确定了,比如PM确定了有一个结算付款的功能,那么交互来确定结算按钮放在哪里,点击后怎么反馈到用户知道点击了等等。

二、交互的目标和价值

目的是得到更好的用户体验。大白话是让用户用着爽。

三、一些指导思维和原则

采用用户熟悉的方式:降低操作门槛,除非有更好的选择,否则就遵从标准。

基于用户的心里模型,而不是基于实现模型

界面设计保持一致

减少用户输入:给出输入参考

全局导航需要一直存在

四、怎样去做-流程

1、需求分析:分析需求,理解要去做哪些功能,为什么要做这些功能。一定要明白为了解决什么问题,这样才会避免做出来后发现并不是当初想要的。

2、确定人物角色:即产品的典型用户,有主要人物模型和次要人物模型。这一步是为了考虑问题一定要以目标用户角度出发,常人犯的错误就是以自己出发。比如说做的是一款老年手机,那么做任何交互肯定以老人为主,比如默认字体很大,这些都不能以自己感受出发。

3、竞品分析:分析市场上几个竞品。主要是为了取其精华去其糟粕。

4、写问题场景:罗列人物角色在使用产品时可能遇到的问题,可以整理成一个故事便于别人理解。

5、写动作脚本:像写故事一样,写人物角色在使用你设计好的产品时,发生的细节。这个概念模型是通过解决问题脚本里的问题而得出的。

6、画线框图:这个线框图是通过把动作脚本里的概念模型转化成视觉模型得到的,粗粒度的线框模型。

7、制作原型:在线框图里填上血肉,补充好细粒度的细节。做出来好像可以用的东西。一般用Axure就可以。

8、专家评测:至少两名设计师或对交互设计比较了解的人通过反复测试原型。找到问题后修改线框图并更新原型。

9、用户评测:让用户使用原型,可以给他们一些任务去完成。根据用户在使用过程中的问题和建议进行进一步修改。

10、跟进开发实现:开发后看效果是否和设计保持一致。

11、上线后实际使用情况分析

12、总结与思考


五、阿里腾讯的工作流程样例

从牛逼公司的流程中可以洞察出来很多做事的关键点,有木有。因为流程的存在就是之前的一帮英雄,把做这项工作的要点提炼出来,指导以后的新人快速上手,能达到80分水平的。所以,洞察工作流程,是一个快速学习新领域的手段。图中有很多价值点,太多了我就不解释了自己看吧,值得收藏哦~

淘宝UED部门工作流程

【干货】阿里腾讯的交互设计方法论_第1张图片

阿里旺旺UED工作流程


【干货】阿里腾讯的交互设计方法论_第2张图片

腾讯CDC用户体验设计部


【干货】阿里腾讯的交互设计方法论_第3张图片

微软研究院设计工作流程

【干货】阿里腾讯的交互设计方法论_第4张图片

六、实践 做一个适合我们公司的设计流程

不实践就有耍流氓的意思。学了不能白学,套用在自己公司情况上。根据自己公司的产品情况,人力情况,进行量体裁衣。我们是一个做智能硬件的创业公司,没有交互设计师,这个东西自然就是PM来做。所以我就把“PM+交互”弄了一个工作流程。


【干货】阿里腾讯的交互设计方法论_第5张图片
【干货】阿里腾讯的交互设计方法论_第6张图片

就要结尾了,第一次发表这种分享,也不知道有没有人会看,又没人会打赏...之前只是写给自己,现在写出来给任何想看的人,就有了不一样的感觉,有种想交流的欲望,哈哈哈。

回顾这一天,我学习到了交互的初步知识体系+几首循环播放的广场舞歌曲。真是精神分裂且有意义的一天。PS,我是长相温柔骗人,实际是个接地气女屌丝的小囡囝。

你可能感兴趣的:(【干货】阿里腾讯的交互设计方法论)