MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas...

18
MUSICBLOX damn.exe Flash Prototype Presentation

Transcript of MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas...

Page 1: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami.

MUSICBLOX

damn.exe

Flash Prototype Presentation

Page 2: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

EVOLUTION: STAGE 4BETA PROTOTYPE

Page 18: MUSICBLOX Flash Prototype Presentation. MUSICBLOX TEAM MEMBERS Anika Talapatra Mayank Mehta Nicolas Gaumond Zeid Al-Hammami.

MUSICBLOX

?