For my mid fi wireframes i decided to make them all black and white to make sure the interactions and layout were most important. I did many different iterations over a few weeks to finalise my design.

<aside> <img src="/icons/link_lightgray.svg" alt="/icons/link_lightgray.svg" width="40px" />

Link to mid-fi wireframes:

https://www.figma.com/design/Wc4N8KjJXz1kk1imcazojy/Memori?node-id=0-1&t=qbOht2wmWLztuCJU-1

https://www.figma.com/design/Wc4N8KjJXz1kk1imcazojy/Memori?node-id=0-1&t=svTxPTa0Eeh8nmYF-1

</aside>

The wireframing stage for Memori changed a lot as I worked through it. I did not get to the final layout straight away and I had to keep adjusting the screens until the app started to feel clearer and easier to use.

At the start some of my flows felt too busy or did not connect as well as I wanted them to. Instead of seeing this as a setback, I used it to work out what needed improving. I kept the ideas that made sense, like the scan process, memory storage and recap journey, and changed the areas that felt confusing or unnecessary.

Even though this stage took a lot longer than expected, it was really useful for developing the final outcome. Each version helped me understand the app better and made the final wireframes feel more considered, organised and suited to the purpose of Memori.