G- Common
是面向企业“PHX计划”提供的一套中后台企业级设计系统,为PHX相关产品提供设计指导原则和工具,促进研发部门协作效率提升
主导中台Web端基础UI库的样式校验与封装,负责基础组件在企业内部业务应用场景的验证、探索等,通过完善中台组件库助力完成一套组件系统初步的雏形成果输出。
02
基础UI库的
.
Sketch Library 封装
03
基础UI库 VUE 2.0 &3.0的UI走查
因为
G- Common 1.0
只有基础组件库
,无法囊括
UED
中台的所有
UI
规范,且无法高效满足业务侧实际的组件调用诉求,故而开展的
G- Common 2.0
升级建设。
主导完成中台两端基础组件的设计资源的封装,尤其是Web端 封装的组件基数大而全,且兼备智能布局的可响应能力(
组件布局的可动态响应覆盖率达一半以上
)… 属于组件库文档标准化的建设工作,通过优化组件库设计资源的调用方式,最终提高了设计资源文档的搭建效率和输出质量、升级了设计团队的协同方式;
规范文档通过资源共享、调用实操演示等手段在设计团队中推广使用,提升了设计师的页面搭建效率;
通过真实的项目开展(可见下方项目 “ 软件IT G-Code Storyboard UED设计需求” )有效助力组件的可用性与影响力的验证,中台组件赋予了页面效果搭建设计师(UI)新的能力与角色升级:显而易见地提高了工作效率,释放更多精力投入到需求的梳理、业务场景/体验的优化上
![2023年主要工作回顾-中台组件建设(图ZMTQ2NDgwNjA=) - 观点 - 站酷设计师LadyBOX原创素材 - 站酷ZCOOL]()
▲ 已封装的.Sketch Library封装资源库的调用演示
1)组件内问题及G-Common官网的文档样式问题在
1.8.0
版本范围之内;
2)因G-Common-web端组件样式基于 “Element” ,样式细节并未强制要求100%对齐设计侧样式;
3)设计走查无法深入到每个组件,和所有组件内部的状态样式,需开发侧自行横向(类似组件&类似样式)、纵向(交互及状态样式)对齐;
4)组件间的嵌套、组合的统一UI无法明确走查,需开发自查
(如【多选选择器】嵌入的标签,是否对标/调用了【标签】组件)
;
走查方式:
UI肉眼、及典型的重要的线上文档可见的css样式走查
1) “字阶与行高的匹配对齐 ” 的问题,部分组件非表单信息类的文本未强制对齐文本的行高要求,如Web端【Radio单选框】【Checkbox多选框】等;
2)图标/文字图标(iconfont)的颜色与尺寸应用的统一性问题;
4)样式污染等问题造成的组件样式上线效果不稳定的问题
2)缺陷修复的不够细致,有些走查问题已经细化到色号或像素标注了,还是出现修复遗漏;
3)缺陷修复要对齐设计侧给出的整体摹客标注说明,诺亚缺陷描述仅作问题阐述,如部分组件走差只标出了单个组件样式,前端就仅修复单个,会出现同类型的组件样式修复遗漏
GCom UI组件库UI走查过程中发现,已关闭的走查模块上线后会发现依然存在缺陷,UI和前端都无法有效追踪该缺陷的遗漏责任人。有可能是UI走查遗漏;也有可能是走查环境正常的功能/内容但反复上线迭代后出现新的异常(且非常常见)
仅记录存在缺陷的点。通过诺亚描述存在缺陷的具体内容,并尽可能地备注出优化内容或方向;
学习测试组测试规范,按照测试
/
走查清单输出测试
/
走查记录,
既记录未通过
(存在缺陷)的功能点和内容,
也记录已通过
的测试内容……
基于行内竞品的优秀/典型的上线案例,梳理出一份【高级组件】和【特色组件】的功能建设清单:
1)业务诉求过滤:各业务线对「高级组件收集案例」结合自身业务诉求进行初步过滤;
2)业务诉求收集:各业务线设计过滤、补充的业务诉求
3)前端诉求收集:各业务线前端另行补充的诉求 (缺失,缺少成熟的内部技术分享平台和社区,资讯能力差)
因设计体量较大、设计交付紧急、诉求的时效性等,因此设计前的一系列动作,如“交付风险评估”、“人力评估”、“人力排期”、“评审持续跟进”、“定期复盘校验”等动作是必要的
4
大类高级组件,含:
高级搜索/过滤、高级导航、高级表格、其他高级数据管理;
约
16
个大型组件,如:
标签选项卡、高级过滤列表、高级过滤抽屉、手风琴或二级菜单面板主侧导航、树结构、Hamburger、高级表格、手风琴折叠列表、数据看板、相册图集、甘特图等;
其中包含
60+
以上个功能点,大大小小细节功能已超
200+
1
、高阶组件的开发落地资源争取前置工作:
GCom基础组件的使用情况调研
:
2
、高阶组件的开发落地资源争取前置工作:
GCom高阶组件的前端调用诉求
高级组件的落地跟进:收集业务侧开发对高级组件的调用优先级诉求,开展G-Com 高级组件的设计提案的可行性落地跟进,初步评估结果为:
1)鉴于落地应用价值 及投入产出比预估,高级组件设计提案内容优先落地到规范文档;
2022年底到2023年是非常崩溃的一年,行业“卷”象之下,个人工作效果要求更高、工作量很大,工时管理的压力给到每一个涉及到项目统筹的人员… 很多企业内团队的矛盾会暴露出来!
这一年的成绩在企业可能未必多显性,但对个人来讲却是非常可观的!感谢陪我熬过夜的城市灯火,感谢唤我早起的鸟鸣,感谢迎我下班回家的夕阳与余晖,感谢有酒有花的桌上好友… 感谢一路的坚持!
为了致敬那个快崩溃的自己,2023年几度奔赴山海,去到高原、氧气缺失的地方,重新感受宁静与生命…