Process

How did I get there?

Deliverables

Research on similar applications
Mood board
User profiles and scenarios
Task analysis
Logo design
User flow
Sketches and simple wireframes
Feedback
Paper wireframes
User testing
Paper prototype
User testing
Clickable prototype

I started by creating a mood board with a focus on fresh, healthy food. My type choices were simple; clean fonts that were easy to read on screen. And a color scheme that was bright and cheerful.

Next up were user profiles. I identified three potential users - a student, a professor assisting a student, and a recent graduate who wanted to make a donation.

A user flow, or task flow, is used to map out the way a user will move through the screens of a website or app. Mine featured the steps to find a food pantry or make a donation to one.

Logo

I wanted the logo to have a collegiate feel so I started out with sketches incorporating banners or emblems. I played with type that reflected university lettering and incorporated the apple as a long standing symbol of education. After some further refinements, I landed on the final logo.

Wireframes

My prototypes also started with sketches and low-fidelity black and white wireframes.

User Testing

I conducted two rounds of testing with wireframes and a paper prototype. While it was challenging to locate five users for testing, I did find that Think Aloud Testing was easier and more intuitive when conducting testing remotely. Some of my test subjects did it naturally while they moved through the screens.

Think Aloud Testing Definition: In a thinking aloud test, you ask test participants to use the system while continuously thinking out loud — that is, simply verbalizing their thoughts as they move through the user interface.*

*Jakob Nielsen, “Thinking Aloud: The #1 Usability Tool” January 15, 2012,
https://www.nngroup.com/articles/thinking-aloud-the-1-usability-tool/

Tools

Pen and pencil sketches
Adobe Illustrator
Adobe Photoshop
Adobe XD
Marvel
Instagram
Google docs