前端总结的对PRD的基本要求

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选填

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,584评论 1 45
  • 专业考题类型管理运行工作负责人一般作业考题内容选项A选项B选项C选项D选项E选项F正确答案 变电单选GYSZ本规程...
    小白兔去钓鱼阅读 10,312评论 0 13
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,559评论 1 32
  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 14,235评论 0 15
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,026评论 1 92

友情链接更多精彩内容