如何做出有效的设计,让产品又好看又好用?

北京/UI设计师/4年前/208浏览
如何做出有效的设计,让产品又好看又好用?

有效设计,有迹可循。

👉 呕心沥血做了一份高端大气上档次的设计,却被需求方评价:“设计没有 Get 需求的重点,达不到理想效果,要重做哦!”


👉 设计终于落地了,却被团队质疑:“落地效果怎么和设计图差距这么大,问题出在哪?”



以上情况在设计师工作中时有发生,而避免以上情况的发生,保障设计效果,是设计师工作的重点之一。


设计要满足需求,达到应有的效果,有技巧可循。本期【蓝湖有方】,湖湖琢磨了在设计的各个环节能有效提升设计效果的技巧,希望能帮助你更得心应手的设计,让你的设计更有价值!



成功第一步:审题


很多设计师接到需求后,缺乏主动思维,被动的通过需求方确定需求、执行设计,最后沦为执行工具人。设计师应该具备主动思维,接到需求后主动“审题”,分析需求的背景和目的,为需求方提供有效的设计建议。




  1. 出发点


设计不是摸石头过河,接到需求后,深入了解需求的背景,能让设计师了解产品的大环境,做出与行业、用户更匹配的设计,事半功倍。


👉 不妨基于下列问题作思考:

✅ 我们的目标用户是谁(用户画像)?

✅ 产品的阶段目标和终极目标分别是什么?

✅ 产品现在处于什么阶段?

✅ 现阶段,用户、产品、业务方的痛点分别是什么?

✅ 现阶段,设计的重点是什么?


👉 如何找到这些问题的答案呢?

✅ 关注行业报告,深入了解行业

✅ 观察用户行为,尽早知道痛点

✅ 内部沟通紧密,保持目标一致



2. 目的地

“设计是围绕目标的求解活动 ”—— L. Bruce Archer

以目标为导向做设计,更容易做出有效的方案。




👉 如何找到设计目标呢?


设计需求一般来自于产品和市场,产品和市场每一个季度都会有 KPI。比如:优化体验提高日活,提升市场销售额。此时,提高产品日活、提升用户的购买决策效率,为产品和市场达到 KPI 提供一臂之力,是设计的目标。


设计的目标是满足业务需求和用户体验,所以设计师要了解用户。用户体验地图是了解用户有效的方法,它能帮助我们深挖用户痛点、挖掘产品机会点、找到决策方案。



👉 一般来说,用户体验地图包含以下几方面的内容:

✅ 明确用户:用户画像、用户目标

✅ 用户和产品:用户行为、情绪曲线、触点

✅ 产品机会:用户痛点、机会点


达到设计的终极目标不能一蹴而就。设计师要合理的拆解目标,将目标转化为设计可执行的阶段性方案。

拆解目标要遵循 MECE 原则,即:思考问题的过程中,我们需要分解问题,每一层级的问题与问题之间“相互独立”、“完全穷尽”。



👉 需要注意以下三点:

✅ 问题是否有遗漏

✅ 不同问题之间是否有重叠

✅ 假设是否靠谱


明确业务需求和用户需求,设计师能轻松挖掘设计目标,根据尼尔森十大交互原则、格式塔原则等方法论,做出平衡业务目标和用户体验的有效设计。



成功第二步:举证


经过深思熟虑,设计师提出设计方案,进入设计评审。此时,证明方案的有效性,成为执行方案前的重点。



👉 如何判断方案的可行性?可以从以下四个方面考量:

✅ 方案能否达到需求方的业务目标?

✅ 方案能否带来好的用户体验?

✅ 为什么能达到理想的效果?

✅ 相比竞品,这个设计方案有哪些优势?


设计师要对这些依据有明确的认识,据此说服评审人员,推进方案的落实。



👉 应该如何阐述设计方案呢?

✅ 描述自己从需求分析到设计表达的过程

✅ 分析对比竞品的方案,证明自己的方案更好

✅ 证明方案合理、可执行

✅ 运用可量化的数据,证明自己的方案


以上这些,都需要设计师在评审前有充分的准备。有理有据的阐述设计方案,才能得到需求方的信服和支持。



成功第三步:举证


做出了有效的设计方案,如果没有得到有效的执行落地,等于纸上谈兵。因此,推进开发落地,让设计方案高度还原,是设计师的目标和职责之一。


1. 让开发参与设计环节

为了避免想当然的设计,做出开发难以实现的方案,建议在设计阶段就让开发同学介入,让 UI、交互、开发三者无缝对接、合作。


👉 比如:

交互做了创新设计,开发同学参与交互评审,根据自己宝贵的经验,评判交互能否被实现和实现它需要的周期,以此给设计参考和建议。避免设计完成却被开发以“这个效果不能实现”打回来。


让开发参与设计环节,能有效提高开发进度和设计的还原度,让设计和开发更好的沟通和协作,让项目更高效的进行。


2. 设计规范必不可少

产品迭代的过程,包含新功能的开发、新页面的增加等模块。


如果没有设计规范,视觉和交互体验难以保持一致,设计重复劳动输出效率低下,开发代码混乱缺乏可持续性和可控性,最终导致产品臃肿无序,体验不好。设计规范,为解决这些问题而生。



设计规范是一个庞大的体系,需要设计师和团队耐心的搭建和优化,可以在蓝湖「设计规范云」上搭建、管理、使用,让设计有章法。



值得注意的是,搭建好设计规范之后,最好让开发同学参与到评审中来,从开发的角度确定设计规范是否正确和专业。



3. 正确的标注和切图

经历了缜密的思考和重重评审,设计界面终于定稿,进入设计开发交接环节。


标注和切图是设计师的重要输出产物,正确、精准的标注和切图能帮助开发高度还原设计稿。设计师需要标注各元素的尺寸、位置、颜色、不透明度、字体、字号等信息,并对图标和图片进行切片,提供给开发同学。


但是手动密密麻麻,而且设计师标注时一般会使用 px 作为单位,开发同学在使用时,需要自己一一换算成 %、em、vw 等单位。手动切图格式不全,不能满足开发的使用需求,开发同学需要重新切图。这无疑加大了开发的工作难度。



用蓝湖自动标注、一键切图,能完美解决以上问题。不仅标注切图的速度更快,而且蓝湖自动生成的标注信息正确、易于查看复制使用。



蓝湖一键生成的切图有多种格式,能满足开发的所有需求。



总的来说,要提升设计的效果,让设计有效落地,从需求分析到落地的每一个环节,设计师都要下功夫。


本期【蓝湖有方】就到这里啦,你还想听湖湖分享什么,欢迎在评论区留言~

1
Report
|
4
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
蓝湖
蓝湖
蓝湖
蓝湖
作品收藏夹
文字
文字
文字
文字
作品收藏夹
白酒包装 酒产品
白酒包装 酒产品
白酒包装 酒产品
白酒包装 酒产品
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
品牌制造社
品牌制造社
品牌制造社
品牌制造社
精选收藏夹
作品收藏夹
电影海报精选
电影海报精选
电影海报精选
电影海报精选
精选收藏夹
作品收藏夹
大家都在看
Log in