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

© 2023 by Odam Lviran. Proudly created with Wix.com.

  • LinkedIn - Black Circle
  • Twitter - Black Circle
  • Tumblr - Black Circle
This site was designed with the
.com
website builder. Create your website today.
Start Now
AddFood_AdjustCal02