The Design Process

-
Brainstorming the problem statement with the business team and the jobs the product has to do.
-
Understanding the core business goals and the brand values.
-
Understanding the target audience and their demographics.
-
Knowing about the Engineering bandwidth and their complexity in implementing interfaces or interactions.
-
Preparing a product draft with the scope to define the target, milestones, budget, resources and the timeline.

-
Competitor analysis to understand the market.
-
Primary and Secondary research to understand the users intentions and goals by using qualitative & quantitative methods.
-
Research trends in UX and UI implementation for similar goals.
-
Accumulating resources necessary for the project.
-
Analysing the results from the research and brainstorming ideas.
.png)
-
Creating a User Persona and identifying Use Cases & User Flows.
-
Identifying the Job Stories and scenarios under each story to mark the situations, motivations and the outcomes.
-
Deriving ideas for interactions for each job scenario.
-
Creating component metadata from the interactions.
-
Sketching low-fidelity wireframes.
-
Designing states for each page in the wireframes considering edge cases.
-
Preparing the Information Architecture based on the component meta-data, user flows and wireframes.
-
Creating Customer Journey Maps for team alignment.

-
Identifying design patterns, frameworks and guidelines required for the project and aligning with current trends.
-
Experimenting and identifying colours, iconography, typography that work for the project.
-
Creating High-fidelity wireframes.
-
Enabling reusability by identifying and creating design components.
-
Exporting the project with component details for the Engineering team to understand and execute the project.
-
Preparing a design system to convey the rules how to use the design components like colours, icons, typography, logo, favicons and branding collateral.

-
Identifying micro states necessary for defining interactions.
-
Defining interactions between pages based on usability heuristics.
-
Build prototypes to define the interactions like page transitions, component states, feedback from the system and the actions that trigger these interactions.
-
Preparing Splash Screens, Welcome Screens and Logo animations.

-
Functional and Usability Testing of the product during and post-development.
-
Identifying bugs in implementation of design during development.
-
Identifying user feedback for wireframes, prototypes and the developed product at each phase.
-
Conducting Usability Tests to identify feedback from the users.
-
Defining the experience outside the product like communication, messaging and notifications to align the user’s intention with the product capability.