1 of 30

Team A1: Yu/Anna/Maureen/Saki/Shuyue

ID4256 UXAD

2021/06/24

Final Presentation.

2 of 30

3 of 30

ID4256 UXAD

Scope.

2021/06/24

4 of 30

ID4256 UXAD

2021/06/24

5 of 30

Confusing hierarchy

Lack of clear feedback

Complicated

use flow

Lack of clarity in icons and buttons

Difficult operation on the product

ID4256 UXAD

Problem statements.

2021/06/24

6 of 30

ID4256 UXAD

2021/06/24

Hand-eye coordination

Difficult operation on the product

7 of 30

We want to use RaceClocker to bridge the gap between the physical and digital world for timekeepers.

ID4256 UXAD

2021/06/24

Intuitive

Efficient

Fast

Design vision.

8 of 30

ID4256 UXAD

2021/06/24

Stopwatch

Our

Redesign.

9 of 30

ID4256 UXAD

2021/04/15

Our context.

10 of 30

ID4256 UXAD

2021/06/24

11 of 30

ID4256 UXAD

2021/06/24

Part 2 One by one

Now the race has started, you see that racers come one by one. Press the volume button at the moment that the racer is passing by. There is vibration feedback when pressing the volume button and the recorded time will appear on the left area. Select the right racer to assign the time, in this case 110. The selected racer is also highlighted in the orange color, and the assigned time shows next to the racer’s name.

the second racer is coming. Same as before, you first time and then select the racer. Here you can notice that The new recorded time is automatically selected, so that you can start with assigning directly. Unselected times are in dark blue, and the already assigned racers of those times are grey.

If you find out that you accidentally assigned the time to a wrong racer. Don’t worry, you can simply deselect it and then select the correct one.

Part 3 Participants arriving at the same time

The race continues, this time two racers are coming at the same time. You time once and select those two racers to assign the time. they were 101 and 139

Part 4 Participants closely approaching

The most stressful situation is coming. Three racers are approaching closely to each other. You quickly record the time by pressing the volume button three times, and assign the time later on. 103, 109, 135. okay the last one was 135, 103, 109.

Part 5 Check time/racer + Hide function

If you want to check if you have assigned the time correctly, you can select that time, and then you will get jumped to the racer that have been assigned to that time. The other way around, if you select a timed racer, the corresponding time will be highlighted.

When the most racers have already been timed. You can click this eye icon to hide them so that you have a shorter list on the screen.

Part 6 Result page

When you finish timing all racers, you will get a pop-up window which confirms the completion and invites you to the result page.

12 of 30

ID4256 UXAD

2021/06/24

Part 2 One by one

Now the race has started, you see that racers come one by one. Press the volume button at the moment that the racer is passing by. There is vibration feedback when pressing the volume button and the recorded time will appear on the left area. Select the right racer to assign the time, in this case 110. The selected racer is also highlighted in the orange color, and the assigned time shows next to the racer’s name.

the second racer is coming. Same as before, you first time and then select the racer. Here you can notice that The new recorded time is automatically selected, so that you can start with assigning directly. Unselected times are in dark blue, and the already assigned racers of those times are grey.

If you find out that you accidentally assigned the time to a wrong racer. Don’t worry, you can simply deselect it and then select the correct one.

Part 3 Participants arriving at the same time

The race continues, this time two racers are coming at the same time. You time once and select those two racers to assign the time. they were 101 and 139

Part 4 Participants closely approaching

The most stressful situation is coming. Three racers are approaching closely to each other. You quickly record the time by pressing the volume button three times, and assign the time later on. 103, 109, 135. okay the last one was 135, 103, 109.

Part 5 Check time/racer + Hide function

If you want to check if you have assigned the time correctly, you can select that time, and then you will get jumped to the racer that have been assigned to that time. The other way around, if you select a timed racer, the corresponding time will be highlighted.

When the most racers have already been timed. You can click this eye icon to hide them so that you have a shorter list on the screen.

Part 6 Result page

When you finish timing all racers, you will get a pop-up window which confirms the completion and invites you to the result page.

13 of 30

ID4256 UXAD

2021/06/24

User test

14 of 30

ID4256 UXAD

2021/06/24

Hierarchy

Feedback

Use flow

Buttons

Operation

Criteria.

15 of 30

ID4256 UXAD

2021/06/24

“It was very clear and simple. I think the white and orange colors make it clear and not distracting. You can see where you have to click.”

-- Danielle

Hierarchy.

16 of 30

ID4256 UXAD

2021/06/24

I needed to learn which buttons to use in the

application, so I had to

learn something but not much. - Sven

It is easy to understand

how to use it. However, it

is difficult and stressfull

when a lot of participants

are approaching at the

same time. - Elke

Use flow.

17 of 30

ID4256 UXAD

2021/06/24

“I need more confirmation to make sure it really has been selected.”

-- Sophia

“As a user I get direct feedback when I press for the time.”

-- Sophia

Feedback.

18 of 30

ID4256 UXAD

2021/06/24

“It is clear where to press.”

-- Sven

Interfaces.

19 of 30

ID4256 UXAD

2021/06/24

“I did not assigned the first one, as I did not press hard enough.”

-- Sven

“I really like the methapor of the stopwatch, it gives the feelnig of the old times.”

-- Sophia

Operation.

20 of 30

ID4256 UXAD

2021/06/24

Attrakdiff score.

21 of 30

ID4256 UXAD

2021/06/24

Recommendations.

22 of 30

ID4256 UXAD

2021/06/24

23 of 30

ID4256 UXAD

2021/06/24

Textual feedback

24 of 30

ID4256 UXAD

2021/06/24

Textual feedback

25 of 30

ID4256 UXAD

2021/06/24

Quick scrolling bar

26 of 30

ID4256 UXAD

2021/06/24

Digital timing button

27 of 30

ID4256 UXAD

2021/06/24

I needed to learn which buttons to use in the application, so I had to

learn something but not much. - Sven

28 of 30

ID4256 UXAD

2021/06/24

The scrolling took

too long. - Elke

Even if I remember all the numers, it's still hard to match the number with the right time. - Sophia

29 of 30

Questions?

Team A1: Alena/Anna/Maureen/Saki/Shuyue

Thank you for your attention!

ID4256 UXAD

2021/06/24

30 of 30

ID4256 UXAD

2021/06/24

Timing mode