A geotagging application for street cats. Design still in progress!
Last update: January 25, 2017See the first iteration here
Menow is a joke application I first designed while I was at Startup Institute in the summer of 2016. It was the perfect opportunity to pick up Sketch and InVision at the time, but I've learned quite a bit about mobile design and about wireframing in general since. It's now 2017, and I look back to my previous designs and cringe, so I have decided to redesign the entire application from scratch using Sketch 3 and Flinto, a prototyping tool. Now you get to see the prototypyes in full mp4 glory!
Funnily enough, the process of redesigning and prototyping the application lead to yet another learning expierence. Turns out mobile design is more than just slapping rectangles together on Sketch, who knew?!
There was so much to consider when came to the login screen. Boxed or Lined form fields? Pre-filled fields or unfilled fields? How I how do I do motion design? Where do I begin?
I decided to change up the aesthetic of the login screen by opting for a more muted color palette and removing the snapchat-esque buttons on the bottom. Choosing line fields over the boxed fields was a tough from a usability standpoint as the lined fields were more aesthetically pleasing, but not as user-friendly. Apparently, usability of forms is a hotly debated topic, just ask me about how much I struggled with Glassdoor's mobile form sometime!
As you can see, I ultimately went with the line fields, added iconography so that users don't miss thier place, and disabled the login button until all fields were completed. This, and many of the other design decisions I made in building this prototype were based on PayPal's and Instagram's android applicatons, which you will see later on in the upcoming prototypes.
Adding animation opened up a new set of considerations:
As an illustrator, my exposure to animation was limited to drawing frame by frame, so this was a quite the learning expierence; exciting and headache-inducing at the same time.