关于设计的思考|关于中后台产品的自动化设计与开发 040

股票行情  2021-03-15 19:30:08

编辑指南:自动化在设计和创建复杂产品的过程中发挥着越来越重要的作用。本文对中后端产品的自动化设计开发过程进行了详细梳理,并对遇到的一些问题进行了分析和总结,供大家参考。

01写在开头

在一个产品的设计过程中,需要做很多的决策,做什么,怎么做都需要仔细的思考。作为一个设计师或者开发人员,你是否在相似度很高的后台类需求上花费了大量的精力,被这样的重复提问浪费了大量的设计开发决策成本?作为一个专业的产品PM,是否希望画出的原型符合设计标准,让自己更专注于产品功能本身?

因此,我们需要进一步建立一个开发系统,将设计师和开发人员从大量重复的工作中解救出来,从产品的源头统一UI框架,这样的产品才能保持一致的用户体验。

什么是中后台产品的自动化开发

中后台产品自动化开发系统是一个完整的流程闭环,以设计资源为中间办公室,从产品端到开发端。它将标准化的设计资源整合到产品端和开发端,打开中后台产品开发的所有环节。通过整合设计资产和建立自动化开发工具,重新定义了中后端产品的开发模式。

中后台办公产品自动化官网首页

03如何实现自动化

1.在设计方面建立资源中心

基于中办的概念,我们不断从各业务条线的实际产品中提炼出常用场景,将复用性高的区块和模板页面进行整合,经过标准化设计后进行封装,并通过任务表单对区块进行分类,从而形成各种中办和后台区块设计资产。这些设计资源可以在不同的业务场景中共享,形成一个场景设计平台。

设计中中间站的区块资源

同时,我们建立了自动化开发工具集,包括前端开发使用的自动化开发工具和产品学生使用的产品原型绘图资源,同时将存放在设计中心的资产共享给开发端和产品端,形成了从设计到产品、从设计到开发的全过程闭环。

过程闭环

2.产品侧的原型图

AXURE的组件库资源:在产品端,我们为产品团队设计了AXURE的组件库,将设计中心的所有设计资源进行整合,以组件、块、模板页、图标集的形式进行分类。利用这个组件库,我们可以从产品的源头统一交互规则和UI框架,创建一个完全符合设计规范的高保真产品原型,交付给前端进行开发。

Axure库

墨刀原型绘制工具:目前我们已经与墨刀产品达成合作共识。未来,我们设计中心的所有资源都将整合到水墨刀产品中,为产品学生的原型绘制提供更多的工具选择。

3.开发端前端自动化工具

在开发端,我们创建了一个前端开发自动化工具,它也集成了设计中心的所有资源,所有设计资源的结构与产品端一致。开发学生得到产品输出的高保真原型后,可以使用这个工具以所见即所得的方式开发页面。

前端自动化工具如何工作:

(1)创建项目:通过前端自动化工具创建或选择一个项目模板,完成项目建立。

创建项目

(2)建立项目页面:完成项目创建后,开始逐个建立项目的具体页面,首先建立页面骨架(页面布局)

创建页面布局

(3)填充页面内容:创建布局后,在区块市场中选择适合业务场景的区块,以所见即所得的方式填充布局,完成页面内容的建立。

创建页面内容

(4)定制场景块或模板:我们的块和模板支持定制,以灵活应对更复杂的业务场景。当模板库和块库中的资源不能满足业务需求时,可以通过WEB端的在线工具自行创建块和模板。

WEB端在线工具集成了我们所有的组件资源,通过组件的自由组合,我们可以简单快速的创建场景块或者模板页面。代码发布后,可以通过定制内容自由检索这些,并同步保存到素材库,丰富设计资源。

自定义场景块或模板

联机阻止材料资源

完成以上所有工作后,即可开始调试,最终完成前端页面的开发。

完成创建首页

04写在最后

中后端产品的自动化开发,通过模块化思维和流程开发,更加灵活地利用设计中沉淀的资源,具有进一步的实用性,符合B端产品设计开发的“大局”。自动化工具沉淀的设计资源将成为新的设计能力,并不断应用于新的业务。

作者:李国铭,视觉设计师

本文来自大家的产品经理合作媒体@58用户体验设计中心(微信公众号@58UXD),作者@马亚辉

标题图来自pexels,基于CC0协议


以上就是关于设计的思考|关于中后台产品的自动化设计与开发040的全部内容了,喜欢我们网站的可以继续关注姬峰股票网其他的资讯!

相关推荐

如何报销医疗保险卡,医疗保险卡报销比例规定
1.如何报销医疗保险卡1.通常,当您因病需要住院时,可以携带医疗保险卡和医疗记录给您在指定的医院,您可以使用您的医疗保险卡进行结...
安永:内地银行第一季度净利润同比增长
安永会计师事务所在其第20期"中国上市银行对2021年第一季度的业绩分析,2020年回顾和未来前景"中指出,今年第一季度,该38...
上汽大众配备15台超声波和毫米波雷达,推出SkodaOctaviaPRO
新闻SAIC(600104)的主要内容合资汽车公司上汽大众于3月9日宣布推出新款斯柯达明锐PRO。新型号配备15台超声波,毫米波...
管爱通增资1.05亿元:收购一家拥有第三方支付牌照的公司部分股权
8月21日,首创获悉,管爱通(871282.OC)本次非公开发行实际发行1132.36万元人民币普通股,发行价为每股92727元...
欢迎来到会议后的坏消息?盛美股份母公司ACMR因两项罪名被卖空机构起诉
盛美半导体设备(上海)有限公司(以下简称:盛美股份)最近可能有点焦虑。公司科创板一开会,母公司就被做空机构指控造假。10月8日,...
华夏生物科创板IPO获上交所询价
7月24日,首都国家获悉,成都圣诺生物科技股份有限公司(以下简称:圣诺生物)的IPO申请近日已被上交所查询。(图片来源:上海证券...
因买方违约,上海证大终止出售烟台非全资子公司股权
9月8日,首创获悉,港股公司上海证大(00755.HK)公告,将通过公开上市方式终止出售其持有的烟台市非全资子公司股权。上海证大...
公司债券交易纠纷,*ST康德部分财产被查封、扣押、冻结
8月5日,国都获悉*ST康德(002450.SZ)近日收到"民事裁定书"。据悉,由于公司债券交易纠纷,在案件审理过程中,东莞农村...
中投证券官网首页滁州期货公司哪家正规期货公司开户年底手续费?
中投官网首页的储备资产构成是怎样的?储备资产管理:储备资产的构成是什么?储备资产的管理包括两层含义:第一层含义是对一国持有的国际...

友情链接