组件|如何快速定义一款B端的组件规范？( 二 )

四、写组件设计阶段：体验分析规范的成立是根据多角度、多业务验证才确定，所以需要时刻思考组件设计的边界。在写组件时可以思考以下6个问题：

文章插图

文章插图
五、写组件设计阶段：撰写组件通常直接浏览的角色是：UE设计师、UI设计师、前端程序员、间接浏览角色：产品经理、售前、后端程序员等。根据角色确定撰写内容包含哪些结构和信息。
从输出文档角度举例，可以从组件的结构层、行为层和表现层依次撰写。

文章插图
从组件业务角度举例如：下拉菜单。
菜单内容大多是预置、后台调取、后续手动添加，所以根据业务属性会产生多种形态。确定组件类别后，同时应要对每一个组件的类别确定必有的基础组件状态，比如：默认、悬停、点击、禁用四种是每个组件都必有的状态，其他会根据组件属性增加。
基础菜单：满足菜单基本功能，单选、多选。

文章插图
分组菜单：指菜单内容需要展示分类标题和内容时。

文章插图
多层级菜单：指根据目标层级选择一个或多个的选项。

文章插图
以上内容仅此举例，希望能给大家在写组件时带来更多的思路。
本文由@石果果原创发布于人人都是产品经理，未经许可，禁止转载
题图来自Unsplash，基于 CC0 协议