musicblox flash prototype presentation. musicblox team members anika talapatra mayank mehta nicolas...
TRANSCRIPT
![Page 2: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/2.jpg)
MUSICBLOX
TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami
![Page 3: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/3.jpg)
MUSICBLOX
A music creation toy. Children ages 5 and up. Designed to allow children to be creative, without requiring any instrumental aptitude. MusicBlox is a direct mapping from composition
using notes, to composition using blocks. Explore the process of music composition,
learning the sounds in relation to one another and harmonies between notes.
![Page 4: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/4.jpg)
MUSICBLOX USERS
Assumptions about users: Ability to distinguish between colors. Ability to memorize/associate notes to
colors. Basic motor and listening skills. Basic comprehension of picture labels. Creative capability and musical motivation!
![Page 5: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/5.jpg)
PHYSICAL DESIGN
NOTEBLOXNOTEBLOX 8 colors, 8 notes Connect using
affordances on sides of the blocks
Note name, and staff position
![Page 6: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/6.jpg)
PHYSICAL DESIGN
MAINBLOX Instrument selection
toggle button with default setting
Choose guitar, flute, or piano
Play/stop rocker button
![Page 7: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/7.jpg)
USAGE SCENARIO
Link several noteBlox Link noteBlox chain to
the mainBlox Select instrument Press play/stop Remove mainBlox
and demo composition to parents
![Page 8: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/8.jpg)
USAGE SCENARIO
NoteBlox lights up as they play!
Identify and replace ‘wrong’ notes.
![Page 9: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/9.jpg)
EVOLUTION OF THE INTERFACE
Iterative design method Empirical results from Evaluation Plan at
each stage User-driven changes
![Page 10: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/10.jpg)
OVERALL EVALUATION CRITERIA
Intuitive connection of noteBlox. No more than four task-oriented instruction
diagrams. Less than five seconds to add each noteBlox;
focus on goal, the musical piece.Easy identification/change of notes within a
string of noteBlox. Natural memorization of different tones using
different colors of the noteBlox.
![Page 11: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/11.jpg)
EVOLUTION: STAGE 1PAPER PROTOTYPE
Basic concept formation Remove idea of chords
and multiple note lengths
Remove baseBlox Simplifies design for
feasibility
![Page 12: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/12.jpg)
EVOLUTION: STAGE 2EVALUATION PLAN
I – QUANTITATIVE MEASUREMENT
- Intuitiveness of interface:
Time to assemble/play first song
- Learnability:
Time to assemble/play second song
- Number of mistakes to correct use
II – COGNITIVE WALKTHROUGH
- How does the interface support each step of usage?
- NoteBlox colors and side affordances
- Labels on mainBlox- Note lights as it plays
![Page 13: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/13.jpg)
EVOLUTION: STAGE 2EVALUATION PLAN
III – HEURISTIC CRITERIA- Visibility of system status- User control and freedom- Error prevention- Aesthetic and minimalist design- Help users recognize, diagnose and
recover from errors
![Page 14: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/14.jpg)
EVOLUTION: STAGE 2 SOFTWARE PROTOTYPE
CHANGES
1. Default instrument: Satisfies error prevention
2. Play/stop rocker: Satisfies visibility of system status
Overall criteria satisfied
damn.exe
![Page 15: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/15.jpg)
EVOLUTION: STAGE 3ALPHA PROTOTYPE
CHANGES1. Drawings showing instruments for toggle
selection button: Satisfies Visibility of system status
2. More detailed user diagram: Satisfies Error prevention and recovery
3. Internalize LED’s: Satisfies Aesthetic and minimalist design, safer for children
![Page 16: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/16.jpg)
EVOLUTION: STAGE 3ALPHA PROTOTYPE
POSITIVE USER RESPONSES
1. Physical affordances were clear
2. Staff markings provide good mapping
3. Familiar/“intuitive” language used
4. Buttons clear to use and indicate state
5. Visually appealing bright colors
![Page 17: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/17.jpg)
EVOLUTION: STAGE 4BETA PROTOTYPE
![Page 18: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami](https://reader035.vdocuments.site/reader035/viewer/2022062517/56649f135503460f94c275b1/html5/thumbnails/18.jpg)
MUSICBLOX
?