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.

  • 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.