LOFTER-网易轻博

企点&领航介绍

腾讯企点助力企业数智化转型，企点领航为企业提供高度灵活、可配置、可扩展一站式平台。

项目起因：挖掘课题价值

基于「降本增效」这题目标，研发团队提出了「组件化开发」的规划。随着相关角色 ( 研发，设计，产品，实施 ) 陆续参与，以及同样的「降本增效」目标，各团队开始思考如何将「组件化开发」的价值最大化。

项目目标：从零散的想法进化到具体的目标

各团队已提炼出的待降本增效环节，从中找出零碎的问题点并围绕其跑出各种问题或大胆的想法，慢慢推导出具体的目标。

制定计划：拆解目标，构思初代Roadmap

若要顺利推进项目，不仅要明确总目标，还需规划阶段性目标。从而找到实施的切入点并推导出RoadMap.

认识对象：是什么组件？

产品，设计，研发…不同角色对「组件」一词的理解各不相同，为避免后续的沟通成本，理应先统一认知再开展工作。

明确项目边界，保障调研效率

做哪些组件？怎样的？怎么做？除了从客户口中找寻答案，还可中市场主流产品中找经验。值得注意的是，选择竞品时切勿无目的，需要对症下药。针对「做什么」，设计团队打算从建站平台找方向 (eg:Shopify) ；针对「怎样的」，则可以从会展领域的知名产品找线索  (eg:腾讯数字生态大会) ；至于「怎么做」则可以参考设计系统 (eg:Semi). 当然每类竞品并非只能解答一个问题，调研过程往往会有意外灵感袭来。

从竞品中发现并抽象出议题

在研究建站平台的初期，不同的观察方式让设计团队发现了推进课题的思考点。

从已知信息中提炼出首批组件-通用组件

对于初代组件库的组件，设计团队打算从已知的信息中提炼出相对保险的一批组件。随着项目的推进，调研工作的深入，以及新客户的到来，各种未知情况都可能会对初代组件库进行加增删改。

从已知信息中提炼出首批组件-业务组件

研究成熟的会展产品，结合领航已有客户，提炼出领航所需的会展领域业务组件。

基于组件的构成，从多个维度定义组件

灵活度的边界

组件并不是越灵活越好，过于灵活会使得缺乏设计经验的客户难以把控页面的整体效果，也会让研发团队头疼，所以，如何界定组件灵活度是个不可掠过的议题。

设计细节

组件化设计，需要考虑到代码复用性。

设计沉淀：不是文档，而是一种高效协作方式

优化点收集：设计验收，不该止步于Bug List

设计稿是个理想世界，单现实往往是骨感的。面对短期内无法实现的部分，当然不能视而不见。

明确标准模板的阶段目标

页面由组件构成，搭建标准页面模板是检验组件库的好机会。除此之外，标准模板还有其它作用与客户和团队的目标。

明确领航项目的核心角色，并归纳其动机

整合不同领域核心角色的异同点

核心场景1.浏览者快速了解运营者提供的平台内容

浏览者想看什么？运营者又希望前者看什么？以展览领域为例，调研二者的诉求。

明确展示字段及其可配置性，并用V1.0组件库的能力搭建页面

核心场景2.浏览者不错过感兴趣的活动

夹在「心理模型」和「实现模型」中间左右为难的「表现模型」

从四大维度研究 PC&MO 的映射关系

PC&MO映射——布局 ( col & row )

PC&MO映射——间距：尽可能使用统一规则，降低代码复杂度

PC&MO映射——文本

PC&MO映射——交互：将PC端地交互习惯转换为MO端的适用习惯 

阶段反思：前端还原度助理设计走查提效

验收环节，设计走查「总」会耗费大量时间。「总」这一次让设计团队觉得这是一个值得研究并优化的课题。