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