经验分享！如何让设计效果可量化

nana：做搜搜这些年一直沉浸于重点工作中的项目，除了定时写项目总结与培训，都快忘记写文章了，很抱歉。这次终于有了重新学习的机会，因此2014年也应该多写点。

长久以来，我常常思考如何让我们每天面对的工作内容更直观地将价值体现出来并量化处理。

做为搜索交互设计师——更正，做为搜索用户体验设计师，需要考虑如何将你的技能和除网站之外背景知识运用到搜索设计工作中去——这也正是大多数用户体验真正开始的地方。

说到搜索的设计，有人会问，就搜索还需要设计？搜索不就一个框加按钮么？让视觉做的好看些不就好了！其实交互设计师，视觉设计师，开发人员，信息架构师，搜索引擎优化专业人员以及Web分析师，都因为各自有着独立技能，才体现出各自身在于搜索类产品的价值。那作为合格设计师我们不仅需要是知识，技能，经验，创新等，同时我们也需要具备体现设计工作价值的方法。

记得在项目不断迭代优化过程中，设计师们也总说我们价值不被认可。当时需求方与老板也常问我你们设计究竟能否可量化，如何量化？当然，先不说其它因果原由与价值其它体现。本身这个问题也是我长久以来一直思考的，刚好借此将它解决。当时，我们也找团队讨论，听到大家纷纷提到设计太抽象，设计很难通过数据量化等……其实，这个探讨过程也是发现问题所在过程，把大家疑虑问题点归纳起来，然后逐个分析并且思考解决后，再归纳梳出。此后，在实战过程中再不断调整并持续再归纳思考。

简单总结如下：

首先，我们做项目的交互设计可量化是需要一个基本评估标准：

个人认为根据不同项目，侧重会有所不同，这个需要设计师根据项目需求和产品目标等来判断。任何纬度与标准都是参考，随着个人和行业发展与变化一定都是时时变通。所以没有固定标准走天下，或者说标准也是时时更新中。

1.项目功能设计。

- 点击率、转化率、点击流、活跃度、留存率、成功率等

2.体验可用性。

识别性- 点击率

高效性- 时间效率

有效性- 功能使用成功率、操作信息传达有效性

易学性- 新用户操作与操作的符合程度

一致性- 和规范不一致数量

3.用户满意度。

- 口碑、新增用户数、在线时长、回头率等

其次，根据基本评估标准进行评估可量化：

根据需求，每个项目设计都有所不同，搜搜在做网页改版时候，我们有比较突出预览功能，左边栏等。当时我以A/B Test，灰度测试作为主要数据评估方法。在预览新产品，没有参照物的时候，建议按预期标准来进行对比。相反则以同时与旧版本进行对比。

1.数据统计和分析。

-采用数据指标有：点击率、转化率、点击流、活跃度、留存率、成功率等。

1)  举例：以网页预览点击率分析

预览适合评价纬度
功能需求、识别性

统计方法：
点击次数/曝光量

参照物：
上线前后一周或者一月的日均同比
AB测试的方式，两个方案之间比较
干扰因素

同比的方式，不适合单独评估内容型模块的设计效果，用户点击的决策受内容本身影响较大。

2)  举例：以点击流分析

适合评价纬度

有效性

统计方法

页面跳转的持续点击流统计

参照物

上线前后一周或者一月的日均同比

AB测试的方式，两个方案之间比较

干扰因素

同比的方式，会受不同时间段内其他相关因素的干扰。

……

搜搜首页改版时，转化率作为数据指标给出很好的评估参考。活跃度与留存率同时作为很重要的数据评估指标。在需要用户配合注册或填写内容时，成功率等也都可以做为其一参考。以上是做为搜搜为纬度的数据基本标准参考内容。个人始终把数据做为客观决定之一，并非唯一。

2. 用户研究

- 用户访谈、问卷调查、产品反馈满意度、可用性测试

用户研究比较适用于搜搜需求挖掘和新方案的评估，可用性测试主要分为两类：

1)    总结性评估：版本更新时，评估旧版本，可以给与新版本以设计指导，并且作为新版本上线后的比较依据。

2)    设计中评估：用设计Demo或灰度上线，找用户测试，目的是发现问题，在产品完全上线之前更加完善产品。

3. 专家评估

大家在探讨过程中提到最多的也是这个，其实我很犹豫要不要写上这个点。专家评估的权威性和产品形态了解程度都会受限。因为没有完善标准可以对应到每个背景设计环境中。当然经验很重要，所以在评估过程中可以给予很好的建议。另外就是站在其他角度去看体验闭环。但建议不要做为可量化硬性参考。

以上是简单归纳的几个思考点，如前面提到归纳实战后再不断思考归纳。搜索产品常常让设计工作价值更值得长期思考并挖掘。越是简单越值得挖掘。或许数据增长也不代表设计质量一定就是最好。再或者我们不仅把本身做为参照对比数据 ，同时与行内对比数据又如何更好挖掘。确定工作成效的评估纬度和评估指标不管是否可度量，都是我们设计师值得去思考与挖掘必经之路。

排版是设计的必须内容，没掌握好的同学，今天推荐两篇好文，一步到位！

《平面排版时，教你突出中文美感的几种方法》
《平面排版时，教你突出中文美感的几种方法第二集（基础篇）》

原文地址：cdc.tencent

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量73万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：