Prototyping.png

TOOLS Realtimeboard, Optimal Workshop, Photoshop, Indesign, Balsamiq, Figma

After doing the research I started with prototyping. The user flows and proto personas became the base for creating the information architecture (IA) and the wireframes. Tools like optimal workshop I used for testing my decisions by users with Optimal Workshop.

 
 

LOW FIDELITY WIREFRAME FOR MOBILE

Based on the apps structure I built the first screens.

 

LOW FIDELITY WIREFRAME FOR DESKTOP

I developed the mobile application and added the desktop version as well. The goal was not just to make a copy. It is about to think how to use the more space and what kind of functions are more convenient to use on desktop than on mobile or the other way around.

 

MID FIDELITY WIREFRAME

Now I am working on content that is closer to reality. I implemented text and the UI was coming more in the focus of developing the app than before. While I was working on the wireframes the app was growing more and more and the functions became more detailed.
Also I developed ideas for cross disciplinary teams. How to earn money with the app? How to get the users attention? How to create a tour from the development point of view? Those questions became more and more important.