【笔记】设计驱动重塑设计团队(by 杨凯,腾讯资深交互设计师)

一大波用户体验大拿的公开课视频

产品、设计、研究、大数据,满满都是干货。

uxren-offline-cd-2016-forum-biji-02

 

分享嘉宾:

  • 杨凯(腾讯资深交互设计师)

 

活动笔记(by 小朱、夜旭)

在很多公司里面,一个产品的好坏更多的是取决于产品经理、商务或者开发,而不是设计。因为很多设计师都有一种“等需求”的想法,等待产品经理的需求列表,按部就班的做事情,这样会让设计团队越来越不重要。所以作为设计师应该主动转变思路,从等待需求做设计转变为在没有需求的情况下用设计去驱动产品。

 

具体流程可以概括为:在现有版本通过数据挖掘和用户反馈,把握产品的需求点和新版本的着力点;通过高保真Demo和可用性测试让产品落地;最后收集新的用户反馈和数据进行下一版本的迭代。

 

一颗树要想长成参天大树,首先要有发达的根系,然后要有强壮的树干,最后要有茂密的树叶,只有这样才能让每个环节都吸收充足的养分,良好地生长。其实产品也一样,我们以此类比,梳理出设计驱动产品的设计脉络:

  1. 追根溯源
  2. 根生固本
  3. 枝繁叶茂
  4. 细枝末节

 

 

具体案例:电脑管家11.0版本改版
一、 追根溯源(在产品设计之初通过数据挖掘和用户反馈把握产品需求点,找到新版设计的突破点)。

以电脑管家为例,在10.0版本创造性的推出了大小界面,我们希望小界面服务小白用户,做到快捷方便。而大界面服务于对电脑有一定研究的资深用户,所以将复杂操作和功能放在了大界面。

 

通过对比8.0和1.0版本的数据我们发现:10.0版本的tab指数,页面切换的点击率上去了,但是按钮的点击率下去了,这说明用户会在大小界面来回切换但是他并不会去点击这个功能。

 

同时很多用户反馈,8.0升级到10.0,大小界面不统一,功能感知弱,活跃度低下。

 

针对这些数据和用户反馈我们列出了管家11.0的改版需求:

  1. 完善大小界面
  2. 功能模块的整体包装设计
  3. 提高用户活跃度

 

uxren-offline-cd-2016-forum-biji2-01

 

二、根生固本(依照第一步的得到的改版方向去做整体的交互框架)

2.1 大小界面不统一

10.0的版本tab是放在上面的,大小界面相差很多,用户反馈很不适应。于是我们在11.0的版本把tab进行重新规划,将tab区域整体移到放到下方,让上方区域全部去做整体的状态感知。

 

2.2 功能模块的整体包装设计

在10.0的版本中,我们在界面只放了一个按钮,就是一键操作。而将其他的附加功能隐藏起来,用户必须通过一级二级甚至是三级的路径才能寻找。这造成了很多用户找不到功能。所以在11.0版本中,我们将附加功能在主界面做一个曝光,让用户可以在主界面直接找到功能的入口。

 

同时我们让很多功能的展现数据化、可视化,让用户知道软件每一步在做什么。而不是像以前只是通过文字去展示状态。这极大的提高了用户对产品功能和自身电脑状态的感知。

 

2.3 提高用户活跃度

通过数据我们发现很多人打开电脑管家其实不是一个单一的行为,例如在查杀病毒之后,还会继续清理磁盘垃圾。所以我们在11.0的版本的结果页做了很多其他功能的入口。还是以查杀病毒为例,在结果页并不是单纯只显示一个结果,告诉你发现了多少病毒杀灭了多少病毒,我们还做了很多功能的拉动。去引导用户继续使用其他功能。

 

 

三、枝繁叶茂

这一步是确定视觉的过程,我们会定出产品主色调,相应模块的热区范围。图标的定义,如图标大小、线的宽度等。然后根据这些定义做出所有的页面并完成最后的标注。

最终形成了电脑管家11.0.

 

四、细致末节

在第三步我们实际已经打造出了一个完整的产品。那为什么会有第四步?因为在一个大型的项目中一般会有一个主设计师去定义好一个框架并做完一个模块,剩下的模块会交给其他设计师做。但是我们会发现这些设计师只会单纯的依照主设的框架去设计,他们往往会忽略用户场景。

 

 

一个成熟的产品,每个功能使用的场景是不相同的,不同场景也造成了每个功能的配合点不同。

 

以电脑管家的加速功能为例:

在设计之初我们定义的主流程是:打开管家,选择加速,开始扫描,完成加速。

 

但真实的情况下用户不会这样去做,他们希望在电脑卡慢时能马上加速,并不会去找打开管家去寻找加速的button。

 

因此我们最后选择了大界面+小火箭浮窗的形式,玩家需要加速的时候点一下小火箭就可以快速的完成加速。

 

之后我们会输出高保真的Demo。

 

因为在一个大的项目或者大版本迭代中视觉稿并不能很好的发现问题,所以我们需要Demo来验证设计,模拟真实情况下的用户手感。同时Demo也能更直观的向负责人或者开发阐明设计思路,设计需求,从而降低沟通成本缩短开发周期,保证产品的顺利落地。

 

最后我们会进行可用性测试和专家访谈。从中收集数据和用户反馈,并对这些数据和反馈进行整理,列出下个版本的优化点。这其实就是回到了整个设计脉络的第一步,完成了一个闭环。

 

 

总结:

通过可用性测试和反馈找到新版本的需求点,高保真Demo+可用性测试让产品落地,然后通过数据挖掘和反馈再进行后续版本的优化。

所以一个好的成熟的设计团队是能通过设计驱动产品,让它像一个轮子一样不断的前进,迭代。

 

 

 

 

问答环节:

问题1:大型公司在产品功能需求梳理时,各个部门往往会从自身利益考虑去提出一些破坏用户体验的需求,那么作为设计人员应该如何去拒绝一些不靠谱的需求从而保证用户体验?

回答:公司的每个部门对设计的要求是不一样的,同时每个部门权限也不相同,所以对于这个问题还是要具体问题具体分析。 简单来说,在对于用户量大的明星产品时,我们往往会为了保证用户体验去拒绝一些不合理的需求,即使那些需求是实用性功能性的,如让英雄联盟绑定电脑管家来提高游戏的运行速度。

而在类似于腾讯云这种针对大型B端企业的产品,我们往往会遵循甲方的需求,听取他们的意见,从他们需要的功能入手。

 

 

问题2:作为设计如何满足不同用户的的审美差异?

回答:人与人审美都不同,很多用户都会对我们的产品提出他们自己的建议,但是一款产品不可能去满足所有人的审美。所以针对C端的产品我们开放了自定义皮肤、自定义头像等功能,通过自定义来满足不同用户的不同需求。

而对于B端我们不太会去这么做,一来是因为企业的需求相对于个人来说没有那么多样,他们往往还是从功能入手。同时在B端加入自定义的功能对于公司来说成本也是很大。

 

 

问题3:有人认为绿色更能传达绿色的意义,为什么电脑管家会选择蓝色?

回答:产品的主色调不只是设计师去定,产品经理、商务等也会参与讨论。我们会考虑到公司的品牌策略,会去细分自己的市场,会去定义自己的用户群体,我们需要去选择一个差异性的颜色去树立一个电脑管家的形象,尽管传统绿色更能代表健康的含义但是我们还是会去从品牌策略市场差异化的角度出发去定义个新的主色调。

 

 

问题4:在收集用户反馈时,是更看重专家访谈的建议,还是用户的建议?

回答:显然是用户的建议重要。因为专家不是自己产品的用户,也许她在某些领域能提出专业的建议,比如说产品的主色调,产品的业务逻辑等,但他并不知道用户的想法,他并不使用产品,用户才是产品真正的使用者。他们的反馈往往体现了真正的需求点。

 

 

问题5:现今的主要网站比如淘宝和京东,在主体设计上都大同小异,那么设计师应该在站在一个什么角度去把设计做到更有意思,更创新一点?

回答:设计师在产品的主框架里权限是很有限的,不同职位出于自身专业的考虑都会给设计改版带来阻力,这种情况下设计师是很难推动产品的改版。大的改版无法推动那么我们应该更多的关注在细节的点。以腾讯云的后台为例,我们会做一些富有动感的微交互,去丰富一些细节,去做小,通过很多小的提升,量变带来质变,从而整体提升产品的品质,最终让设计发光。

 

 

uxren-offline-cd-2016-forum-biji-01

 

 

 

UXRen活动背景:

主题:用户体验驱动产品创新——UXRen用户体验与产品创新论坛2016(成都)
时间:2016-7-16(周六),下午14:00—18:00
地点:成都市,武侯区,丽都路4-20,艺创咖啡馆(武侯高新档案、图书、文化、综合馆10楼)
主办:UXRen成都分舵& 时光言新社
指导单位:中国用户体验联盟
活动链接:http://uxren.cn/?p=40148

uxren-offline-cd-2016-forum-biji1-01

 

 

 

 

UXRen更多公开课笔记(15个城市):

 

 

 

UXRen社区介绍:

  • UXRen-logo-black_02
  • UXRen社区,国内最接地气的用户体验从业者社区。2009年6月成立至今,通过线上线下各种交流活动,覆盖并影响近10万从业者(含学生)。
  • 社区成员囊括用户研究,交互设计,视觉设计,产品经理等用户体验相关职位,覆盖互联网、科技等各细分行业的一线企业。
  • 国内15个城市已建立分舵组织,旨在提升当地的线下交流,北美,欧洲也在不断开拓。
 
 
 
 
UXRen公众账号 关注UXRen微信公众号(cnUXRen)

UXRen社区欢迎各界 用户体验从业者及学生 投稿优质原创文章。投稿请关注UXRen社区公众账号cnUXRen(上面有二维码)留言“我要投稿”,小编会及时与您取得联系。


版权声明:除转载文章外,本站所有文章版权归UXRen社区所有,转载请注明出处:UXRen社区,并保留本站原文链接地址。本站部分文章来自互联网及公开渠道,如有侵权请及时联系我们。邮箱:contact@13tech.com.cn