IADT MSc UX Design Assignment — Prototyping and Evaluation

Prototyping

  • The initial paper prototype was constructed by leveraging Balsamiq cut-outs and wooden sticks.
  • The second and third iterations used pen and paper components to enable more rapid change and easy recording on camera.
  • Marvel App augmented the paper prototypes; linking them together in a simulation of a mobile application.
Confirmation message alternatives in Marvel App.
Paper prototyping options. Clockwise from top left: Paper stencils and sticks, paper-based interaction, team paper-based version of a common task, paper-based screens in digital format on smartphone.

Prototyping Video

Video walkthrough of an initial design using paper stencils and coffee stirring sticks, also identifying questions for later testing
Hand-drawn paper components assembled into a digital flow using Marvel app

Prototyping Learning Lessons

  • Paper prototyping enables rapid and low-cost creation and iteration.
  • The simplicity of prototyping avoids the distraction of visual treatments and reminds users what they are seeing is still at the design stage.
  • Digital tools are required for delivering prototypes during lockdown restrictions to remote testers.
  • Road test the prototype before usability testing with recruited participants.

Evaluation

Testing Metrics

Participant Recruitment

  • A simple screener (Arnould, 2015) was constructed to identify suitable testers from the population.
  • A consent form was signed.
  • Permission from guardians was obtained.
  • The facilitator was vetted and certified as suitable to work with minors (An Garda Síochána, HSE Ireland, 2020).

Screening

Testing Method

Test script introduction

Testing Delivery

Zoom testing. The participant shares their view of the prototype as the task is performed; talking out loud about their decisions.

Prototype Iterations

  • The initial test task was effective, but there was some hesitancy that was explored further: the design use of an Upload button in two successive steps was confusing.
Initial prototype with first participant, exploratory questions included.
  • For the first iteration, the second Upload button label was changed to Submit, which eliminated the hesitancy of testers.
First iteration with Upload button label modification
  • For the second iteration, the number of steps to perform the task was reduced by two by removing Add File and Submit actions. This iteration also offered a progress bar modal dialog to increase system visibility during hand-in.
Second iteration, showing reduced steps and combined processing/confirmation modal.

Evaluation Learning Lessons

  • Decide on a testing methodology and measurable criteria.
  • Screen and recruit test participants. Be resourceful during the lockdown and get consent and buy-in.
  • Make changes supported by feedback and test iteratively.
  • During testing, listen actively, probe gently and restate to clarify, then summarize. (Quesenbery & Brooks, 2011).

Testing Results and Data

--

--

--

Parent. UX Design Manager. Marathoner. Dog person. Student. 80s hair & music. Dub. Synth fan. Content may not necessarily reflect the views of IADT or others.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Color Psychology: The Power of Pink

The War Against Garage Doors

KANI PROJECT 1- YAN! a Nigerian Pidgin Language Mobile App

Drops Weekly Digest. July 19th — July 25th.

7 Key Principles of UI Design

What You Need to Know Before Installing an Inground Pool

To Be a Better UX Designer, Grow Your Self-Learning Skills

Photo of a person sketching in a notebook next to a cup of coffee.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ultan Ó Broin (MUGATEAUX)

Ultan Ó Broin (MUGATEAUX)

Parent. UX Design Manager. Marathoner. Dog person. Student. 80s hair & music. Dub. Synth fan. Content may not necessarily reflect the views of IADT or others.

More from Medium

Everyday things: The SUE scale

A pink hibiscus and a pile of three pebbles in the top right corner and the title text — “The SUE Scale” in white and a scale underlining it in the bottom left corner. The background is a turquoise textured surface.

Designers rally in Ukraine because “you can’t be silent.” — Visual Side

Design Politics: Should Design Be Regulated?

Rearview of a person wearing a beanie and headphones walking down the street.

‘Design is Everything and Everything is Design’