1 of 20

City of Dearborn Mobile

Redesign

Brandan Kammer

2 of 20

TABLE OF CONTENTS

01.

02.

03.

04.

05.

Methods and Procedure

Results

Inferences

Final Prototype

Design Changes

3 of 20

4 of 20

Methods and Procedures

01.

5 of 20

Think Aloud Procedure

N = 3

Relevance:

Participants were business owners, homeowners, people that work for the city

Zoom

Cell phones

Desktops/Laptops

Figma

Think aloud. Listening as participants perform tasks, prompt for more thinking vocally if necessary

Participants

Tools

Method

Gain insight into what steps users take as they go through the tasks, why they take them, and other related thoughts they had

Goals

6 of 20

Usability Testing Procedure

N = 10

Relevance:

Participants were business owners, homeowners, people that work for the city

Figma

Cell phones

Desktops/laptops

  • Randomized the order
  • Tested 2 tasks on both systems
  • Survey after each

Participants

Tools

Method

Time on task

Error rates

User satisfaction

Goals

7 of 20

User Satisfaction Survey

Participants: N = 10

Method: After each usability test, participants filled out survey on current and new system

Tools: Google Forms

Goals: Improve user satisfaction through improved recoverability, error prevention, and visibility of system status

8 of 20

Results

02.

9 of 20

Think aloud sentiment analysis

  • Current system mean = 0.367 and standard deviation = 0.153
  • New system mean = 0.800 with a standard deviation = 0.100
  • T-test = -4.10
  • P-value = 0.015
  • Statistical significance!

Current vs New:

10 of 20

Think aloud results

Current system:

New system:

“I don't know what would make sense there.” - participant 1

“Yeah, way easier than what I just did” - participant 1

“That's very straightforward. Oh, yeah, I like this” - participant 9

“But it’s not letting me click it, so I don’t really know.” - participant 7

11 of 20

Usability Test Results

Summary Statistics - Task 1

Current System

Mean: 83.29

Standard Deviation: 56.55

Redesign System

Mean: 47.69

Standard Deviation: 45.19

Summary Statistics - Task 2

Current System

Mean: 624.41

Standard Deviation: 94.01

Redesign System

Mean: 216.42

Standard Deviation: 58.44

T-Tests

Task 1: t(5) = 5.84, p-value = 0.0021

Task 2: t(5) = 9.03, p-value = 0.0000136

Statistical significance!

2

1

12 of 20

User Survey Results

  1. Did you feel “stuck” at any point while using the site (e.g., trouble with navigation, unable to find your way through the site)?
  2. Was it clear how to get back on track after an issue?
  3. Were instructions and field labels clear enough to avoid mistakes?
  4. Did the site keep you informed about what was happening (e.g., loading, saving, submitting)?
  5. Were status messages (e.g., success/failure) easy to understand?
  6. Did loading indicators or progress bars help you understand what was happening?
  7. Overall, how satisfied were you with your experience using the mobile site?

13 of 20

Inferences

03.

14 of 20

How the Redesign Improved Usability

Question 1: Improved 2.8 → 3.5

Question 2: Improved 2.3 → 4

Question 3: Improved 2.3 → 4.1

Recoverability

Error Prevention

Question 4: Improved 1.9 → 4.6

Question 5: Improved 1.9 → 4.5

Question 6: Improved 1.5 → 4.4

Question 7: Improved 1.9 → 4.7

Visibility of System Status

Satisfaction

15 of 20

Usability vs. Performance Tradeoffs

  • Figma limitations
  • No real errors
  • Figma on desktop ≠ real experience
  • Might underestimate real-world usability
  • Good design validate, testing environment limited insight
  • Suggests potential is strong, further live testing needed

Trade Offs

Impact on Product Market Potential

16 of 20

Final Prototype

Changes

04.

17 of 20

18 of 20

Final Prototype Demo

05.

19 of 20

20 of 20

THANKS

Do you have any questions?

IMSE-577

bkammer@umich.edu