教你如何输出有效的设计方案

@腾讯ecd 兔子：在方案设计时，会出现一种情况：似乎已经输出了所有可能的方案，但讨论定稿时还是觉得不够满意，认为应该有更优方案的输出？什么原因导致了这种情况？如何输出有效的设计方案？

● 什么是有效的设计方案？

"有效方案"，个人理解是"能够实现预期目标的方案"，而不是"全部可能方案"的罗列。设计方案因方向不同、实现能力等不同，会得到不同阶段的版本；但在这些前提一致时，方案应该是逻辑性唯一的，不应存在模棱两可的输出。

● 如何输出有效的设计方案？

核心：有逻辑、有理由的输出

Step1 确定产品目标
每一个产品都有其目标，这个环节极其重要，确定清楚后，在接下来的设计决策时，会起到方向判断的作用。产品目标一定要和产品侧讨论确定，不要理所当然的给出判断。以易迅购物车为例，其核心目标是让用户"快速下单"，其次才是"买更多"。

Step2 确定用户群划分
清晰产品目标后，我们需要对用户在产品上的行为有个了解，才能知道他们需要什么。需要关注以下几点：

① 用户有哪些类型（比例、主要/辅助角色）
② 不同类型用户会用你的产品来干什么
同样以购物车为例，易迅以结算型用户为主（主要角色——把购物车当做确定要买东西的篮子），其次是收藏型（辅助角色——把购物车作为可能买商品的聚合地，需要增删商品） 。

Step3 用户+策略→发散设计点
也就是去脑爆，哪些点能够有效满足用户需求并实现产品目标，步骤如下：

①从用户需求开始发散（注意标明主要/辅助角色）
②思考，在需求存在的前提下，如何更好实现目标
（如购物车分析中，会思考用户在有凑单需求情况下，如何更好做到快速下单；而不是说因为产品想让用户快速下单，便弱化或不给出凑单的需求）
③ 检查设计点，重点关注主要角色的需求，在不影响其体验情况下，附带满足辅助角色需求
上三步都应该和产品经理讨论确定，达成一致后，再进行设计

Step4 设计阶段

这是大家每天都在做的事了~在此不做详细说明，需要慢慢积累经验

Step5 方案测试
用户测试是检验设计结果最直接的方式，尤其是操作方面的设计。专业的用研同事会帮你搞定测试，但之前需要沟通清楚一些点：

① 改版的目的，关键设计点是什么；有多方案的要说明各方案特点 （用研同事必须先清楚这东西怎么用）
③ 你想了解用户在操作过程中哪些心理（如是否会对某些文案不理解）
③ 用研计划输出后，再次确认测试点是否全面，能解决设计上的困惑
当然，你还需要给出一个测试demo，视觉稿+可点击原型是最完美的，时间紧凑最好也还是输出一个交互+可点击原型吧。原型的内容尽量保证真实性（如购物车用真实商品、真实价格、真实活动） 。

Step6 定稿
根据用研结果，将稿件最终优化，提交。并附上各方案说明和用户反馈。
在评审会上，当产品方对设计点提出质疑时，可回顾产品目标和用户需求阶段的结论，说明为什么会给出现在的设计。

● 一些原则

在购物车改版中，一些原则的总结分享如下

1） 不要轻易更改用户操作的结果

不要让用户觉得你动了它的东西，如购物车商品列表应根据用户添加顺序倒序排列，而不要因刻意区分有货无货而打乱该循序。在此次购物车的设计中，因活动和套餐关系的共存，出现了一个矛盾——展示上以套餐包含商品还是以活动包含商品（如下图），两种方法对购物车页面来说是各有利弊，当时还提出"用户在此更关注什么的疑问"，但事实上，用户都会关心，很难给出一个轻重权衡。其实跳出来想一想，套餐在被加入购物车时，用户就是把其看成一个整体的，不应该去拆散。

2）用户操作结果应在操作区附近给出及时反馈

操作反馈应在用户操作关注区当前展现，涉及跨区域展示的，应给到链接定位到变化区。如点击结算按钮时，出现无货情况，则再按钮区反馈无货情况，并给出链接定位到无货商品行。

3）给出撤销功能优于二次确认操作（在非关键流程下）

二次确认在一些情况下会因用户惯性操作，起不到防止误操作功效。而给出撤销功能，换了一种形式，一能防止惯性操作，另一方面也可降低操作和思考成本。如购物车的删除功能（如下图）。

原文地址：ecd.tencent
作者：兔子

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座：每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音（YY频道：156982）分享实战经验。
设计微博：拥有粉丝量55万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：