Masterclass in UX/UI Design

This is a long awaited post of my experience at UX/UI Masterclass (04.06.16) ran by Code First: Girls in partnership with Women Hack for Non Profits hosted by ThoughtWorks. The day was lead by the wonderful Elizabeth Chesters who was also my instructor for Code First: Girls Advanced Ruby course!

Project Objectives

  • Learn typical processes of UX/UI design
UX/UI Masterclass. Photo credits Tanya Powell.
UX/UI Masterclass. Photo credits Tanya Powell.


Our app was aimed at finding a mentor to help a user learn UX design and consequently get to shadow the mentor. The user finds nearest available mentor through location search and gets to choose which mentor they would like to connect with.


First and foremost, we needed to establish our persona which we would be targeting. This included:

  • Age: 25–40

Empathy Map

This stage helps us to be in the user’s shoes and come up with assumptions on how they would feel, think, hear, see and do.

Empathy map. Photo credits to Tanya Powell.
Me speaking about our empathy map. Photo credits to Tanya Powell.

User Journey

We made a user journey for both new user who are signing up and a user who is already logged in. For this part of the project, you want to make the journey as linear as possible therefore focusing on your primary feature. As the app develops and gains popularity, you can then add other features.

Keep user journey linear.

Prototype — User Testing

We made simple prototype pages for our app, although we concentrated on the searching for mentor feature as this was our primary goal.

For user testing we had a member of another group to look at our prototype. We explained what the app idea was and walked them through the prototype pages. We started off by asking what they think of the search page. One thing we found out was that an arrow pointing right did not make much sense to the user and they did not know what to do with it after inputting keywords into the search bar. For this reason we implemented buttons with text such as ‘search’ and ‘next’ which is more intuitive and clearer. If a user encounters a problem with user interface or they don’t understand what to do in between the app pages, there is a risk of them giving up on the app.

What I Learned

  • Researching on user behaviour and interviewing should be carried out at the beginning — be mindful of when users may not want to be approached e.g. rush hour or families in shopping centres during half term

Overall it was a great day packed full of information on UX/UI design!

A Self-taught Software Engineer @LEGO, prev @ASOS. Also interested in UI. You can find me @

A Self-taught Software Engineer @LEGO, prev @ASOS. Also interested in UI. You can find me @