Good user experience (UX) design is simple, easy to use and personalized. The aim is to make a user’s interaction with a product enjoyable and any deficiencies are captured through usability tests throughout the product lifecycle.
UX documentation needs to cover every phase of the UX design cycle, starting from research to product development and testing. High quality UX documentation is intended for a varied audience from the design team to developers and marketing teams. In short, UX documentation should be useful to all those who are involved in product development.
Thoughtful usage of online tools allows for collaborative editing and contribution of all members involved in the project.
DIFFERENCE BETWEEN UI AND UX
UI refers to the visual interface and the screen controls that a user interacts with. UI is an important aspect of UX.
UX refers to the complete experience a user is taken through in the course of using a product or service. This refers to the feelings like ease of use, flexibility, clarity and efficiency when one is using the product.
WHAT IS DESIGN THINKING?
In Design Thinking, a product is built after identifying the needs of users and the features that will make them feel comfortable when using the product. The process of creating a user –centric product goes through the following 3 stages.
Research: Acquire data about user needs, also consider requirements of stakeholders.
Design: The actual product creation or design.
Testing: Usability tests need to be done iteratively.
The components of UX documentation need to support all these stages to facilitate building of a product that is close to the user requirement.
COMPONENTS OF UX DOCUMENTATION
The documentation components for the different stages in the design process are suited to refine and modify the process at every stage.
The following sections describe the different forms of documentation that support the various stages and have been grouped under the stage they apply to.
Research
This involves collecting data from users/stake holders and using the data to come up with the design specifications.
User Personas
User personas are fictional characters that are created based on the data gathered through user interviews and surveys. User personas give insight into the needs, behaviors and goals of target users. This is useful in making design decisions as the data comes directly from the targeted users. Interviews and surveys are used to collect data from users/stakeholders.
Journey Mapping
This is a detailed visualization of the experience and emotions a user persona goes through in the process of interacting with a product. The actions and expectations of the user and limitations, ambiguities in the product become apparent. This further helps to refine the design.
Design
There are several forms of documentation aids that help to envisage, develop and improve the product design. The design phase is where the actual physical design of the product takes place.
Sketches
These are quick free-hand drawings on paper that help to communicate initial ideas and key concepts. This forms a starting point for the design process to take-off from.
Sitemaps
Sitemaps are hierarchical representation of the application that shows how the pages are organized and linked. This also forms a part of the early design process.
Wireframes
Wireframes are blueprints that exhibit the basic structure of a web page or application. They show how the UI elements are positioned and the key functionalities of a page. A LFW (Low Fidelity Wireframe) is used to convey the basic structure and flow of the application to users and stakeholders. The exact colors and shapes of UI controls are not shown here. The feedback is iterated to improve the design process. Wireframes can be depicted on a paper or represented digitally.
Mockups
Mockups show the exact design of the product. Mockups are not clickable (not functional) and can be used to get inputs on the color schemes, appearance, typography etc that influence design decisions.
Prototypes
Prototypes are experimental samples of the final product. They depict the flow and functionality of the product and can be used at different stages of development.
Usability Testing
Testing is an important phase of UX design and needs to be done often to fix functionality issues as the design progresses, find improvement opportunities and get to know user preferences. This is essential to assess how easy and user-friendly a product or application is.
A testing plan needs to be evolved that defines the scope and purpose of the testing. A facilitator administers task(s) to a user (participant) and observes the user’s interaction and behavior with the product. Users need to be informed about the tasks they need perform and any related details to help them complete the task. The results of the test and any additional feedback collected from the user are presented in the form of reports and will be used as inputs to refine the design process.
The process of UX Design needs to be supported by relevant documentation practices at every stage. A good UX design documentation aims to improve the design process to enhance the quality of the product and meet the expectations of the user.
REFERENCES:
How to Document your UX Process?−https://17seven.co/blog/how-to-document-your-ux-process.html
UX Design Process Best Practices: Documentation for Driving Design Forward−https://uxpin.medium.com/ux-design-process-best-practices-documentation-for-driving-design-forward-part-1-c0604ca2970
Essential Tips for Creating Great UX Documentation−https://konceptapp.com/blog/essential-tips-for-creating-great-ux-documentation/
What Exactly Is Wireframing? A Comprehensive Guide−https://careerfoundry.com/en/blog/ux-design/what-is-a-wireframe-guide/
What’s the Difference Between a Wireframe, a Prototype, and a Mockup? −https://careerfoundry.com/en/blog/ux-design/difference-between-wireframes-prototypes-mockups/