Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Corrected links that should have been relative instead of absolute.

Prototype Photos

Image Modified

Main Screen. After our splash screen is displayed, the user sees this screen. They can create a new sketch, or browse their old sketches. The options menu shown at the bottom can be accessed by clicking the phone's menu button. 

...

The options menu for playback mode. Edit moves the user back into Edit Mode. Close takes the user back to the main screen. We added Save because we found that users wanted to be able to save their sketches from this mode, despite the fact that they cannot actually edit the sketch from this mode.

Briefing

You are a music student. You have music in your head that you want to write down, but you do not have your computer or a pen and paper. You do have your Android phone. You open up our app and see this screen. (First screen in placed in front of the user.)

Scenario Tasks

  1. Create a new piece of music
  2. Browse through your files to find the one you just created
  3. Listen to your sketch

Observations

Initial usability problems:

  • Users didn't know to "drag-and-drop". Many thought that the note selection was moded.
  • There was no option for a dot on a note.
  • Many users were confused by the "Speak " when recording audio Now" interface. "Speak" was not a clear word. Many users tried to say "cee" instead of singing it. Unfortunately, this is provided by the OS and we cannot change it.
  • First user did not edit the name of the composition
  • "Save" was not clear (and was hidden for non-Android users).
  • Rests were not available
  • It was not possible to save from playback mode
  • The "more notes" carat was not clear to users.
  • Meter was not clear, placing bars didn't make sense to users.
  • Many users were confused by the "Speak Now" interface. Unfortunately, this is provided by the OS and we cannot change it.

Our general observations were that:

...

https://docs.google.com/document/d/19hrRuZWynYfpp41_lAAxiRQtrpMXEUebG4TXOI5Crow/edit

Prototype Iterations

Changes that occurred in design:

  • Keyboard shows up in "settings" screen (for ease of using the paper prototype; this would be the default behavior on a phone when the cursor is in a text box)
  • "Exp" was replaced by a slur
  • Placed pop-ups describing what the user was able to do.
  • Determined that meter bars would be placed automatically by the application
  • Rest / Note mode was added
  • Save button was added to playback mode, and feedback is given on a successful save. Also, a prompt occurs when the user tries to close without saving.
  • Upside down carat for "more notes" was replaced by ellipsis.