G5

• Prototyping


  The process of creating early inexpensive versions of a product or feature to test ideas and gather feedback before full development
• Low-fidelity prototypes


  The first crude iterations of a design that are typically made with paper, pencil, and basic digital tools. Designers may rapidly test and refine concepts without devoting a lot of time or money to a comprehensive execution.
• High-fidelity prototypes


  More intricate and closely mimic the finished product. These prototypes can be made more sophisticated design tools.
• Low-fidelity prototypes

  • Collect relevant user feedback quickly
• High-fidelity prototypes


  • Provide a better sense of the user experience, allow for more detailed testing
• Fidelity


  The level of detail and functionality that the design has. Low fidelity design has basic elements, while High Fidelity looks as close as possible to the final design.
• High-fidelity prototypes


  • Accurate representation of the final product, helpful for getting stakeholder buy-in and identifying potential visual design problems
• User interface prototyping tools


  Software that allows designers to create interactive, clickable representations of user interfaces. Essential for testing design concepts, gathering feedback, and refining user experience (UX) before development.
• User interface prototyping tools

  • Figma
  • Adobe XD
  • Sketch
• Figma


  Design software for creating, sharing, and testing designs for websites, mobile apps, and other digital products and experiences.
• Adobe XD


  Part of Adobe Creative Cloud, integrates seamlessly with other Adobe products. Powerful for wireframing, prototyping, vector design, and creating interactive animations.
• Sketch


  Sketching can help designers quickly visualize design ideas in an efficient and low-cost way, so it is an essential skill for UI/UX designers.
• Usability testing


  Evaluating how simple a design is to use by observing how users interact with a product. Allows researchers to spot design flaws, determine whether or not users enjoy the product, and if they find it easy to use.
• Usability testingadvantages


  • Provides an opportunity to catch minor errors and make improvements, helps gain an unbiased perspective, is a relatively simple process, provides insight into how easy it is to complete certain tasks and how long it takes
• Usability test for a fast food chain

  • Company: McDonald's
  • Product: McDonald's mobile app
  • Test Objective: Evaluate the app's usability, including menu navigation, ordering process, and payment flow
• Expert evaluation


  A type of evaluation that relies on expert opinion to determine the quality of programs or products.
• Analyzing usability test results and making design recommendations

  1. Organize the usability issues identified

  2. Discuss the findings with your team

  3. Prioritize issues based on criticality and impact
• When analyzing usability test results, it is important to focus on the findings and recommendations that are differentiated by levels of severity. The data collected from the test should be compiled and summarized, and then analyzed to identify patterns and trends. The problems encountered should be described in detail, and the severity of each problem should be noted on a three- or four-point scale.
• Based on the results of the usability test, design recommendations can be made to improve the user experience. These recommendations should be prioritized based on the severity of the problems encountered during the test.
• How to prepare usability test

  1. Do your research

  2. Create a test plan

  3. Choose the right tools

  4. Recruit participants

  5. Prepare your materials

  6. Analyze the results

  7. Make changes