Case Study — Digital Journal App

Echoes — Digital Journal App

Introduction

Topic

Methods

Process Outline

  1. User Research
  2. Lo-fi Prototyping
  3. Usability Testing
  4. Hi-fi Prototyping
  5. Second Iteration of Usability Testing
  6. Conclusions and Next Steps

1. User Research

Preparation Of Templates

  1. Interview Questionnaire
  2. Observation Template
Interview questionnaire
Observation template

Interviews

  1. Saving memories is usually an event-driven action — users don’t save memories regularly but rather log only highly important ones.
  2. Users use various methods to remember a memory depending on the event type. Sometimes it’s a picture, sometimes video, text or an audio recording.
  3. It’s hard for users to maintain a structure of memory since each event is a unique experience. Moreover, consistency is also troublesome.
  4. Users value their privacy and don’t share every important memory on social media.

Contextual Inquiry

Profile

User profiles

Task Organization Model

Task organization model

Tasks

  1. Register the mood
  2. Log the memory
  3. Explore the mood patterns

User Journey Map

User Journey Map

2. Lo-fi Prototyping

Register the mood
Log the memory
Explore the mood patterns
Register the mood Desktop

Key Differences

3. Usability Testing

Mobile Device Prototype

Desktop Prototype

Tools

Process

  1. Welcome text.
  2. Gathering personal information.
  3. Usability testing of one of the prototypes. Gathering data and noting down observations.
  4. User satisfaction questionnaire and general impressions.
  5. 🔄 Repeat step 3 and 4 for the other prototype.

Effectiveness — Mobile Prototype

The average and standard deviation of mistakes made per task using the Mobile prototype
Bar chart with the number of mistakes made using the Mobile prototype.

Effectiveness — Desktop Prototype

The average and standard deviation of mistakes made per task using the Desktop prototype
Bar chart with the number of mistakes made using the Desktop prototype.
A diagram comparing the number of mistakes per task and design.

Efficiency — Mobile Prototype

Table showing the average and standard deviation of the number of actions per task — along with the optimum number and the ratio — for the Mobile prototype
Bar chart with the number of elemental actions to complete each task using the Mobile prototype. The optimum value represented as a line.

Efficiency — Desktop Prototype

Table showing the average and standard deviation of the number of actions per task — along with the optimum number and the ratio — for the Desktop prototype.
Bar chart with the number of elemental actions to complete each task using the Desktop prototype. The optimum value represented as a line.
“Box and whiskers” diagram comparing the number of actions taken per task and design.

User satisfaction: SUS Questionnaire

Table showing the results of the SUS questionnaire for the Mobile prototype.

SUS For Second Design: Echoes Desktop

Table showing the results of the SUS questionnaire for the Desktop prototype.

Analysis Of User Satisfaction (SUS Questionnaire)

Table showing the SUS scores of both prototypes.

Findings

  1. The overall experience felt limiting due to constraints related to the lo-fi prototype. The prototype had a rigid order of performing a task while users wanted to swap some of the bullets. However, that was partially a success because the mental model aligned with the one we expected.
  2. Some participants complained about not getting enough feedback due to the low level of details for both prototypes.
  3. One of the sections of the app — The Mood Tracker was hard to discover in the mobile prototype, mainly due to the mere selection of the icons.

4. Hi-fi Prototyping

Echoes Mobile — Task 1

Navigation Map

Navigation map of Echoes Mobile App

Main Improvements — Information Reduction

Main Improvements — Audio Recording

Logo

Echoes logo

5. Second Iteration of Usability Testing

Effectiveness

Bar chart comparing the number of mistakes made by the users when using both the lo-fi and the hi-fi prototypes.

Efficiency

Bar chart comparing the ratios of the number of actions performed per task among the two groups of users and the optimal action ratios value.

User Satisfaction — SUS Questionnaire

User Experience — UEQ Questionnaire

Chart displaying the UEQ results.

General Impressions

General impressions

Main Usability Problems

Usability problem 1
Usability problem 2
Usability problem 3
Usability problem 4
Usability problem 5

6. Conclusions and Next Steps

  1. More testing iterations —the sessions were key to see issues that could make the experience more delightful for users, and it helped us pinpoint details that we overlooked.
  2. Implement design improvements — the prototype had several negative issues that we identified and found solutions for. We believe that once these problems are solved, the prototype will perform even better.

Final UI Design

--

--

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
Natalia Świerz

➰Aesthetics enjoyer, 🤹‍♀️Psychology freak, 🙋‍♀️People-oriented