首页 | 源码下载 | 网站模板 | 网页特效 | 广告代码 | 网页素材 | 字体下载 | 书库 | 站长工具
会员投稿 投稿指南 RSS订阅
当前位置:主页>设计在线>网页设计>资讯:购物车改变案例分析:有效的设计方案

购物车改变案例分析:有效的设计方案

www.jz123.cn  2013-09-29   来源:   站长家园    责任编辑(袁袁)    我要投递新闻

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

  什么是有效的设计方案?

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

  如何输出有效的设计方案?

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

  Step1 确定产品目标

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

  Step2 确定用户群划分

  清晰产品目标后,我们需要对用户在产品上的行为有个了解,才能知道他们需要什么。需要关注以下几点:

  ① 用户有哪些类型(比例、主要/辅助角色)

  ② 不同类型用户会用你的产品来干什么

  同样以购物车为例,易迅以结算型用户为主(主要角色——把购物车当做确定要买东西的篮子),其次是收藏型(辅助角色——把购物车作为可能买商品的聚合地,需要增删商品) 。

  

null

 

  Step3 用户+策略→发散设计点

  也就是去脑爆,哪些点能够有效满足用户需求并实现产品目标,步骤如下:

  ①从用户需求开始发散(注意标明主要/辅助角色)

  ②思考,在需求存在的前提下,如何更好实现目标

  (如购物车分析中,会思考用户在有凑单需求情况下,如何更好做到快速下单;而不是说因为产品想让用户快速下单,便弱化或不给出凑单的需求)

  ③ 检查设计点,重点关注主要角色的需求,在不影响其体验情况下,附带满足辅助角色需求

  上三步都应该和产品经理讨论确定,达成一致后,再进行设计

  

null

 

  Step4 设计阶段

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

  Step5 方案测试

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

  ① 改版的目的,关键设计点是什么;有多方案的要说明各方案特点 (用研同事必须先清楚这东西怎么用)

  ③ 你想了解用户在操作过程中哪些心理(如是否会对某些文案不理解)

  ③ 用研计划输出后,再次确认测试点是否全面,能解决设计上的困惑

  当然,你还需要给出一个测试demo,视觉稿+可点击原型是最完美的,时间紧凑最好也还是输出一个交互+可点击原型吧。原型的内容尽量保证真实性(如购物车用真实商品、真实价格、真实活动) 。

  

null

 

  Step6 定稿

  根据用研结果,将稿件最终优化,提交。并附上各方案说明和用户反馈。

  在评审会上,当产品方对设计点提出质疑时,可回顾产品目标和用户需求阶段的结论,说明为什么会给出现在的设计。

  一些原则

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

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

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

  

null

 

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

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

  

null

 

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

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

  

null

上一篇:学习网页设计的网格系统 下一篇:网页的loading进度条设计

评论总数:0 [ 查看全部 ] 网友评论


关于我们隐私版权广告服务友情链接联系我们网站地图