Low-Fi Prototype Presentation 1 Overview 1. Team Mission - - PowerPoint PPT Presentation

▶
low fi prototype presentation
SMART_READER_LITE
LIVE PREVIEW

Low-Fi Prototype Presentation 1 Overview 1. Team Mission - - PowerPoint PPT Presentation

Oct 31, 2023 176 likes •511 views

Low-Fi Prototype Presentation 1 Overview 1. Team Mission Statement 2. Concept and UI Exploration 3. Prototype Testing 4. Results Low-Fi Prototype Presentation 2 But first, keeping our user in mind Finds visualizing formation changes

slide-1
SLIDE 1

1

Low-Fi Prototype Presentation

slide-2
SLIDE 2

Overview

1. Team Mission Statement 2. Concept and UI Exploration 3. Prototype Testing 4. Results

2

Low-Fi Prototype Presentation

slide-3
SLIDE 3

But first, keeping our user in mind

Leilani Tran, Professional Ballerina

“Finds visualizing formation changes while blocking choreography particularly difficult.”

  • Additional Needfinding POV

3

Low-Fi Prototype Presentation

slide-4
SLIDE 4

Team Mission Statement

Help choreographers to create, visualize, and share dance formations.

4

Low-Fi Prototype Presentation

slide-5
SLIDE 5

Concept and UI Exploration

5

slide-6
SLIDE 6

Interfaces we considered

6

Low-Fi Prototype Presentation

slide-7
SLIDE 7

Potential Interface: Watch

7

Low-Fi Prototype Presentation

slide-8
SLIDE 8

Potential Interface: Projector

8

Low-Fi Prototype Presentation

slide-9
SLIDE 9

Potential Interface: Mobile + AR

9

Low-Fi Prototype Presentation

slide-10
SLIDE 10

Potential Interface: VR

10

Low-Fi Prototype Presentation

slide-11
SLIDE 11

Potential Interface: Tablet

11

Low-Fi Prototype Presentation

slide-12
SLIDE 12

We selected the interface: Mobile + AR

12

Low-Fi Prototype Presentation

  • Everyone has one
  • Can share over text
  • Better cameras (AR)
  • Simpler UIs
  • Small screen
  • Hard to prototype AR

aspect

  • Can’t do multiple views

at same size

slide-13
SLIDE 13

More UI Sketches of the Interface

13

Low-Fi Prototype Presentation

slide-14
SLIDE 14

Turning the UI Sketches...

14

Low-Fi Prototype Presentation

slide-15
SLIDE 15

...into UI Task Flows...

15

Low-Fi Prototype Presentation

slide-16
SLIDE 16

...and finally a Low-Fi Prototype

16

Low-Fi Prototype Presentation

slide-17
SLIDE 17

Prototype Testing

17

slide-18
SLIDE 18

1

Task 1: Create 3 formations with 5 people

18

Low-Fi Prototype Presentation

2 4

1. Press to enable adding dots 2. Tap on grid where you would like to add dots 3. Tap to save blocking Repeat steps 2 and 3 for 2 more formations 4. Press and hold a dot to have the trash can appear. Drag dot to trash to delete dot

3

slide-19
SLIDE 19

Task 2: Add a transition between 2 formations

19

Low-Fi Prototype Presentation

1 2 3 5 4

1. Tap to navigate to a transition edit screen 2. Draw transitions from all black dots to red circles 3. Tap “W” to delete the previously created transition and redraw 4. Tap to preview transition 5. Tap to return to previous screen and tap formation frame 1 to edit

slide-20
SLIDE 20

Task 3: Sync and playback your choreography with music

20

Low-Fi Prototype Presentation

1 2 3

1. Can you play your choreography scenes with the music? (Tap play button) 2. Formation 3 is out of order. Can you put it before formation 2? (Reorder by dragging frames) 3. Can you move formation 2 to later in the music? (Drag flag 2 to the right)

slide-21
SLIDE 21

Our participants were...

21

Low-Fi Prototype Presentation

Columbia Postcard, Member of Syndicate Stanford Alumni, Former Choreographer (Viennese Ball and Swingtime) Palantir Engineer, Competitive Urban Dance

slide-22
SLIDE 22

Testing Environment

22

Low-Fi Prototype Presentation

slide-23
SLIDE 23

Team Member Roles

23

Low-Fi Prototype Presentation

Facilitator App NoteTaker

slide-24
SLIDE 24

Our measurements included...

24

Low-Fi Prototype Presentation

Errors Confusion Time

slide-25
SLIDE 25

Results

25

slide-26
SLIDE 26

1. Tapped grid first to add a dancer 2. Tapped ⚪ button before starting each formation 3. Tapped ‘Back’ and timeline to try and access previous formations 4. Deletion was unclear

Task 1 Results

26

Low-Fi Prototype Presentation

1 2 3 4

slide-27
SLIDE 27

1. Tried to tap line to delete 2. Confused what the bottom bar is 3. Confused what letters refer to/if can

  • nly draw straight lines

4. Thought that frame 2 was off-stage dancers

Task 2 Results

27

Low-Fi Prototype Presentation

1 2 3 4

slide-28
SLIDE 28

Task 3 Results

28

Low-Fi Prototype Presentation

1. Dragged flags rather than frames 2. Confusion between play and preview 3. Unclear how transitions play into the timeline 4. Transitions between swapped formations?

2 3 4 1

slide-29
SLIDE 29

UI changes to be made

29

Low-Fi Prototype Presentation

  • Allow users to add dancers right-away
  • Long-press a dot, then be able to tap to

delete

  • ‘Back’ → ‘Audience’
  • Allow transition durations to be set
  • Resolve collisions
slide-30
SLIDE 30

UI changes to be made

30

Low-Fi Prototype Presentation

  • When swapping formations, warn users

about affected transitions

  • Disambiguate ‘Preview’ and ▶ more
slide-31
SLIDE 31

Questions?

Alex Lee Jeremy Marcelo Melinda Wang Sarina Wu

31