Now that I have come up with a travel app idea, and have done some illustration research, I feel like now is the appropriate time to start planning my travel app user interface.
At the start I had no idea where to even begin, thus I went back to my previous blog to check my previous notes. I reminded myself of my previous ideas and combined them.
Here are my previous ideas;
And there is my final idea after I combined them;
Now that I have got a general idea of where my app is going, I need to consider which screens should I try to showcase. I need to consider this as I know that an app can have many different user interfaces, I mean even considering starting off a new app - you have the initial loading page, the login page/ the setup page if you are a new user, the introduction page etc. I think what really helped me is to think about a user journey through an app. I have never done this before, so I'm going off on my own instinct, but I need to recognise that I need to work on it in the future;
I picked the pages that can show off my app ideas such as - a reward system, map system and quest map etc, and checked that they satisfy the requirement of my project brief;
and there are the pages I picked (the ones encircled);
The reason why I want to have the same user interface pages but have 1 zoomed in and another not is that I want to show that my app is interactive and that users and zoom in/ scroll through/interact with the app.
And also, I just want to clarify, that in the "destination summery" bit, I actually don't mean zoomed in. I want 2 different destinations summery, each destination summary has 2 pages, one page scrolled up so the user can read more information, and one that is scrolled down so that the user can see more of the illustration.
Now that I know what user interface page I need to put together, I started to do some mock designs on pages. I was a little hesitant on whether I should include mock designs in my research, as they are all really rough looking. I do mock designs mainly just to give me an idea of the big picture so that I'm not totally clueless when I go and start my prototypes in Figma. In the end, I decided to include them in my research, because through them it will be easier to see why I did what I did in the finalised user interface in Figma.