Snow Plow App production

-
The complete prototype can be viewed here
My classmate and I were paired up to work on designing an app that would work as a way to connect people with snow-filled driveways and plow guys.  I have been working on generating the prototype to show to potential developers and/or user.  I did this using photoshop to make the screens, and then putting them into a prototype generator called inVision.

When we were discussing how we wanted the app to function, we heavily referenced the About.me onboarding system, but integrated some of the critiques we had of it, namely the ability to see how long the process will be and navigation between tabs of the process.  The design we came up with uses a series of dots on the bottom of the screen, as shown.
The current screen's dot is highlighted in yellow, showing the user where they are in the onboarding process.  If the user wants to go back to a previous page, they simply tap on the associated dot and it brings them back to the page.  Users are unable to skip ahead so as to ensure that all the information is gathered.

We chose our colors (shown below) knowing we wanted an off white and a very dark grey for the base colors.  The blue and purple were selected to aid in strengthening the ties to ice and snow, while the yellow provided both a nice contrast and a nod to the fact that this is an app for plows.   We kept the yellow fairly muted and cool to avoid making the app garish.


Palettes made using Paletton
This project has added to my toolkit by forcing me to learn how to use different platforms.  I was originally going to build the prototype in Unity using GUIs and then install it into a phone, however I decided that learning to use tools that were actually designed for this sort of project would probably be more valuable.  In the end I am glad that I chose to do this, as I was able to make a better looking app prototype.  InVision allows you to build for many different platforms so I can definitely see myself using it again.  Paletton allowed me to make a far more professional looking palette than my original palette(below).  This paint blob approach was helpful in the beginning because it let me see how the colors looked next to each other, but would not have been appropriate to show in a professional presentation.



Comments

Post a Comment

Popular posts from this blog

Redesigning the FitBit app

-
Image
click here for article First off, the idea of guerrilla usability testing is extremely funny to me:  a method of  testing a website or app that involves "pouncing on lone people in cafes and public spaces, quickly filming them whilst they use a website for a couple of minutes.”  The mental image is ludicrous enough to actually seem feasible.   As for her actual prototyping and redesign process, there were again some interesting takeaways for me.  The job stories that allow you to better analyze what people want to do with an app was a practice I had not thought of, and the idea of 'pain points' seems like a useful tool that I will be able to utilize in my job.  The discovery of the pain points provides specific goals to troubleshoot, as opposed to wandering blindly, which I appreciate.   Discussion questions Would guerrilla usability testing be feasible for the snow plowing app? why/why not? What tasks would it make sense to ask of testers? What othe
Read more

Metrics Versus Experience

-
Image
Click here for article I thought that the name of the article (Metrics Versus Experience) was interesting simply because the first point of the article was "don't frame stuff as 'Metrics Versus Experience.'"  The actual content of the article was a nice insight into something I am only barely aware of:  the metrics used to analyze the success of a website or product.  I have interacted with them in terms of Instagram(there is a feature that lets you see how many people have seen a post and how many people have interacted with a post, and how those numbers stack up against your other posts) and Google analytics(which lets you see where people who access your website are from and how they are getting to the site), but I have never had to use them to better execute a product.  In Zhou's article, she talks about different ways to figure out which metrics you should actually track, and I liked the way she explained it because it's similar to the way I te
Read more

Glossary of UX terms [ongoing]

-
An ongoing glossary of UX terms that will be updated as we learn more. 5: five second test a form of usability test where the user is shown a web page for 5 seconds and then asked questions to determine the clarity of the website. A: B: C: D: E: F: G: Guerrilla User Testing According to  Martin Belam, "Guerrilla usability test is “the art of pouncing on lone people in cafes and public spaces, quickly filming them whilst they use a website for a couple of minutes.” H: I: Iterative design the process of repeatedly redesigning a product based on user feedback. J: K: L: M: N: Needfinding A process of determining what a user actually needs a product to do.  This information can be found using questionnaires (explicitly determined) or through usability testing (implicitly determined). O: P: Prototype A mock up of a product that evolves closer to the actual product over time(low fidelity,
Read more