Knowing the user can be using the app in different situations, with different constraints. I decided to do a storyboard for a car ride. Since this one poses the most constraints on attention and time, and needs to be addressed. This would also lead to a better experience in any scenario.
In order to start building the app UI flow, I mapped the user-tasks that explain the steps the user should take in order to use our app successfully:
1. Finding Recommandations
2. Searching For a Podcast
3. Listening to podcasts
3. Joining Voice Rooms
6. Quickly Changing Podcasts
Prior the interface development stage, the functionality of each entity of the platform was analyzed. Such a map makes it easy to navigate through numerous attributes during prototype development.
I started off the design by making sketches of the main function and flow of the app with all the features such as listening to podcasts, reading articles, and joining conversation rooms included.
Since there was no testing of the early sketches, i decided to draw them out on procreate just so I could get the ideas I had out of my head. In a perfect world these would either be hand drawn or printed and tested with potential users before moving into lo-fi and hi-fi.
I started making some low-fidelity wireframes in order to get my thoughts out and have a basic understanding of what I’m doing. Mapping out the interface, the different screens, and the basic information architecture in order to see what needed to be changed and whatnot.