BaselineSketches.png

General Assembly

I graduated from the General Assembly UX design course. This was an intensive deep dive into the UX process delivered by successful UX practioners from The Guardian, Moo.com, The Telegraph and other smart UX people.

The teaching is based on a practical approach whereby all principles are taught in lessons involving keynotes, activities and presentations. Homework is to apply what you've learned to a product by coming up with a product idea, research users, protoyping, testing and presenting back to everyone.

My idea was for a music discovery app that changes the way you consume new music in an app by stripping back content to one album per day on a 7 day rolling basis.

Sketching

Sketching

It was important to remain disciplined and spend time sketching before jumping into any wireframing software. I sketched multiple ideas and then began to verify the sketches by creating paper prototypes that I hostpotted using POP app.

Wireframing in Sketch

Wireframing in Sketch

I took to Sketch very quickly having already had years of experience using Adobe Illustrator and Photoshop. It was quick to mock up wireframes, create styles and symbols. I would later introduce the Sketch workflow at the agency that I was working for.

First iteration protoype

First iteration protoype

The protoype was a result of all the research, sketching, user journey mapping, content planning and wireframing that had been undertaken so far.

This iteration was tested at The Guardian user testing lab.

View the v1 prototype

Valuable user testing

Valuable user testing

The user testing session was tough. The users were confused by the UI. It was much less conventional than I had thought.
 

Users were taking the onboarding aspect of the app very seriously and I had only mocked this up very quickly. I had to revisit this in much more detail.

2nd iteration prototype

2nd iteration prototype

The second iteration of the prototype included amendments to features and onboarding following the user testing session. I also began to apply UI design by adding fonts, colour, opacity and images to create a high fidelity prototype.