Learn more about iterating on low-fidelity designs

Osama Abdelnaser
1 min readJul 21, 2023

--

You’ve analyzed and synthesized the feedback you received from your usability study participants, carefully searching for clues about their pain points or possible obstacles. After you create a list of insights from your research, it’s time to iterate, or revise the original design to create a new and improved version. Remember, the goal is to improve the user experience of your responsive website based on the insights you generated.

The good news is that it’s pretty straightforward to iterate on designs. Whether you’re working in Adobe XD or Figma, here’s what to do:

  1. Make a copy of your wireframes, and paste the copy below your original wireframes.
  2. Name the two versions of wireframes, such as “Round 1” and “Round 2”, to help you easily track each round of designs and reference previous designs, if needed. You might also want to show these rounds of designs in your portfolio case study later.
  3. Make changes to your designs, including editing wireframes and the interactive components of the prototype, based on insights from your research.

You may realize that you need to rework more of your designs than you originally anticipated. That’s okay! The reason UX designers conduct usability studies is to make designs better with each iteration. This is a normal part of the design process, so don’t be afraid to make edits.

Sources: Google UX Design Professional Certificate

Coursera | Responsive Web Design in Adobe XD

--

--

Osama Abdelnaser
Osama Abdelnaser

Written by Osama Abdelnaser

Hello! I’m a very passionate UI/UX designer that’s always wanting to grow, learn and try new things.

No responses yet