Mathieu Tozer's Dev Blog

Cocoa, the development of Words, and other software projects (including those dang assessment tasks).




KTV: User Interface


E-mail this post



Remember me (?)



All personal information that you provide here will be governed by the Privacy Policy of Blogger.com. More...



The application will be housed in a mostly sovereign single window.
This follows with the idea that the app will be kind of like a game, besides, it's hard to multitask at the best time times let alone when you're singing karaoke.

Box Chooser
boxChooser.jpg
To find a box, choose from the list on the left hand side of this subview. This list might contain groupings by genre, language, groups, or 'venue'. But most probably genre. Within each selection there can be 0...* many karaoke boxes. Users can create boxes from here, and join existing boxes. When choosing a box, the details of the current selection is shown below the table as shown. Clicking join will add the box to the tab view and select it 'taking' you to the box.
The details tab contains information such as who is in the box, the average rating and individual ratings of the users in the box, the song line up etc.

Studio
studio.jpg
The user can drag a song from the song chooser on the left to the right hand side to set up the studio for that song. Layers and audio controls are below, and can be added live (by a friend) or set to automatic. Can stop the recording mid way with the stop button. Once the recording is finalised, clicking 'save song' will flatten it for video and put it in the Record Browser from which you can upload the recording for everyone to view or as your entry into the Idol contest.

Recording Browser
SongBrowser.jpg
In the recording browser, the table shows the recordings that the user has taken of themselves singing the currently selected recording(s) in the song selector on the left.

From the top table, the user can browse their own recordings and choose the recording to post.
A user can only have one song 'live' (online) of a recording, but they can change it if they feel they have song a better rendition of the song. This is where they can manage this.
The middle view shows the comments and ratings that the currently selected video has received by other users.
Other people's recordings are stored remotely and are streamed with a lower quality or downloaded to the users computer at a higher quality.

The user can view a video in a detached window also, which can be expanded to full screen, or use the partial sizes. Hot keys are command 1, 2, 3, 4 and 0, as per the standard.

Clicking on buy in iTunes opens the currently selected song for purchase (sung by the real artist!) in iTunes.

From within the table view, the user can click to download another user's karaoke version of the song. The download progress is indicated in the table view.

Rating videos.
The offensive flag is used by the system to monitor possibly offensive recordings that need to be reviewed for appropriateness.

There might also be a future web version of this interface for viewing and rating other people's karaoke.

Still to come!
Online Karaoke View
The currently open Karaoke box is shown in the tab on the right of the tab view. In the mockup, the box name is 'JPop Box'.
Idol View


0 Responses to “KTV: User Interface”

Leave a Reply

      Convert to boldConvert to italicConvert to link

 


+RSS | dev blog | Portfolio

About me

My status

Previous posts

  • my del.icio.us
  • my flickr