Before sketching my screens, I created a map to determine which base screens would be necessary to create.
I began my rough app sketches with ideas about how the onboarding experience could be for users, introducing the app and its functionalities.
Following the onboarding, I did a quick sketch of what could be included within the navigation bar, and some of the icons necessary.
Next I sketched the log in/sign up screen, home page options, explore page, collaboration page and the profile. For all of the rough sketches I use a sharpie, to focus most on layout and not the detail of each page yet. I find taht this allows me to sketch more freely and get down the basic ideas down on paper, before figuring out the details.
Now that the rough sketches are there for reference, I moved onto some refined sketches for the base screens.
During this section however, I wasn’t sure on what I intended for the home page to display. What I ended up sketching and coming up with was what the user could find within the team page anyway, so this was conflicting. I intend to solve this issue within the next set of sketches after some feedback and advice.
After slightly altering the purpose of my app and deciding that the desktop will be the main focus, I decided to create story boards to aid me with the wireframe sketching stage. Understanding the users thoughts, feelings and actions will help me determine how to make the service more user-friendly for the target audience.
Crazy 8’s