Ui documentation template

1. How do I create a UI document?
2. What should design documentation include?
3. What typical formats and techniques are used for documenting the UI design process?

How do I create a UI document?

Start by dividing the product into 10-30 major areas or workflows (e.g. "dashboard" or "onboarding") depending on the scope of work. Then, one-by-one, write a pitch for each that explains why and how it should be created, with considerations for both design and development.

What should design documentation include?

Design documentation is a collection of documents and resources that covers all aspects of your product design. Documentation should include information about users, product features, and project deadlines; all essential implementation details; and design decisions that your team and stakeholders have agreed on.

What typical formats and techniques are used for documenting the UI design process?

Staples like wireframes, mockups, and prototypes are the most common, but less popular documents like customer journey maps or test plans can, when done properly, be just as useful.