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 while blocking choreography particularly difficult.” - Additional Needfinding POV Leilani Tran, Professional Ballerina Low-Fi Prototype Presentation 3
Team Mission Statement Help choreographers to create , visualize , and share dance formations. Low-Fi Prototype Presentation 4
Concept and UI Exploration 5
Interfaces we considered Low-Fi Prototype Presentation 6
Potential Interface: Watch Low-Fi Prototype Presentation 7
Potential Interface: Projector Low-Fi Prototype Presentation 8
Potential Interface: Mobile + AR Low-Fi Prototype Presentation 9
Potential Interface: VR Low-Fi Prototype Presentation 10
Potential Interface: Tablet Low-Fi Prototype Presentation 11
We selected the interface: Mobile + AR ● Everyone has one ● Small screen ● Can share over text ● Hard to prototype AR ● Better cameras (AR) aspect ● Simpler UIs ● Can’t do multiple views at same size Low-Fi Prototype Presentation 12
More UI Sketches of the Interface Low-Fi Prototype Presentation 13
Turning the UI Sketches... Low-Fi Prototype Presentation 14
...into UI Task Flows... Low-Fi Prototype Presentation 15
...and finally a Low-Fi Prototype Low-Fi Prototype Presentation 16
Prototype Testing 17
Task 1: Create 3 formations with 5 people 1. Press to enable adding dots 2. Tap on grid where you would like to add 1 dots 3. Tap to save blocking Repeat steps 2 and 3 for 2 more formations 2 4 4. Press and hold a dot to have the trash 3 can appear. Drag dot to trash to delete dot Low-Fi Prototype Presentation 18
Task 2: Add a transition between 2 formations 1. Tap to navigate to a transition edit 1 screen 2. Draw transitions from all black dots to red circles 4 3. Tap “W” to delete the previously created 2 transition and redraw 5 4. Tap to preview transition 3 5. Tap to return to previous screen and tap formation frame 1 to edit Low-Fi Prototype Presentation 19
Task 3: Sync and playback your choreography with music 1. Can you play your choreography scenes with the music? (Tap play button) 2 2. Formation 3 is out of order. Can you put it before formation 2? (Reorder by 3 1 dragging frames) 3. Can you move formation 2 to later in the music? (Drag flag 2 to the right) Low-Fi Prototype Presentation 20
Our participants were... Columbia Postcard, Stanford Alumni, Palantir Engineer, Member of Syndicate Former Choreographer Competitive Urban Dance (Viennese Ball and Swingtime) Low-Fi Prototype Presentation 21
Testing Environment Low-Fi Prototype Presentation 22
Team Member Roles Facilitator App NoteTaker Low-Fi Prototype Presentation 23
Our measurements included... Errors Confusion Time Low-Fi Prototype Presentation 24
Results 25
Task 1 Results 1. Tapped grid first to add a dancer 3 2 1 2. Tapped ⚪ button before starting each formation 4 3. Tapped ‘Back’ and timeline to try and access previous formations 4. Deletion was unclear Low-Fi Prototype Presentation 26
Task 2 Results 1. Tried to tap line to delete 4 2. Confused what the bottom bar is 2 3. Confused what letters refer to/if can only draw straight lines 1 3 4. Thought that frame 2 was off-stage dancers Low-Fi Prototype Presentation 27
Task 3 Results 1. Dragged flags rather than frames 2 2. Confusion between play and preview 3. Unclear how transitions play into the 1 timeline 3 4 4. Transitions between swapped formations? Low-Fi Prototype Presentation 28
UI changes to be made ● 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 Low-Fi Prototype Presentation 29
UI changes to be made ● When swapping formations, warn users about affected transitions ● Disambiguate ‘Preview’ and ▶ more Low-Fi Prototype Presentation 30
Questions? Alex Lee Jeremy Marcelo Melinda Wang Sarina Wu 31
Recommend
More recommend
