Sign Up Screens
I was intrigued by the concept of Koala Messenger. Nothing quite like it existed in the app store, and my collaborators gave me the freedom to run with their concept and turn it into a desirable tool.
To complete the transformation, I had to:
- Choose or design unique icons that had aesthetic appeal and made sense to the app’s targeted audience.
- Develop a visual style using typography, color palette, and element forms.
- Analyze wireframes and detail software interactions for final product.
Throughout the app, pops of color are used to guide the users through the steps. I used visual cues—like green checkmarks—to indicate the information has been entered correctly as well as provide a visual map of completed items. In the sign-up screen, the numbers at the top make it easy for the user to see how far along they are in the process.
The app provides continued guidance throughout interactions to clarify sucess to the user. For example, during the sign up process the user enters their phone number a notification appears to say the PIN has been sent.
Autofill takes the edge off of remembering contact information by populating recipients from the user’s contact list as they are being entered.
Once contacts have been added, the user enters the post caption and can then make simple selections for the post type. This example shows a “Here or There” post, where the user can select a time, date, and two map locations for their friends to vote on.Tally the Votes!
Outfit choices without an objective opinion are risky. The supportive friend depicted below has voted on the pink shoes. Anyone can view further statistics on voting patterns by tapping the “i” informational icon at the bottom of the post, beside the summary of how many friends have voted. This benefit deems no infinite scrolling through discussion threads necessary.
To meet current social media standards and expectations, users also have the ability to check-in to places or post photos that others can like or comment on. With each post housing its own voting and results, the message stream remains clutter-free for easy reading and private so that conversations stay separate from other posts.
Decision Creation Screens