You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 13 Next »

Prototype photos

When the program is first opened

some text

some text

some text

some text

some text

Hello, I am a greek motorcycle farmer.

Briefing

Our project is called VoiceComposer, and it's intended to let users quickly record a melody they're thinking of onto their smartphone.

Scenario tasks

  1. Record a melody line.
  2. Change one of the notes in your melody.
  3. Add a harmony line.
  4. Export the song.

Observations

First design

  • There should be time markings along the screen, probably in increments of five seconds in so, so users can tell how far they are in the song.
  • The "cut track" button that used to be in the menu bar was confusing, and no one figured out what it meant.
  • We needed to work on how best to represent multiple tracks that would play simultaneously, given the limited screen space.
  • People didn't want to tap "main menu" to exit the editing mode, because they were afraid it would discard their changes. We needed either some indication that the app was saving automatically, or an explicit "save" button.

first design:

obvious selection of notes
clicked on back to add harmony
piano mode
piano icon confusing
copy song / save as

revised design:

"it's an eye?"
"this is clearly volume"
opened song to export
"export is tiny"

tapped on the layer buttons for a while before Record
used Undo to "change a note"
tried to drag a rectangle on the screen to select notes
should we make tapping on whitespace create new notes?
should we make dragging select multiple notes? vertical/horizontal?
recorded over layer before figuring out how to add harmony

should make "exit" say "menu" or something?

Prototype iteration

  • Since users found the top menu bar confusing, we removed one of the buttons and replaced the "Main Menu" button with "Save" and "Exit" buttons.
  • We decided that editing individual notes would be done through a modal overlay, so that users could use more of the limited screen space to swipe and drag.
  • Audio editors commonly support arbitrarily many tracks, which can be moved around, created, and deleted. Our prototype originally used a scrolling list of tracks, but users seemed confused by adding and changing tracks. We replaced that with a layers metaphor where there are exactly four tracks that are overlaid on top of each other on the same staff.
  • We added small time markings at the top of the editing screen, as suggested by users
  • No labels