秩序之美!设计规范如何高效落地,助力业务提效?
秩序之美!设计规范如何高效落地,助力业务提效?
产品往往需要经历一定的优化、迭代过程,而在这个过程中,设计规范的建立将有助于产出的呈现和品牌信息的建立。那么,如何建立并落地设计规范?其中又有哪些方面需要注意?本篇文章里,作者结合实际案例进行了一定解读,一起来看。
58到家是一款互联网家政服务的平台,有着严谨的视觉和交互规范,同时为满足平台和用户的诉求,我们在对APP进行不断的优化和打磨。
在APP不断升级和页面的变化中,我们打造平台统一的设计语言和规范,那么如何保证规范有效的落地呢?
一、规范的建立
1. 不适合业务场景的,都不是好规范
设计规范需要能切实落地才能发挥它应有的作用,从设计规范的范围和形态上来说并没有绝对的对与错,不是范围越广越细致的规范就越好,能适应当前项目和团队、满足业务诉求的就是「合适的」设计规范。
在业务快速上升的时期,相比一次性建立规范,根据优先级来单点解决可能是更好的办法。
在规范建立初期,我们通过走查等方式确立了规范目标,主要是对现有页面的问题解决和对之后的设计指引。
2. “达成共识”,遵循设计指南
到家是多业务场景,很多业务和设计环境一直是在变的,所以我们更愿意对现有规范命名“设计指南”,可以代表着是一种动态的设计趋势,时刻保持更新。
往往同样一个功能在不同业务下是近似而又有差异化,这时候就需要主设计师进行方案的整合,统一化设计,经过归纳总结后形成通用性的方案,之后需要和设计小组达成共识,共同遵守通用性方案,保证统一组件不同页面的一致性。
二、规范的落地与提效
设计的一致性主要体现在页面体验的一致性,页面体验的直观感受在于设计师产出的一致性;多人协作的团队中,如何保证产出的一致性?
1. 如何易用?
首先,需要设计师自觉遵守沿用设计规范,其次,高效的协作工具同样必不可少;核心:提升设计规范本身的质量(好产品),简化设计规范应用的流程(易使用),加强使用者对规范的认同感(强营销)
2. 让每个人的设计产出一致
1)建立主设计师与业务设计师的协同
主设负责维护规范文档,围绕专家团评审通过的设计理念和概念设计,完善风格和体系化的基础规范,组织设计师进行宣讲,也在这一过程中综合、跨业务地了解和考量不同情况,听取各业务设计师的问题建议、与各业务设计师一起共建落地。
2)同时主设计师要负责平时对规范的反馈和答疑;再遇到问题时,要做到最优平衡:不同系统/业务处理,最优呈现决策。
比如iOS系统可以做毛玻璃效果,可应用在界面里做最好的视觉呈现。而Android系统不能做毛玻璃效果则变通设计手段,降低透明度,去掉导航分割线,平衡各种细节,尽量达到同样期望通透柔和的效果。
)主设与业务设计师协作分工
主设计师需要:
清晰设计语言,设计风格体系;对于设计页面的把控,那些是需要把握的,那些是可以由业务设计师决策;保证宣讲理念的到位,保证业务设计师和你的共建能力;具有全局观,实时跟进业务的整体方向。业务设计师需要:
作为直接负责各具体业务线的设计师,需要仔细理解规范和理念,认同设计规范的价值;积极配合主设走查,主动提出问题,辅助主设完善设计规范,并驱动自己业务、技术落地。主设协同组内设计师,不断协同完善,进行规范的更新或者问题的剔除。
4)规范的验证与问题收集
给大家推荐设计度量标准,结合我们设计系统的目标,将度量体系聚焦五大维度:
通用性:
是否能全面覆盖商业业务需求;并适应不同业务的变化,灵活可拓展;易用性:
在使用设计系统时,设计系统是否容易被理解和使用;效 率:
通过使用设计系统,是否能提升工作效率;可靠性:
系统是否安全可靠、有人维护的;满意度:
对使用设计系统的满意程度。在不同维度下,依照GSM模型的方法具体推导出指标和度量方法。具体实施的过程是:罗列出度量内容在维度上所期望的目标,以及表现出的信号,来推到出具体指标。
. 一致性和创意的平衡
像58到家产品多业务线的情况,规范的制定上一致性与独特性是共存的,例如基础的控组件需要强制约,而一些新品类需要弱制约,新品类更需要创新的活力和方式去上线探索成功率;简单来说,就是需要设定规范管辖的颗粒度。把颗粒度聚焦在最基础的元素上,而不去做框架层面的束缚,从而让协同的设计师都有发挥的余地。
比如动效规范定义了详细的骨骼和时间区间,业务设计师可以在此基础上去创作。
再比如,整个UI的配和字体可能需要保持统一,但在一些形,动效上可以做出亮点,让用户在整个使用体验中既是沉浸的又能有些小惊喜,规范的打破与重建一定是需要一个动态平衡的过程。如下:QQ音乐和美团的创意加载场景。
4. 组件化设计思维
从需求出发:将组件视为一个独立的产品,从多维度,多场景输出组件的方案和组合标准。
设计规范的统一极大缩短了设计和前端开发沟通所需的时间,开发根据成熟规范建立组件库,为后面的项目争取了空间,同时协作更加流畅,极大减少走查问题的处理时间。
设计规范也要像具体的产品一样,需要进行迭代和维护,而不是在项目做完后把设计规范整理完就扔在那落灰,然后再等到每次设计改版时全部重做,这样成本高收益低,并且几乎起不到它实际应有的作用,所以我们要不断的对规范进行落地和验证。
规范的迭代落地可以很好保证整个设计系统的秩序,让我们的设计系统更具有秩序的美感。
作者:邓浩
来源:58UXD(ID:i58UXD),58UXD,全称58同城用户体验设计中心。
本文由人人都是产品经理合作媒体 @58UXD 授权发布于人人都是产品经理。未经许可,禁止转载。
题来自 Unsplash,基于CC0协议。
该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。
- 上一篇
抖音新专利公布:可任意视角播放全景视频
抖音新专利公布:可任意视角播放全景视频 IT之家 11 月 8 日消息,据国家知识产权局中国专利公布公告(申请公布号:CN115297351A)显示,抖音视界有限公司; 脸萌有限公司“一种全景视频播放方法、装置、存储介质及电子设备”专利于 11 月 4 日公布。据摘要描述称:本公开实施例提供了一种全景视频播放方法、装置、存储介质及电子设备。本专利通过对获取的全景视频进行偏移处理,可支持对任意
- 下一篇
布局直播带货,对品牌究竟意味着什么?
布局直播带货,对品牌究竟意味着什么? 越来越多的品牌不仅走近头部主播的直播间,也做起了自播。然而,如何将流量成功汇集到官方店铺实现品效合一成为品牌头疼的问题。对此,本文从三个方面进行了分析,希望对你有所帮助。为了促使消费者下单,总有直播间开足了马力24小时全月运转。越来越多的品牌不仅走近头部主播的直播间,也做起了自播。在自播的领域内,令品牌最头疼的问题可能是,如何既能学习白牌厂商的营销打法,
相关文章
留言与评论(共有 18 条评论) |
本站网友 永安国际 | 25 minutes ago 发表 |
二 | |
本站网友 深圳租赁 | 1 minute ago 发表 |
遵循设计指南到家是多业务场景 | |
本站网友 人体的三道防线 | 21 minutes ago 发表 |
尽量达到同样期望通透柔和的效果 | |
本站网友 苏州家园 | 14 minutes ago 发表 |
主动提出问题 | |
本站网友 三亿韩元 | 26 minutes ago 发表 |
简化设计规范应用的流程(易使用) | |
本站网友 龙的繁体字 | 23 minutes ago 发表 |
本站网友 骨密度仪 | 4 minutes ago 发表 |
都不是好规范设计规范需要能切实落地才能发挥它应有的作用 | |
本站网友 干燥症 | 26 minutes ago 发表 |
认同设计规范的价值;积极配合主设走查 | |
本站网友 证券投资基金 | 29 minutes ago 发表 |
极大减少走查问题的处理时间 | |
本站网友 鸿基新城业主论坛 | 0 second ago 发表 |
2. “达成共识” | |
本站网友 上海四星级酒店 | 5 minutes ago 发表 |
4)规范的验证与问题收集给大家推荐设计度量标准 | |
本站网友 188是什么号码 | 20 minutes ago 发表 |
往往同样一个功能在不同业务下是近似而又有差异化 | |
本站网友 本网站成人内容收集于全世界的互联网 | 21 minutes ago 发表 |
比如iOS系统可以做毛玻璃效果 | |
本站网友 黄金价格多少钱一克 | 16 minutes ago 发表 |
技术落地 | |
本站网友 临沂电影院 | 3 minutes ago 发表 |
有人维护的;满意度:对使用设计系统的满意程度 | |
本站网友 广州婚纱 | 2 minutes ago 发表 |
再比如 | |
本站网友 达州房产 | 23 minutes ago 发表 |
而不是在项目做完后把设计规范整理完就扔在那落灰 |