UI Design Workflow

"From scratch to final product" The following section is an overview of process and medium that team and I used for UI/UX design process. Usually, there will be a lot of small iterations in each steps.

1. Mind Mapping / Requirement Analysis / Persona

2. User Flow

3. Information Architecture

4. Wireframing

5. Prototyping

6. Mockup

7. Deliver UI to Developer

_______________________

1. Mind mapping / Requirement Analysis / Persona

To Study about user, problem and product

2. User Flow

Define workflow and actions needed​

User Story Mapping

3. Information Architecture

Define structure and information on each part of the app or website

4. Wireframing

To get rough idea about layout and element in each screen

To get the clearer picture about screen flow

5. Prototyping

To test UI design and flow by paper prototype or interactive prototype

6. Mockup

To get the final look of each screen

A/B Testing from Alternative Mockups

Get final approval from stakeholders or product lead

7. Deliver UI to Developers

Create ready-to-dev asset

Send guideline to developer