如何做出好看又好用的产品设计?

2021-04-06
5128
0

哈喽各位小伙伴,以下这些情况你都经历过吗?呕心沥血做了一份高端大气上档次的设计,却被需求方评价:“设计没有 Get 需求的重点,达不到理想效果,要重做哦!”设计终于落地了,却被团队质疑:“落地效果怎么和设计图差距这么大,问题出在哪?”

应该如何避免这些情况的发生,保障设计效果,是设计师工作的重点之一。

设计要满足需求,达到应有的效果,有技巧可循。本期小编来聊聊在设计的各个环节能有效提升设计效果的技巧,希望对各位小伙伴有所帮助~

图片

 

成功第一步:审题

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

1、出发点

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

 

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

  • 我们的目标用户是谁(用户画像)?
  • 产品的阶段目标和终极目标分别是什么?
  • 产品现在处于什么阶段?
  • 现阶段,用户、产品、业务方的痛点分别是什么?
  • 现阶段,设计的重点是什么?

 

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

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

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

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

 

2、目的地

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

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

图片

 

 如何找到设计目标呢?

设计需求一般来自于产品和市场,产品和市场每一个季度都会有 KPI。

比如:优化体验提高日活,提升市场销售额。此时,提高产品日活、提升用户的购买决策效率,为产品和市场达到 KPI 提供一臂之力,是设计的目标。

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

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

  • 明确用户:用户画像、用户目标
  • 用户和产品:用户行为、情绪曲线、触点
  • 产品机会:用户痛点、机会点

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

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

图片

需要注意以下三点:

  •  问题是否有遗漏
  • 不同问题之间是否有重叠
  • 假设是否靠谱

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

 

成功第二步:举证

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

图片

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

  • 方案能否达到需求方的业务目标?
  • 方案能否带来好的用户体验?
  • 为什么能达到理想的效果?
  • 相比竞品,这个设计方案有哪些优势?

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

图片

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

  • 描述自己从需求分析到设计表达的过程
  • 分析对比竞品的方案,证明自己的方案更好
  • 证明方案合理、可执行
  • 运用可量化的数据,证明自己的方案

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

 

成功第三步:落实

做出了有效的设计方案,如果没有得到有效的执行落地,等于纸上谈兵。

因此,推进开发落地,让设计方案高度还原,是设计师的目标和职责之一。

 

1、让开发参与设计环节

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

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

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

 

2、设计规范必不可少

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

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

图片

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

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

 

3、正确的标注和切图

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

标注和切图是设计师的重要输出产物,正确、精准的标注和切图能帮助开发高度还原设计稿。

设计师需要标注各元素的尺寸、位置、颜色、不透明度、字体、字号等信息,并对图标和图片进行切片,提供给开发同学。

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

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

以上就是本期分享的内容啦,希望对各位小伙伴有所启发~

转载声明:本文来源于网络,不作任何商业用途

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
绘学霸是国内专业的CG数字艺术设计线上线下学习平台,在绘学霸有2D绘画、3D模型、影视后期、动画、特效等数字艺术培训课程,也有学习资源下载,还有行业社区交流。学习、交流,来绘学霸就对了。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
开发者:广州王氏软件科技有限公司 | 应用版本:Android:6.0,IOS:5.1 | App隐私政策> | 应用权限 | 更新时间:2020.1.6