在方案设计时,会出现一种情况:似乎已经输出了所有可能的方案,但讨论定稿时还是觉得不够满意,认为应该有更优方案的输出?什么原因导致了这种情况?如何输出有效的设计方案。
● 什么是有效的设计方案?
“有效方案”,个人理解是”能够实现预期目标的方案”,而不是”全部可能方案”的罗列。设计方案因方向不同、实现能力等不同,会得到不同阶段的版本;但在这些前提一致时,方案应该是逻辑性唯一的,不应存在模棱两可的输出。
● 如何输出有效的设计方案?
核心:有逻辑、有理由的输出
Step1 确定产品目标
每一个产品都有其目标,这个环节极其重要,确定清楚后,在接下来的设计决策时,会起到方向判断的作用。产品目标一定要和产品侧讨论确定,不要理所当然的给出判断。以易迅购物车为例,其核心目标是让用户”快速下单”,其次才是”买更多”。
Step2 确定用户群划分
清晰产品目标后,我们需要对用户在产品上的行为有个了解,才能知道他们需要什么。需要关注以下几点:
① 用户有哪些类型(比例、主要/辅助角色)
② 不同类型用户会用你的产品来干什么
同样以购物车为例,易迅以结算型用户为主(主要角色——把购物车当做确定要买东西的篮子),其次是收藏型(辅助角色——把购物车作为可能买商品的聚合地,需要增删商品) 。

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

Step4 设计阶段
这是大家每天都在做的事了~在此不做详细说明,需要慢慢积累经验
Step5 方案测试
用户测试是检验设计结果最直接的方式,尤其是操作方面的设计。专业的用研同事会帮你搞定测试,但之前需要沟通清楚一些点:
① 改版的目的,关键设计点是什么;有多方案的要说明各方案特点 (用研同事必须先清楚这东西怎么用)
③ 你想了解用户在操作过程中哪些心理(如是否会对某些文案不理解)
③ 用研计划输出后,再次确认测试点是否全面,能解决设计上的困惑
当然,你还需要给出一个测试demo,视觉稿+可点击原型是最完美的,时间紧凑最好也还是输出一个交互+可点击原型吧。原型的内容尽量保证真实性(如购物车用真实商品、真实价格、真实活动) 。

Step6 定稿
根据用研结果,将稿件最终优化,提交。并附上各方案说明和用户反馈。
在评审会上,当产品方对设计点提出质疑时,可回顾产品目标和用户需求阶段的结论,说明为什么会给出现在的设计。
● 一些原则
在购物车改版中,一些原则的总结分享如下
1) 不要轻易更改用户操作的结果
不要让用户觉得你动了它的东西,如购物车商品列表应根据用户添加顺序倒序排列,而不要因刻意区分有货无货而打乱该循序。在此次购物车的设计中,因活动和套餐关系的共存,出现了一个矛盾——展示上以套餐包含商品还是以活动包含商品(如下图),两种方法对购物车页面来说是各有利弊,当时还提出”用户在此更关注什么的疑问”,但事实上,用户都会关心,很难给出一个轻重权衡。其实跳出来想一想,套餐在被加入购物车时,用户就是把其看成一个整体的,不应该去拆散。

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

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

情非得已
3个平面设计技巧学会动态字体海报2020-07-09
如何设计出优秀的文字类海报排版2020-04-02
7个有效提升传达率折页设计技巧2020-03-19
设计师如何解决作品视觉缺少层次感2020-03-14
详细解析平面设计中元素的使用技巧2020-03-13
设计师必须要学习的平面设计配色技巧2020-03-11
解析设计师常用的6大构图方法2020-03-11
3个帮你快速掌握字体搭配思路2020-03-10
设计师如何设计出中国风主题LOGO2019-10-21
详解如何让板式海报设计变得简单2019-10-21
4个配色技巧帮助您解决色彩问题2021-03-10
设计师需要掌握的平面设计技巧2021-03-10
详细解析插画类海报的绘制思路和方法2021-03-09
详细解析设计师必须掌握的色彩知识2021-03-09
设计师必须要学习的高级配色技法2021-03-10
设计师必须要学习的几个排版小技巧2021-03-10
详细解析UI设计中终极配色宝典2021-03-11
详解如何把产品和背景融合到一起2021-03-11
详细解析UI设计中终极配色宝典
相关文章1162021-03-11
详解如何把产品和背景融合到一起
相关文章1072021-03-11
设计师必须要学习的几个排版小技巧
相关文章1682021-03-10
4个配色技巧帮助您解决色彩问题
相关文章2022021-03-10
设计师需要掌握的平面设计技巧
相关文章1882021-03-10
设计师必须要学习的高级配色技法
相关文章1762021-03-10
详细解析设计师必须掌握的色彩知识
相关文章1792021-03-09
详细解析插画类海报的绘制思路和方法
相关文章1842021-03-09
