web需求定义涉及到展示和交互两个部分,展示是打开一个页面时呈现出来的页面效果,交互是用户通过鼠标,键盘,触摸或其他外设操作之后系统给出响应的过程。
对于页面的展示要从下面几个角度来确认需求。
一. 界面展示,需要确认展示的逻辑
- 展示逻辑通常要考虑不同的角色进入页面时候的显示是否一致,如果不一致,则要明确不同角色进来后显示内容的异同
- 对于有隐藏内容的控件,必须确认隐藏的内容,例如菜单,tab
- 对于每一个显示单元要确认显示数据的逻辑,例如“最热文章”,必须要确认这个最热文章是如何定义的,是按点击的还是按转贴的,还是其他逻辑,另外还要注意这个最热是否有隐含的时间范围
- 对于显示区域临界条件的确认,要确认数据不足时如何展示,数据字段过长时如何展示
二. 交互需求确认
什么是交互呢? 页面展示出来,用户通过鼠标,键盘,触摸或其他外设操作之后系统给出响应的过程就是交互。
对于传统的web最常见的交互是填写表单和鼠标点击。
我们可以先考虑表单需求的确认。 可以把表单性需求的确认分为三个阶段 1) 表单填写 2)表单的提交 3)表单提交后的响应
先来看表单填写需要确认的需求:
- 对于输入性控件必须确认输入框是否必填,输入框是否需要格式校验,是否有最大长度限制,是否有相等性校验。
- 对于选择性控件,也要明确是否有最多选择数,最少选择数,是否可以不填等边界条件
- 另外要注意是否有键盘操作便捷的需求,例如按回车或Ctrl+回车提交,按tab键要到下一个表单元素
- 是否需要在进入界面时自动focus到某一控件上
- 当用户将焦点移向下一个控件时是否需要做交互判断(最典型的是注册用户填写用户名后自动校验用户名是否存在
上面5点前两点是边界条件的确认,第3,4是便捷性需求的确认,第5点是用户友好性的确认
表单填写完毕用户就可以提交表单了,提交表单有异步和同步两种方式,最好给产品经理确认提交的方式,另外还要评估表单提交是否涉及到耗时的操作,如果操作很耗时,应该要求产品经理给出应对用户等待焦虑的方案。
最后需要明确表单提交之后需要明确后端处理的业务逻辑,和处理成功或者失败之后的提示或页面跳转。
除了表单之外最常见的交互是鼠标点击,例如点击删除链接,删除一条记录,这时候要确认点击前需要客户端如何响应,点击服务器收到成功响应后如何显示,失败时如何显示。
对于一个系统来说添加或者修改一个功能点,往往会影响其他功能点,在做需求确认时还要明确当前操作会影响到地方,影响是什么样子的,如果因为性能原因使用了缓存,要给产品同事明确缓存时间。
总结:
技术人员在确认需求是要考虑界面效果,要考虑显示逻辑,也要考虑后台的业务逻辑,以及当前需求点操作逻辑对其他地方的影响。
必须在确认需求阶段就充分考虑好界面显示的边界条件,用户输入的校验条件,用户交互的显示逻辑,有错误发生时的处理。
业务逻辑中一定要考虑到当前用户是否分了角色,操作的对象是谁,这个需求是否有时间范围,操作是否有其他的前提条件,是否影响到其他地方。
相关推荐
本书以Web 2.0网站开发的5种需求和28个重要元素为线索,从PHP开发Web 2.0网站的三个理由出发,全面讲解PHP的Web开发技术,并按行业流行的开发模式创建10大Web 2.0应用系统,帮助读者真正实现从新手到高手的跨越。...
本书集中讨论Web数据自动分析的关键技术——Web数据自动获取、特征抽取、表达建模及Web挖掘等相关理论和方法,在此基础上,分析了几种典型的Web数据分析需求,提出并介绍了具有针对性的解决方案及方法。主要解决方案...
全书共分24章,以实际的项目作为例子贯穿始终,内容涵盖了PHP项目开发的各个方面,从基础语法、数据库...本书适用于初、中级有一定基础的PHP程序员,同时也适合希望全面了解Ajax技术、掌握Ajax应用技巧的Web开发人员。
适合人群:适合对Web开发、数据库设计和数码产品市场感兴趣的开发人员、学者和学生。 能学到什么:读者可以了解到使用JSP技术和MySQL数据库构建数码产品应用平台的过程,包括需求分析、系统设计、数据库设计、系统...
本书以Web 2.0网站开发的5种需求和28个重要元素为线索,从PHP开发Web 2.0网站的三个理由出发,全面讲解PHP的Web开发技术,并按行业流行的开发模式创建10大Web 2.0应用系统,帮助读者真正实现从新手到高手的跨越。...
智能云平台需求书及技术方案 智能云平台需求书及技术方案全文共16页,当前为第1页。智能云平台需求书及技术方案全文共16页,当前为第1页。 智能云平台需求书及技术方案全文共16页,当前为第1页。 智能云平台需求书及...
, 《Nginx高性能Web服务器详解》特别适合于希望了解和掌握Nginx服务器应用技术和实现技术的广大教师、学生和电脑爱好者阅读,对使用Nginx服务器搭建Web服务器架构或进行网络服务器应用开发的技术人员尤其具有重要的...
ASP.NET MVC 4框架的运行原理,如何在真实开发场景中使用ASP.NET MVC 4框架新特性来解决不同的需求,如何使用HTML、JavaScript、Entity Framework以及其他Web相关的技术。同时,分享了许多实际项目开发的最佳实践...
随着科学技术的飞速发展,社会的方方面面、各行各业都在努力与现代的先进技术接轨,通过科技手段来提高自身的优势,基于java web开发数码产品推荐平台系统当然也不能排除在外。基于java web开发数码产品推荐平台系统...
本书以Web 2.0网站开发的5种需求和28个重要元素为线索,从PHP开发Web 2.0网站的三个理由出发,全面讲解PHP的Web开发技术,并按行业流行的开发模式创建10大Web 2.0应用系统,帮助读者真正实现从新手到高手的跨越。...
本书以Web 2.0网站开发的5种需求和28个重要元素为线索,从PHP开发Web 2.0网站的三个理由出发,全面讲解PHP的Web开发技术,并按行业流行的开发模式创建10大Web 2.0应用系统,帮助读者真正实现从新手到高手的跨越。...
本书以Web 2.0网站开发的5种需求和28个重要元素为线索,从PHP开发Web 2.0网站的三个理由出发,全面讲解PHP的Web开发技术,并按行业流行的开发模式创建10大Web 2.0应用系统,帮助读者真正实现从新手到高手的跨越。...
Web 产品的功能也愈发复杂、对相关技术人员的要求也越来越高,而 技术人员在开发过程中难免会遇到各色棘手的问题,所以面向开发人员的技术交流网站应运 而生。由此决定使用 Vue.js 这个 MVVM 框架以及基于 Vue.js ...
在该文档里还没有涉及开发技术,而主要是通过需求分析的方式来描述用户的需求,为用户、开发方等不同参与方提供一个交流平台。 2.1.1About the Project项目介绍 Saas小区物业管理系统,无需高额采购成本、不需要专人...
Java Web 技术实现小型酒店管理系统。本文实现的管理系统是 一个并发性强、可同时容纳大量用户的系统。小型酒店管理系统有开房功能、消费功能、 消费统计功能、添加房间类别功能、添加房间功能、退房功能、添加会员...
基于WEB的网上投稿系统,采用用户使用浏览器的方式将稿件直接上传到投稿系统的方式,具有执行时间短、安全可靠性高,使用户从传统的邮寄投稿方式中解脱出来,专注于稿件的创作。本系统是一个独立的投稿系统、包含...
在 HTML5 得以广泛推广之前,开发人员通常使用 SVG,VML 等技术进行 Web 绘图操作,但这些基于 XML 的绘图语言声明式的绘图方式并不能满足复杂绘图操作在性能上的需求,比如 Web 游戏所需要的像素级别的绘图能力。...
, 《Nginx高性能Web服务器详解》特别适合于希望了解和掌握Nginx服务器应用技术和实现技术的广大教师、学生和电脑爱好者阅读,对使用Nginx服务器搭建Web服务器架构或进行网络服务器应用开发的技术人员尤其具有重要的...
1 1.2.2 经济可行性 1 1.1.3 技术可行性 1 1.3功能需求分析 1 1.3.1 待开发系统概述 1 1.3.2 产品功能 2 1.4系统性能分析 2 第2章 数据库设计 3 2.1 数据库概念级设计(E-R图) 3 2.1.1 实体图 3 2.1.2 系统E-R图 4 ...
在系统安装和调试期间,我公司的技术人员将对贵局派出的技术人员进行现场技术培 训与指导,确保贵局技术人员掌握相关的技术能力。 3. 我公司根据合同规定将要安装和调试资料提前单独发往安装现场。 4. 我公司在设备...