Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Individual Designs

* Irene

Sketch

Comments

 

Image Removed

 

In this design, individual exercises are emphasized, and there are very few ways a user can interact with other members of their group - perfect for someone who just wants to work on the basics on their own.

Image Added

This design is more social, with something similar to a giant Facebook wall for the group on the home page.  There are still exercises, but there is a greater emphasis placed on songs uploaded by the vocal director (the ones that the singer should be practicing).

Image Added

These sketches are fun and cute but are meant for a mobile application.  Since we cannot expect people to spend too much time on their phones, the mobile version is just a collection of short vocal games that the singer can play.

Image Removed

 

* Jackie

Sketch

Comments

 

 

 

...

* Storyboard 1 - Exercise-Oriented Design

Sketch

Comments

This design emphasizes an exercise-oriented approach for singers to get better.  Notice that each page contains sketches of two different pages.

With this design, when Anna logs in, she can immediately see a note with her goals, as well as progress bars indicating what her highest scores in each of the exercise categories are.  

Since in this scenario, she wants to practice her solo in "The Sign", she navigates to that piece and is taken to a page with the sheet music and a sidebar listing all of her previous recordings.  She can either opt to have the web app play the music back to her so she can listen to it or make a new recording of her singing.  She can also edit the sheet music and the tempo of the playback.

On the sidebar, she notices that her vocal director has commented on one of her recordings and links her to a specific tone exercise.  Let's say she follows the link!

Once she clicks the link, she is brought to the page with that specific tone exercise, shown to the left.  She can see her last score, as well as a record of what happened during the last game she played.  

Once she feels that she has a good grasp of the exercise, she can click on the "Exercises" button on the menubar (or the back button next to the title of the tone exercise page) to see the general list of exercises.

* Storyboard 2 - Social-Oriented Design

Sketch

Comments

 

Image Removed

 

This design emphasizes a social-oriented approach for singers to get better.  Notice that each page contains sketches of two different images.

With this design, Anna logs in and is brought to a page with an announcement from the vocal director as well as a news feed containing comments and activity from the other members of the group.  The sidebar contains a list of "hot" recordings made by her peers, recordings that any group member can comment on.

Although all of that is interesting, Anna decides to check her inbox, since her director said she sent everyone song pages with their individual parts.

Image Added

Once Anna gets to the song page, she notices that her director has highlighted a particularly tricky few bars and left a comment.  She begins practicing, playing the song back a couple of times, and then creating a recording, which she marks public so she can get feedback.

The next day, Anna's fellow a cappella singer Amy comments on the intro of Anna's recording, mentioning that they should practice harmonizing together there.  

To find Amy's availability, Anna goes to the members directory.

Image Added

Here, at the members directory, Anna can see that Amy is free on Monday and Wednesdays at 3pm, and she can send Amy a private message suggesting a meet-up time.  In case she forgot, she can also see that Amy sings the Harmony 1 part for the song they want to practice.

Image Removed

 

* Storyboard 3 - Practice-Oriented Design

...