Mastering the UI Design Process: From Prep to Validation

Introduction

Design is described as innovative, honest, natural, and minimalist. Recognizing that design is not a simple task, the author shares a basic workflow to help newcomers navigate the process.

Design Process Overview

The workflow is divided into three milestones: before design, during design, and after design. This structure helps allocate time and focus effectively.

Design Before

The pre‑design phase is often overlooked. Skipping it leads to repeated revisions, scope creep, and delayed delivery. Key activities include:

1. Talk – Understand business goals, target users, competitor analysis, and project context by discussing with stakeholders.

2. Look – Review existing competitor products or similar industry solutions to gather inspiration and identify gaps.

3. Think – Clarify open questions, define design opportunities, assess implementation costs, and plan the design schedule.

Design During

With preparation complete, the design phase proceeds as follows:

1. Prototype Design – Refine interaction prototypes, involve interaction designers if available, and ensure information architecture and copy are clear.

2. Style Exploration – Define visual style based on trends and project‑specific opportunities such as illustration, texture, detail, or motion.

3. Detail Polishing – Continuously iterate and self‑review designs before formal evaluation, seeking peer feedback when needed.

4. Design Review – Hold a structured review with stakeholders, document decisions, and align on implementation details.

5. Build a Design Kit – Create component libraries and style guidelines early to ensure consistency across iterations.

Design After

After a successful review, the focus shifts to implementation and validation:

Design Delivery – Ensure design files are well‑organized, annotate details for developers, and provide animation demos for complex interactions.

Design Validation – Use data tracking, user feedback, walkthroughs, interviews, and usability testing to assess whether design goals were met and to inform future iterations.