User-centric Design: A Worked Example

Posted on October 21st, 2021

Part of Notes on Software Design

Looking at how we create scenarios, storyboards, and wireframes from a persona.

James is a 28-year-old man that works as a waste bin collector for the local city council. Part of his job is to empty the bins around the city in public spaces (parks, high streets, etc). He is generally healthy, lives an active lifestyle and doesn't have any health conditions that affect his ability to complete his job. He owns a smartphone, which he uses regularly in his day-today life.

James has a scheduled timetable that he uses for his daily routine, however, there are times when the bins in certain areas are empty, this means that James ends up not collecting any trash leaving other areas with excess trash in the bin. This is quite inefficient and James needs a more robust approach in completing his bin route around the city.

The local city council wants an interconnected sensor network with installed sensors on all of the bins around the city, letting James know how full certain bins are and whether they need emptying or not, saving him time by skipping out particular bins if necessary. Furthermore, the data collected by the sensors is leveraged by the council to figure out if more bins are required in particular areas of the city.

User persona example

Observations

Persona

(I couldn't be bothered to make one 🤷‍♂️)

Scenario

  1. James, a 28-year-old bin man, has gotten ready for work
  2. He carries everyday items, such as his phone, and his keys for his work van
  3. He checks which bins need collecting and starts his route

Goals

Storyboard

Storyboard for 'James the Bin Man'

Wireframe

(I couldn't be bothered to make this either)

ComponentFunctionalitiesUsed by
Text boxEntering text
Censoring letters
Login fields
ButtonNavigationLogin button
TextRendering text
Rendering emojis
Scheduled bin component
Scheduled binDisplaying bin name
Displaying bin status
Route preview