web app requirements template

web-app-requirements-template.md

<product_name> Product Specification

General Info

• Product name:
• Website:
• Project leader:
• Technical leader:

Scope

(Follow http://semver.org/spec/v2.0.0.html for versioning)

1. Version v0.1.0 <list all the features within this scope - milstone)

2. Version v0.2.0

Abstract

What and why this product?

Product Terms

(if there is any)

Product Objectives

(What do we want to get out of this product?)

User Needs

(What do our users want to get out of this product?)

We follow: http://www.jjg.net/elements/

The Scope Plane: Functional Specifications and Content Requirements

1. Functional Specifications

2. Content Requirements

The Structure Plane: Interaction Design and Information Architecture

1. Interaction Design

2. Information Architecture

The Skeleton Plane: Interface Design, Navigation Design and Information Design

1. Interact Design

   1.1. Mobile

   1.2. Desktop

   1.3. Big Screen

2. Navigation Design

   2.1. Mobile

   2.2. Desktop

   2.3. Big Screen

3. Information Design

   3.1. Mobile

   3.2. Desktop

   3.3. Big Screen

The Surface Plane: Sensory Design

1. Mobile

2. Desktop

3. Big Screen

Prototypes

(Any prototype from the sensory design for reference to produce the real product from)

Questions and Answers

1. What are the required supported browsers?

2. Whare the the supported screens? Do we support responsive design?

3. Do we work on new product completely or from existing? If from existing, please list all the related products, technology stack, integration requirements.

References

• http://www.jjg.net/elements/