The Princes Trust required a design team to explore two seperate app concepts for their learning program.

A cartoon image of Steve Miller-Perry the designer.

"Thank you for engaging so well with the young people, many of whom have experienced a range of difficulties throughout their lives" ~ Marc

scroll
Arrow to go to the top of the page
Top

The Princes Trust

TTC: 2 months

The Zen Agency had been approached by the Princes Trust to design two app concepts and they required an experienced ux designer to come on board. I went through several stages of the bidding process as a freelancer, which I ended up being successful for to shortly after join the design team to start work.

design process

Process overview

TTC: 2 months (daily rate)

UX research
wireframing
card sorting
usability testing
Interviews
Interviews

Background

Background

The Princes trust charity required 2 wireframe app concepts for an internal education program.

The client was approached by the Zen Agency, where I was hired as the UX Lead, to carry out usability testing, provide reports after 2 iterative cycles of the design process and advise on design decisions from a user-centred perspective. We followed Agile methods and practices throughout due those uncertainties involved with a new concept design.

After several communications between the client and the design team, it became clear that the client wanted the young people to be involved at every stage of the design process. The reason for this, was motivated by educational purposes, so that the young people could learn how apps were created from a design perspective.

Design brief: 2 produce 2 wireframe deliverables that have been tested after several iterations.

Digital turnstile App: A digital turnstile app for young people when entering the Prince’s trust hub that can track entry figures.

Diary Room App: A digital diary room app that enables Prince’s Trust staff to ask young people questions that they can record video responses to submit.

App creation process

A stakeholder workshop was carried out to establish scope and objectives. User requirements were taking shape, where different personas and journeys became clearer. Some main questions arose from the workshop that informed the design stage of the process.

Mini discovery phase

Workshop

At this point we required more information from the client about the staff member users. A workshop was planned for a small group of 12 members of staff, however only a handful turned up on the day, so the data from those workshops needed to be triangulated with other data for it to be relevant.

Personas

After any misunderstandings were cleared up around what had to be delivered, I collected all existing information from the client and informal conversations from the young people. The team set about producing several personas. Due to the nature of vulnerable groups, I decided data would be better collected from real users in an informal chat session, recording data in the form of notes, while building trust in a less direct manner. I was congratulated by Marc at the Princes Trust for connecting with the young people at such short notice under challenging circumstances.

User flows

We needed visual wireframes to test with users, and at this point we needed to create user flows. Here I started to determine the users objectives based on all the data we had, gathering feedback from the client where necessary to counter any assumptions we had at this stage. This is where we marked out the user steps using a whiteboard to give a greater understanding of the target groups needs to complete their tasks.

Red routes

Wireframing

Wireframes

challenges: Users unfamiliar with wireframes.

At this stage the design team and I created wireframes using Adobe XD, however one of the concerns i had was the lack of fidelity when it came to testing the wireframes with the users later on. Here I proposed that we run through a series of role-playing activities, where multiple narratives were devised to pick up any minor usability issues ahed of the usability tests by going through 4 rounds of pilot testing with staff and the design team. Below is a screenshot of the final wireframe after testing.

Evaluation phase

Usability testing

challenges: Covid-19 disruptions and low turnout of participants.

Usability sessions were planned and ready to take place at the Princes trust lab, however due to the impact of Covid-19 amid safety concerns, I had to rearrange how we could get data from usability sessions with the available resources and restrictions placed upon the design team. I decided it was best to carry out unmoderated usability sessions with young people, with the expectation of low response rates. at this point I comprised new task scenarios based on the new format of usability sessions. Alongside this I had to look at new software that could meet both business and user needs. After everything into consideration, I used a combination of lookback mobile screen recording software, google survey for instructions and adobe XD for interactive wireframes. A think-aloud face-to-face usability session as per original plan could not be conducted anytime soon.

The usability plan had several aspects to it, below are a collection of some documents relating to the original plan and the revised plan due to covid-19.

Usability report

We knew that a combination of deadlines and disruptions meant we were never going to obtain valuable face-to-face usability data, however, with the time we had, I managed to extract as much data as possible to inform design changes. Below are some of those main findings.

Impacts

Results were measured against bench marking goals

Reflection

Collaboration: As a fully reflective autonomous practitioner, I was aware at times that my communications increased with the more time i invested with the product and users. What does this mean exactly? There comes a time when your passion for a project and determination to produce great work can over spill into over-enthusiasm, and this is where I learned that I have limited time with each project or stakeholder and that prioritisation is key.

Minimalist design: Another important lesson i learnt on this project, was the challenges around scope and the importance of simplicity. I found myself often increasing the scope only to have to apply a minimalist approach later on. This came about due to differing opinions around prototyping and fidelity with low-design knowledge levels of participants.

Lean UX: I often learnt the hard way, through trial and error, which took too long and cost much more in time and finances. During each sprint, I developed a more efficient way of working, introducing more rapid research as i went along.

Content: I underestimated the time it would take to write top content and what I have learnt is that a copy-led strategy should take a higher priority, avoiding lorem ipsum and the formulation of structured frameworks and roadmaps to chart progress. Instead of a content plan taking place at one point in similar projects in the future, the change I would make would be to adopt a content first approach at every stage of the design cycle, testing regularly.

Similar projects

UX research
UI
Front-end web development
Coming soon

The Princes Trust

UX research
HCI
Coming soon

App concept

Innovation
Marketing
UX Research
App design
Coming soon