1、提供可简单交互（支持页面跳转、下拉等操作）的原型图
原型图应表达正确的信息，没有硬伤
如数值计算应该符合正确的逻辑
原型图中标注特殊或者比较复杂的逻辑
如文字高亮的条件，计算公式
原型图应具有基本的美感
布局清晰，避免页面过于拥挤（折叠不重要的信息）、随意折行
相关元素靠近，同类元素对齐
原型设计应重点关注操作效率
了解用户常用操作，将常用操作元素置于容易看见、点击的位置
选择合适的UI组件，参考antd组件库
原型图示例参考： https://www.xiaopiu.com/web/byId?type=project&id=5c8a2d09a49df352b641cb51
原型设计参考资源（antdesign设计语言）：https://ant-design.gitee.io/docs/spec/introduce-cn
2、理清需求包含的所有页面，及页面间的跳转路径
3、明确所有枚举状态
如任务的所有状态和流转关系
4、明确页面数据来源
比如下拉框可选内容来自：后端配置（变化频率高） 或 前端维护（变化频率低）
5、PRD需描述可联动的页面元素
例如表单页，选择A则展示B，否则隐藏B
6、输入控件，需要确定验证规则
例如输入的数字范围0~100，保留一位小数
字段A为必填项，字段B选填
网友评论