教你如何输出有效的设计方案 - 优设网 - UISDC

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

2013/09/29 评论区

00

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

什么是有效的设计方案?

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

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

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

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

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

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

01

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

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

02

Step4 设计阶段

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

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

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

03

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

● 一些原则

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

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

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

04

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

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

05

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

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

06

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

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

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/design-proposals

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里