UI/UX - AT app re-imaging

For the UI/UX exercise, we had to re-image the Auckland Transport app to make it more suitable for a six-year-old child.

I used the design sprint planning board on Miro to guide me through the prototyping process.

In steps 0 and 1, I deconstructed the brief and analysed precedents to gain a solid understanding of the exercise.

Then in step 1.5, I finalised my prototype idea and explored the possible risks and mitigations of my approach.

With this foundation set down, I am ready to start iterations.

In step 2, I decided to iterate possible designs for three different sections of the app. As stated previously in my assumptions, this re-imaging will be. done through visual rebranding and altered functionalities of the original app.

I came up with three different solutions for each section. The best elements were chosen for the final prototype through student and tutor feedback.

I made a rough flow chart of how I wanted the app to flow.

Then I started creating the assets and layout on Adobe Photoshop.

Once the layouts have been finalised and assets created, I made my prototype on Figma:

Once the prototype was complete, I tested it out with four different users varying in age.

From the feedback received and upon further self-analysis of the prototype, I concluded that this prototype did not fulfil the requirements of good UI/UX.

Therefore, I decided to work on this exercise further and reconstructed my prototype for retesting.

Due to difficulty in scheduling for another group testing, I ran the app over with the user who gave the lowest scores for the criteria overall. This time around, the scores were much higher and along with self-evaluation, I concluded that this second version was sufficient.

---

Final Prototype

For the UI/UX exercise, I intended to create a re-imaging of the AT app that is fun and attractive for six-year-olds becoming familiar with public transport. Rebranding was one of my key focuses for this prototype, so I prioritised utilising preexisting colours and character of Auckland Transport to construct a kid-friendly image that still reflects the original app. With each essential step for taking public transport highlighted, I used the button mechanisms in Figma to make my app more interactive and engaging. Along with the location tracking feature, the intentions for this prototype were to apply good UI/UX practice.