设计输出
在方案设计时,会出现一种情况:似乎已经输出了所有可能的方案,但讨论定稿时还是觉得不够满意,认为应该有更优方案的输出?什么原因导致了这种情况?如何输出有效的设计方案?
● 什么是有效的设计方案?
“有效方案”,个人理解是“能够实现预期目标的方案”,而不是“全部可能方案”的罗列。设计方案因方向不同、实现能力等不同,会得到不同阶段的版本;但在这些前提一致时,方案应该是逻辑性唯一的,不应存在模棱两可的输出。
● 如何输出有效的设计方案?
核心:有逻辑、有理由的输出
每一个产品都有其目标,这个环节极其重要,确定清楚后,在接下来的设计决策时,会起到方向判断的作用。产品目标一定要和产品侧讨论确定,不要理所当然的给出判断。以易迅购物车为例,其核心目标是让用户“快速下单”,其次才是“买更多”。
Step2 确定用户群划分
清晰产品目标后,我们需要对用户在产品上的行为有个了解,才能知道他们需要什么。需要关注以下几点:
① 用户有哪些类型(比例、主要/辅助角色)
② 不同类型用户会用你的产品来干什么
同样以购物车为例,易迅以结算型用户为主(主要角色——把购物车当做确定要买东西的篮子),其次是收藏型(辅助角色——把购物车作为可能买商品的聚合地,需要增删商品) 。
Step3 用户+策略→发散设计点
也就是去脑爆,哪些点能够有效满足用户需求并实现产品目标,步骤如下:
①从用户需求开始发散(注意标明主要/辅助角色)
②思考,在需求存在的前提下,如何更好实现目标
(如购物车分析中,会思考用户在有凑单需求情况下,如何更好做到快速下单;而不是说因为产品想让用户快速下单,便弱化或不给出凑单的需求)
③ 检查设计点,重点关注主要角色的需求,在不影响其体验情况下,附带满足辅助角色需求
上三步都应该和产品经理讨论确定,达成一致后,再进行设计
Step4 设计阶段
这是大家每天都在做的事了~在此不做详细说明,需要慢慢积累经验
Step5 方案测试
用户测试是检验设计结果最直接的方式,尤其是操作方面的设计。专业的用研同事会帮你搞定测试,但之前需要沟通清楚一些点:
① 改版的目的,关键设计点是什么;有多方案的要说明各方案特点 (用研同事必须先清楚这东西怎么用)
③ 你想了解用户在操作过程中哪些心理(如是否会对某些文案不理解)
③ 用研计划输出后,再次确认测试点是否全面,能解决设计上的困惑
当然,你还需要给出一个测试demo,视觉稿+可点击原型是最完美的,时间紧凑最好也还是输出一个交互+可点击原型吧。原型的内容尽量保证真实性(如购物车用真实商品、真实价格、真实活动) 。
Step6 定稿
根据用研结果,将稿件最终优化,提交。并附上各方案说明和用户反馈。
在评审会上,当产品方对设计点提出质疑时,可回顾产品目标和用户需求阶段的结论,说明为什么会给出现在的设计。
●一些原则
在购物车改版中,一些原则的总结分享如下
1) 不要轻易更改用户操作的结果
不要让用户觉得你动了它的东西,如购物车商品列表应根据用户添加顺序倒序排列,而不要因刻意区分有货无货而打乱该循序。在此次购物车的设计中,因活动和套餐关系的共存,出现了一个矛盾——展示上以套餐包含商品还是以活动包含商品(如下图),两种方法对购物车页面来说是各有利弊,当时还提出“用户在此更关注什么的疑问”,但事实上,用户都会关心,很难给出一个轻重权衡。其实跳出来想一想,套餐在被加入购物车时,用户就是把其看成一个整体的,不应该去拆散。
2)用户操作结果应在操作区附近给出及时反馈
操作反馈应在用户操作关注区当前展现,涉及跨区域展示的,应给到链接定位到变化区。如点击结算按钮时,出现无货情况,则再按钮区反馈无货情况,并给出链接定位到无货商品行。
3)给出撤销功能优于二次确认操作(在非关键流程下)
二次确认在一些情况下会因用户惯性操作,起不到防止误操作功效。而给出撤销功能,换了一种形式,一能防止惯性操作,另一方面也可降低操作和思考成本。如购物车的删除功能(如下图)。
相关阅读
C++中std::ostringstream输出用法 一、简单介绍 ostringstream是C++的一个字符集操作模板类,定义在sstream.h头文件中。ostrin
static void test04() throws FileNotFoundException { /* FileOutputStream(FileDescriptor fdObj) 创建一个向
电子商务是未来企业主要的商业运营方式,而设计电商网站 是开展电子商务的第一步,也是至关重要的一步。你可能会问,为什么这样子说呢?
时间限制: 1000 ms 内存限制: 65536 KB提交数: 10333 通过数: 7040【题目描述】 输入一个浮点数,输出这个浮点数的绝
window.location.href的用法(动态输出跳转)
javascript中的location.href有很多种用法,主要如下。self.location.href="/url" 当前页面打开URL页面location.href="/url" 当前