恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
教你如何输出有效的设计方案
0.0°
2017-01-09 好文转载 经验/观点 原作者: 未知 举报 949 3 3 0

Image title


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

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

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

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

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

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

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

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

Image title


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

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

Image title


Step4 设计阶段

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

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

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

Image title


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

● 一些原则

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

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

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

Image title


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

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

Image title


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

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

Image title


我们是知识的搬运工和制造者:欢迎加UI学习群:米你设计学院【UI】 562902075 
看文字多麻烦,不如看看直播案例里,色彩是怎么用的,点击报名: http://ke.qq.com/cgi-bin/courseDetail?course_id=117001&open_room=1&term_id=100127502&from=41

Image title

Image title



 

更新:2017-01-09

下载
收藏

3人已收藏

玉玉酱酱

学习UI中

  • 73

    作品

  • 133

    粉丝

  • 0

    关注

  • 交互基础科普!聊聊移动APP中反馈提示的设计方法与实例
  • 从纵向到横向!给转向设备做设计的基础知识全科普
  • 实战干货!通过按键颜色引导用户+让进度条”快”一点的技巧
  • 全方位揭秘!隐藏在背后的交互设计

    猜你喜欢

      2017-01-09 好文转载 经验/观点 原作者: 未知 举报 949 3 3 0

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

      0.0°

      你确定要举报教你如何输出有效的设计方案

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年01月09日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录