首页

如何输出清晰有效的设计方案

纯纯

本文从What/How两个部分循序渐进地阐述如何输出清晰有效的设计方案,希望给大家一些建立系统性设计思路的启发,帮助大家更好地输出设计方案,为决策设计方案提供更有力的参考。





 WHAT: 什么是清晰有效的设计方案


首先我们需要对清晰有效有一个整体的认知。所谓清晰,从字面上理解是指看得很清楚、明朗,设计层面来说就是方案能做到方向明确,方案明了。而有效字面上指的是有效果,有效力,从设计层面来说就是输出的方案可以解决存在的问题,能达到设定的目标以及可以切实落地。


清晰和有效的考量维度是不一样的:清晰更多是针对设计这一环节,在于不同方向/方案的差异度和侧重点;而有效则更多需要联合设计上下游(用户/产品/开发)。对于优秀的设计方案来说两者相辅相成,缺一不可。


接下来我们来详细拆解什么是清晰和有效。




1.清晰 - 方向明确,方案明了

——————————


很多设计师对方案输出的数量有个认知误区,认为设计方案越多越好,可以给老板、合作方更多选择,往往不假思索地用大量的时间输出所有可能的方案,并拿出来让别人评审,认为把所有的可能性列出来就不会错,这正是对方案清晰性缺乏认知的表现。


在设计最初期,不要着急动手输出界面,先结合目标(近期目标和远期目标)综合考量,系统性地思考有哪些途径达到目标,确保所有实现手段的方式都有考虑到,并且可以整合途径一致、方向近似的方案。对差异性不大的方案进行合并划归,才能在合理范围内整理出具有不同思考维度与目标侧重的提案方向。前期规划思考的深度决定了方案的广度,只有清晰的思考方案才会创造无限的可能。



 用案例来让大家对清晰这个定义有更具象的认知:


相册小程序Logo这个需求的目标是需要突出相册元素,并强化品牌识别度。


这是设计师输出的Logo提案初稿,虽然输出了28个方案之多,但没有设计思路的规划,想到哪就画到哪,很多方案是重复的,还有一些方案在设计初期就应该Pass,设计的整个细致度也不够充分。



于是设计师对设计方向重新进行规划整合,按照输出形式重新规划了分类。



按照分类筛选出四个可以继续优化的方案。并且拿着四个不同方向的方案去汇报。最终确定D方案。



我们重新回顾一下这个需求,28个方案 VS 4个方案,设计师需要的不是尽可能输出多方案的能力,方案越多可能表示你在错误的道路上越走越远,需要的是通过前期系统的思考能一次把方案做对的能力。



2. 有效 - 解决存在的问题、能达到设定的目标、可以落地的方案

——————————


很多设计师拿到产品需求会立即动手,认为满足了产品这个角色提的需求便是好的设计输出,或者把方案出的天花乱坠,当产品或者其他角色提出不同意见就会觉得他们不懂什么是好的设计。这些现象大多是因为设计师在项目前期没有正确思考和评估这个需求本身需要解决什么问题、方案能否达到团队共同设定的目标,以及方案是否能平稳落地这三个维度。




解决存在的问题—从问题出发


我们在实际输出方案的时候,不能从产品经理的需求文档开始,而是要把考量维度更前置,从项目现有的问题出发。这个问题的搜集包括外部用户的反馈,内部团队的声音,但需要注意的是用户的反馈不一定是真正的问题,需要做到筛选和甄别。比如新发布一个版本可能会碰到的一个情况是很多用户打一星反馈说界面太难看太丑,这种属于用户感受,我们可以再深挖一下用户觉得丑的原因,是不是改变了太多用户习惯,但又没有给用户真的带来更好的体验和更多的收益。



能达到设定的目标—从目标启动


问题还需要结合目标一起考虑,解决问题的思路并不完全等同于目标,目标是大家一起制定的未来产品的发展方向。比如我们新发布的版本里面新加了一个Tab改变了用户习惯,大批用户投诉,但如果这个新Tab是符合我们目标的,我们不能为了短期解决用户投诉把这个Tab下掉,应该继续观察用户在这个使用过程中碰到了什么问题,解决实际操作中碰到的问题。


用案例来让大家对问题和目标有更具象的认知:


我们需要优化QQ空间的为空界面,首先我们梳理下现网存在的问题,风格整体比较老旧,很多图形表意不明确,新出模块就会有新风格,所以存在很多不统一的地方,空间整个业务有一百多个为空界面,导致开发也不清楚到底应该怎么用,用什么,所以很长一段时间是处于乱用的状态。




接着我们梳理了这次优化的目标:


1 界面统一,用户能对表意感知明确(解决现网问题)

2 强化QQ的品牌

3 做成基础组件,保证复用性

4 低成本开发


确定了优化目标以后我们没有马上急于尝试风格,而是先遍历了所有为空异常页,整合了所有场景最后梳理出八种情况,这八种情况可以覆盖所有的为空场景,梳理整合场景是目标1、3、4能实现的前提。



然后我们基于这八个场景来输出设计风格,要低成本开发,所以这里没有考虑加动画,用企鹅剪影结合具体的场景来表意,不仅强化了品牌,也能做到表意清晰明确。图形定好以后我们马上也输出了规范,Push给对接的开发同学方便调用。



在输出方案过程中,始终都要紧紧贴合问题和目标,避免无效设计。



能落地的方案—技术可以实现


在输出设计方案的时候,设计师需要考虑到开发成本是什么,需要消耗多少资源去实现这个需求,最低成本达到目标的路径是什么。如果有些方案开发成本很大却收益价值却很小,我们就需要斟酌它是否仍有执行的必要。避免一味的追求设计效果不去对齐成本、人力,最后也只会是设计的自嗨。


用案例来让大家对清晰这个定义有更具象的认知:


产品提了好友生日推送礼物的需求,目标是想用生日这一比较温情的场景去设计专门的祝福页,用来提升写操作和大盘活跃。我们需要设计送给用户的礼物卡片,从实现手段的难易规划了三个方向:


A 手势交互但开发难度大: 3D手势交互动画

B 趣味动图且开发成本适中:局部小动画

C 静态但开发成本低:全静态视觉,复用已有开发流程



最后团队对齐了人力成本,决定采用方案C,把设计精力放在本身卡片的表现上。



HOW: 如何输出清晰有效的设计方案


那如何才能输出清晰有效的设计方案呢?设计方案归根结底是思维方式的具体体现,输出清晰有效的设计方案最核心的点在于体系化的思考方式,我总结了一下几点:




1 拓宽边界

——————————

拓宽边界需要设计师站在更高的视角和有更广的视野,把设计从表现和执行抽离往前后延展,在整个设计过程中往前去挖掘需求和规划产品结构,往后做到把控和沉淀,能站在上下游各维度去Review整个项目,只有站在更全局的视角审视,才能跳出片面设计的维度。




2 转换视角

——————————

从不同的视角看待问题,学会拆解问题和解决问题,从产品/开发不同的角度来全盘看整个产品,分析这个需求的投入产出比是不是足够,是不是能达到目标(包括设计目标和产品目标)。设计、产品、开发从来都不是对立的,都是不同角色为了整个产品发力。


举个例子,产品同学觉得输出的方案不好看,是在用感性表达,我们可以尝试继续拆解不好看背后的原因,比如是不是核心内容不够突出、担心按钮转化率等,一开始就抱着产品不懂设计这种想法是没有办法解决问题的。


还有一个就是用户同理心,很多时候我们不能只站在设计师和产品的角度看待用户反馈的问题,比如新功能内部团队觉得很厉害,但实际门槛太高,用户根本不知道怎么操作,而我们长期体验这个产品反而忽略了产品的易用性。



3 结构思维

——————————

我们在启动项目的时候,不要单点去看要在某个页面要做什么改动,而是从问题入手,和产品同学对齐好目标,结合设计理念,最后找到发力点在哪里,循序渐进,这样很大程度上能避免项目的反复,对设计流程的准确把控也是输出优秀设计方案的基础。


举一个日常生活的例子帮助大家理解,比如我的问题是长得丑,我的目标是要变得更年轻漂亮,我的理念就是改善体型和优化五官,最后找到具体的发力点比如晚上不吃晚饭,去美容院打美容针、学会怎么化妆等。




4 认知创新

——————————

有些新设计师对设计创新的认知还停留在是去做一些创造世界、改变世界的事情,认为创新就是把原项目进行翻天覆地的改变,初入职场会觉得负责的业务和项目都很小,没有什么意思,其实创新的维度有很多,包括设计工作流程的优化、还有从小的问题点着手去深挖和思考,找到合适的解决方案并打磨细节给用户创造惊喜。摆正心态才能做对事做好事。



5 及时复盘

——————————

完成项目以后需要不断的总结方法,遇到的问题,除了技法层面的提升,更重要的还包括思考层面的提升。学会去总结之前踩过的坑,避免重复性的问题,比如你的输出一直存在层级不清晰的问题,那么你需要关注后续输出的界面里大模块之间以及元素之间的层次是否还存在这个问题。可以犯错误,但是尽量避免总是犯同样的错误,这样才能加速成长的脚步。



作者:腾讯ISUX     来源:站酷
蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

魏华的微信.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 
UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司


设计师如何设计出合理的方案!

雪涛

相信身为设计师的我们,在工作中肯定遇到过自己加班加点,绞尽脑汁设计出的方案被质疑、挑战,在宣讲自己设计方案时,总会出现以下声音:

起初的无言以对到有理有据的辨析设计方案都体现出对设计方案更加全面的思考。

想要让自己的设计方案更合理,获得大家认同,可以分为 4 个步骤:

1、 树立自己用户思维

2、充分辨析用户需求

3、严谨打磨设计方案

4、精准有趣的文案


 

1、树立自己用户思维


我们常说吃饭不积极,思想有问题。看似玩笑话,但是蕴含的是对于吃饭是本能,是刻在脑子记忆中的。而设计师在做设计时,也需要有这种“本能思维”。

用户思维最基本就是 围绕用户 帮助他们 解决实际问题。如果用三个字来概括的话:人、场、事。

人:目标用户

场:在什么情况下?

事:要干嘛?


例:笔者  因为在家写文章没时间出去吃饭  ,所以需要点外卖  让别人将饭送到家里。

一个合理的设计方案,必然是将人、场、事很顺畅的串联下得出的结果。


2、充分辨析用户需求


用户之所以有需求一定是遇到了问题(需求源于问题),只要找准问题所在就能明确用户需求,那我们的设计便成功大半。辨析用户需求可以从两反面:

2.1、确定问题

2.2、清晰表述问题

2.1、确定问题

除了常见访谈、问卷、测试等调研手段,设计师可以采用【同理心图谱】的方式推导用户需求

从 说了什么、做了什么、想了什么、感觉到什么 四个维度去勾勒用户真实的想法感受。


例:日常支付场景

2.2、清晰表述问题

想要将问题表述清楚,还是回到第一部分我们讲的:人、场、事上,通过陈述句将用户面临问题和期望状态(目标)的差距描述出来。

如:小明在QQ群里抢发红包中,由于当前支付流程冗余导致他支付效率较低,影响了大家氛围。

①、表述始终都是围绕用户

用户与他们的需求是问题陈述的核心,避免:我们应该怎么做、产品应该...作为开头。

②、表述需保持宽泛性

保持陈述的宽泛性,不要过早抛出细致的解决方案、技术限制等内容,避免团队发散受限。

③、表述内容一次聚焦一个问题

专注一点不要试图在一个问题陈述中解决太多用户需求,一次解决一个就很好了。


3、严谨打磨设计方案


在打磨解决方案上,设计师需要考虑 易用性、易理解性、及着力提升用户任务效率,给用户一个更好的体验。在打磨设计方案时,我们不必在一个方案上求多表现,一个方案能能够将你所要表达的设计要点表达清楚即可,主要注意:

3.1、结构简洁,重点突出

健康码主要是为了让工作人员快速辨别人员是否安全,但在众多人中需 快速判断,这个转化到设计上解决方式:通过大面积的 色块直观反馈;通过实时的 滚动时间+滚动背景反馈真实性;在结合下方核酸与疫苗辅助判断,整体非常贴合实际诉求,重点突出,有节奏感。

通过体验核心信息,将内容合理布局,重点突出,操作划分明确,有助于信息获取与确定。


3.2、管理复杂(满足不同诉求)

人的认知资源有限,天生不善于处理复杂信息,在面对复杂信息时需将内容以一定秩序逻辑管理,分而治之,减少用户的选择,让正确的行为变得自然和明显。

在58二手车页面的改版中,顶部按钮直接 分流 不同目的用户;中间模块展示用户 最关心的维度:价格、品牌、车类型;下方 透出推荐内容 吸引用户往下逛。

如上图百度网盘的分层设计(图片来源:大牙的设计笔记)中,设计师根据不同的会员周期,改变以往的“多人一面”,打造出“多人多面”灵活分层页面布局,将复杂状态很好的根据不同时期进行拆解。


3.3、场景化设计(预判你的预判)

多考虑用户使用场景,挖掘一些场景是可以通过我们的设计 帮助用户多走一步,帮他们排除障碍,减少负担。

打车软件在特定时间点自动浮出目的地,微信聊天窗自动出现截图、验证码直接在键盘上方等都是通过用户的行为预判了用户下一步的行为,极大的提高了效率


3.4、注重情感化

情感化不一定都是很精美的插画、动效等表现层面上的,有时候 贴心的记录、舒缓的内容、小游戏...... 也可以起到 情绪调节 的作用,提高用户看到复杂信息的 忍耐度。

----------------------------------------------------------------------------------

所以在具体设计方案上,需要不断的去思考打磨设计方案,让自己的设计:

①、显而易见的,让用户体验后觉得「没错,就应该是这样」;

②、有价值的,它为用户解决实际的问题;

③、与用户的心理模型相符,它不意味着更多的设计。


4、精准、有趣的文案

文案这块本应该属于上一个模块额范畴,之所以单独讲是因为文案对于体验而言太重要了,优秀的文案不仅可以减低用户理解成本,还可以让用户感到兴奋、温暖、愉悦,并感叹:卧槽,牛脾。

 

身为交互设计师,不需要做到像杜蕾斯那样上热搜的文案、solgan,但设计稿中的文案必须要做到:表达精准无歧义、适当趣味化。


4.1、精准文案

我们是通过屏幕与人交流的人,屏幕上的文案触点之一,因此简洁精准的表达出我们要说的内容很重要。这设计中,首先应该避免一些专业术语、“高大上”的词语,应该简单直白,用最简单的词语,去掉那些不需要出现的词。

①、直接告知行动:在微信发语音按钮文案(按住 说话,松开 发送),非常直白的告知用户需要做什么,且文案中的空格这个细节也将先后顺序表达的十分清晰;而QQ在长按时没有进行文案的提示着点体验上就不如微信了。

②、文案尽量简短:成年人 1s 可阅读 7 个字左右,豆瓣的评论引导就非常简短,直接三个字:写评论,明确引导用户点击;而知乎为了营造良好的社区氛围,引导用户言行友善,但文案较长,相比写评论而言显得不够简明扼要,如果改成:友善评论...  是否会更好?

③、避免使用双重否定的句式:在微信撤回的反馈文案中采用了双重否定的句式(是否撤回该条消息)这样的句式容易增加认知负荷;而淘宝删除记录反馈文章中,则直接询问:确认删除?这样的句式更直接,更好理解。这里我尝试将微信撤回反馈改成:撤回该条消息?下方操作文案也直接使用撤回,这样看起来是否更明确了呢?


4.2、根据不同场景适当趣味化文案

结合自身产品定位:上述两个案例续费文案都是展示了自身产品的定位进行设计的,相较于冷冷的会员到期提示,这样的方式更显趣味性。

文案适当拟人化:拟人化的文案可以拉近用户距离,会显得产品更有温度而不是冷彬彬的机器,有时还显得有些小可爱~(#^.^#)

----------------------------------------------------------------------------------

所以在具体交互方案上,设计师对于文案的把控记住以下几条原则:

①、字词简单,用用户看得懂的字;

②、表意准确无歧义;

③、字数简短,陈述语句,避免使用双重否定类句式;

④、必要时可适当拟人化、趣味化。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码ben_lanlan,报下信息,会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

文章来源:站酷  作者:小发的设计笔记

分享此文一切功德,皆悉回向给文章原作者及众读者.

免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


如何提升设计方案的说服力

用心设计

设计工作中,你是否遇到这样的问题?拿着自己辛苦完成的设计稿推进时,被各种角色提出各种意见。


比如:“我觉得这样不好”,“我觉得可以加个渐变”,“要不你试试竞品那样”,“不不不,这跟竞品太像了,我们要差异化”等等...,然后进入无限改改改的恶性循环中。


你委屈的觉得他们不懂设计,翻着白眼抱怨着设计师没有话语权。



如何提升设计方案的说服力

科普好文!交互设计师的价值与设计方案的评价维度

周周

编者按:很多同学不清楚交互设计师是做什么的,也不知道如何评价一个App 的交互,不过看完这篇你就懂啦。

一、交互设计师的价值

1. 职能价值

将需求转化为解决方案的能力(将模糊抽象的需求转化成清晰具体的可视化解决方案)。

这个价值是最基本的专业价值,但你千万不要觉得你做的仅仅是用软件画几个页面而已。

例如你接到一个扫码申请加入群聊的需求,你的任务不只是将申请加入的页面画出来,而是要考虑整个用户场景,就比如用户申请入群后,如果审批人没有拒绝,也没有同意,相当于服务器没有接收到任何指令,那申请的页面怎么反馈呢,这些都是要考虑进去的。

所有交互设计师要提供的是一整套解决方案,其中要考虑正向、反向、闭环等各种场景。

为什么你的设计方案总是被人挑战?

周周

why-design-scheme-challenged-1

@5key :小 A 前段时间接手了一个大项目,需要独立完成一个社交类的应用。为此他花了大量时间进行前期准备,然后才开始着手进行应用的设计。一个月后我参加了这个项目的设计评审,评审结果很糟糕。业务方会后和我说这位设计师不太行,设计方案完全没有考虑清楚。

如何展示你的设计方案?

蓝蓝

蓝蓝设计是从职场方面分享一些展示设计方案的经验,如何使甲方看懂你的界面设计也是门学问,如果你是ui设计新手,也可以在《PS新手教程:变换角度!让你的设计稿更上档次》学到好东西。

像一个常胜将军一样信心十足的展示你的线框图

1

在我兼职制作 UXPin(用户体验设计平台)之前我一直都是全职做着 UX Designer和UX Manager。兴奋的创作过程和臭名昭著的压力交错在我的生活里,而且让人感觉最残酷的事情就是被拒绝的感觉。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档