• Save
Dance Nation Design Document - User Experience Design
Upcoming SlideShare
Loading in...5
×
 

Dance Nation Design Document - User Experience Design

on

  • 948 views

Dance Nation Design Document (Sitemap, Wireframes, Personas and Audience Evaluation)

Dance Nation Design Document (Sitemap, Wireframes, Personas and Audience Evaluation)
Platform/media: Web
Work done: Concept and User Experience Design

Statistics

Views

Total Views
948
Views on SlideShare
948
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Dance Nation Design Document - User Experience Design Dance Nation Design Document - User Experience Design Presentation Transcript

  • Dance Nation Website User Experience Design (FINAL) 12.11.2008 Prepared by Osagie Ogunbor
  • December 11, 2008 Page 2 of 31 TABLE OF CONTENTS Venture Proposal 3 Competitors (Direct and Indirect) 4 Personas 6 Site Map 8 Feature Set / Page Inventory 9 Wireframes 10-31 Home 10 Dances 12 Dances Category 14 Dances Detail (Open Video) 16 Video Player 18 People 19 Forum 20 Upload 22 Upload Detail 23 Music 24 Videos 26 Shop 28 Search Results 30 Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 3 of 31 Venture Proposal The purpose of the web site is to showcase dance videos and teach guests how to dance to different styles of music ranging from traditional African songs to hip hop songs. For example, a couple who wants learn how to dance salsa can easily come to the web site and either watch streaming videos or pay for a DVD which will be shipped to their residence. The web site will feature sections where one can view different dance videos, purchase items ranging from DVDs to dance gear and forums for all the different styles. The web site will generate revenue by providing advertising space for a certain fee. Potential advertisers might include dance instructors, dance events, dance studios, etc. Additionally, the user will be charged a minimal transaction fee upon purchase of items from the website. Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 4 of 31 Competitors Direct Competitors: Dancejam.com Visitors can: 1. Upload their dance videos 2. Watch different dance styles 3. Watch dance battles 4. Visit chat forums 5. Listen to music playlists, etc. Strengths: Free videos, dance battles, dance styles, chat forums, listen to music and easy to use Weaknesses: No apparent flaw Revenue: They generate revenue by selling advertising space to dance shows, dance competitions Learning2dance.com 1. Get free online dance lessons 2. Purchase instructional videos 3. View upcoming dance events 4. Purchase books, music, lessons from an online store, etc. Strengths: Watch videos, forums, online store, easy to use site, purchase books, music and lessons Weaknesses: Web site is sometimes inconsistent throughout the pages Revenue: They generate revenue by selling advertising space on the site, selling DVDs and movies Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 5 of 31 Competitors (Cont.) Indirect Competitors: Youtube.com 1. Upload their dance videos 2. Watch different dance styles 3. Watch dance battles 4. Visit chat forums 5. Comment on videos, get feedbacks, etc Strengths: Large audience, status and various other videos Weaknesses: Not focused on a particular audience or genre Revenue: They generate revenue by selling advertising space to different types of businesses. Metacafe.com 1. Upload their dance videos 2. Watch different dance styles 3. Watch dance battles 4. Visit chat forums 5. Comment on videos, get feedbacks, etc Strengths: Large audience, status and various other videos Weaknesses: Not focused on a particular audience or genre Revenue: They generate revenue by selling advertising space to different types of businesses. Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 6 of 31 Personas Tony Tran Computer Savvy: Web Savvy: Online Shopping Savvy: Age: 20 User Goal: Education: College student Occupation: Part-time T-mobile salesperson “It should be easy to use and straightforward . The less Marital Status: Single clicks for me, the better.” Children: None Income: $15,000 Ethnicity: Asian Hobbies: Video games, basketball, racing, music, dancing and clubbing Dance Skills: Considered a good dancer by peers Reason for accessing “Dance Nation”?: To keep up with the new dance steps in the clubs. Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 7 of 31 Personas (Cont.) Sundeep Ahuja Computer Savvy: Web Savvy: Online Shopping Savvy: Age: 36 User Goal: Education: Graduate “It is better to have a broad range of styles.” Occupation: Computer Engineer Marital Status: Single Children: None Income: $65,000 Ethnicity: Indian Hobbies: Reading, consumer electronics shows and running Dance Skills: Considered a bad dancer by peers Reason for accessing “Dance Nation”?: To learn how to dance. Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 8 of 31 Log in Site Map Home page Sign up Search Dances People Forum Shop Upload Music Videos New Members Announcements Featured New All Members Support Products Products Dance Style Music Genre Video Page Article Popular Article Groups Genres Products Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 9 of 31 Feature Set / Page Inventory Suggested Features Template / Page Inventory 1. Video player: Visitors will be able to watch music videos and dance 1. Home: This is the landing page where visitors can view all the site’s videos. features. 2. Upload: Ability upload dance video, music videos, music, etc. for 2. Dances: In this section, visitors can view and rate all dances uploaded members to share, view, comment, tag and rate. by other users. 3. Adverts: Adverts focused on the users will be featured on the web 3. People: This page will features all the members of the sites. Viewers can site, which they can click on to learn more. view other user profiles, dances, etc. 4. Shop: Members can purchase several products ranging from dance 4. Videos: This is the section where visitors can view music videos of gear to DVDs. established artists uploaded by other users. 5. Music player: Members can listen to songs from different genres. 5. Forum: Visitors can view announcements, post feedbacks and chat 6. Commenting: Members can make positive or negative comments on about different genres. the videos which will be sent to the whoever uploaded the video. 6. Shop: This is the section where visitors can buy different items from 7. Tagging: Members can tag themselves, other people or keywords in DVDs to gears. the videos to enable efficient search results (Metadata). 7. Upload: Members of the site can upload videos and music for sharing 8. Rating: Members can rate videos on a scale of one to five according purposes. to their preferences. 8. Music: Visitors can listen to streaming music from the music player. 9. Search: Visitors can search through the web sites for videos, music, products, etc. Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 10 of 31 Wireframe - Homepage Notes The Homepage is first page the visitor will see Sign Up or Log In immediately they access the site. The page consists Logo of several sections which include videos of the day, newest styles, highest rated videos, newest Example: Salsa Search members and new music. 1 1. Global Navigation and Header Home Dances People Forum Upload Music Videos Shop This is the persistent global navigation for Dance 2 4 Newest Members nation web site. It displays at the top of every page Most Recent Videos of the web site and allows the user to search and browse. The choices include home, dances, people, forum, upload, music, videos and shop. 2. Most Recent Videos This section will feature all the newest videos of the day. The user can click on a thumbnail of the video Advert Space and he will be directed to another page where they 120 X 240 will view the full video. Freestyle Battle by Jon Doe 47 Views Lyrical Dance by Jane Doe 85 Views See All 3. Newest Styles 3 5 This section will feature the newest styles on the Newest Styles See All New Music web site. It will also feature the name of the video, Artist: Michael Jackson the poster, ratings, style and number of views. Song: Thriller Upgrade You Ratings: Genre: Pop 4. Newest Members by John Doe Style: Hip Hop 0:00 / 4:35 This section features all the newest members of the Views: 56 Artist: Britney Spears web site once they sign up. This will ensure that all Song: Boys the members are featured at list once on the Genre: Pop homepage 0:00 / 4:35 Ratings: 5. New Music Salsa Time Artist: Timbaland Advert Space Allows the user to listen to the newest music on the by Jane Doe Style: Salsa Song: Apologize Genre: Pop web site. The user can click on the artist’s name, Views: 48 120 X 240 0:00 / 4:35 song or genre to view more information about them respectively. See All Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 11 of 31 Wireframe - Homepage (Cont.) Notes 6 6. Video Thumbnail Users can click on the video thumbnail to view the Upgrade You Ratings: complete video. by John Doe Style: Freestyling Views: 73 7. Highest Rated Videos This section will feature all the best and highest rated videos of the day. The user can click on a Ratings: thumbnail of the video and he will be directed to Tapping Style: Tap Dance another page where they will view the full video. by David Advert Space Views: 55 120 X 240 7 Highest Rated Vidoes See All Krumping Ratings: by James Style: Hip Hop Views: 56 Folk Dance Ratings: by Mary Style: Folk Views: 22 Footer Links: tbd | tbd | tbd | tbd | tbd | tbd | tbd | tbd |tbd Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 12 of 31 Wireframe - Dances Notes The Dances page displays all the dances on the Sign Up or Log In web site. They are all categorized according to their Logo genres for easy access. Example: Salsa Search 1. Browse By Alphabetical Order The user can browse all the dance styles by Home Dances People Forum Upload Music Videos Shop alphabetical order. 2. Page Number Notification 1 A B C D E F G H I J K LM N O P Q R S T U V W X Y Z 2 This tells the user what page they are on and how 1 2 3 4...10 many more pages the have to go. Break dance 3 3. Dance Genre Picture Link This will be a picture link portraying the dance style. Breaking also known as “Break Dancing”, is an improvisational street dance that The user can click on the picture to view videos in originated in the South Bronx during the early 1970s... the particular genre or to learn more about it. 365 Videos Advert Space 120 X 240 Lyrical Dance A fusion of the ballet and jazz dance styles, Lyrical Dance aims to interpret the accompanying music in an emotionally expressive way. T... 456 Videos Popping Popping is a dance form derived from a grouping of dance forms known as funk styles. It is based on the technique of quickly contracting ... 236 Videos Tap Dance Advert Space The term “Tap Dance” was first coined in 1928, and serves to define the dance 120 X 240 style where the dancer audibly creates a lively rhythmic ta... 116 Videos Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 13 of 31 Wireframe - Dances (Cont.) Notes Belly Dance Belly Dancing is a sensual and erotic dance utilizing perfect abdominal and chest muscle control. The graceful gyrations and steps utili... 65 Videos Salsa Although the name Salsa was first coined in New York City, the dance has its roots in Cuba. A blending of the Haitian “danzón”, the Afri... Advert Space 356 Videos 120 X 240 House House dance has captured the imagination of many people over the last few years. As an art form the dance grew up alongside hip-hop, bef... 76 Videos 2 Step The “2 Step” dance and accompanying music was developed by DJ Unk, an At- lanta, Georgia based DJ and rapper. He began spinning records in... 53 Videos 1 2 3 4...10 Footer Links: tbd | tbd | tbd | tbd | tbd | tbd | tbd | tbd |tbd Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 14 of 31 Wireframe - Dances Category Notes The Dances Category page displays videos available Sign Up or Log In in each dance category and a short history. Logo 1. Dance Name Search Displays the name of the dance style on the current page. Home Dances People Forum Upload Music Videos Shop 2. Dance Description This will describe the particular dance on current 1 Break dance page. Also known as: BBoying, Breaking Region of origin: The Bronx 3. Dynamically-generated Dance Genres Displays dynamically generated dance styles. The 2 Breaking also known as “Break Dancing”, is an improvisational street dance that originated in the South user can sort out the styles by most recent, name, or most viewed styles. Bronx during the early 1970s. It is a creative mix influenced by dance, martial arts, and gymnastics. Its name originated from the dancing that emerged when DJs started using the drum solos, also known as drum Advert Space 4. Video Thumbnail (Link) breaks from funk songs as the main element of the music. Originally, the DJ would play the drum break on 120 X 240 This is will take the user directly to the video. one record and extend the break by replaying or looping the same break on another record. The dancing to these drum breaks created a new art form known as Breaking. 5. Video Details 3Sort by: Most Recent Displays details about a particular video. Ratings Date Added 4 5Dance: Dance Name 1 - 10 of about 1,140,000 in break dance Length: 4:30 Poster: Name Genre: Garage Ratings: Dance: Dance Name Length: 4:30 Poster: Name Genre: Garage Ratings: Advert Space Dance: Dance Name Length: 4:30 120 X 240 Poster: Name Genre: Garage Ratings: Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 15 of 31 Wireframe - Dances Detail (Cont.) Notes Dance: Dance Name Length: 4:30 Poster: Name Genre: Garage Ratings: Dance: Dance Name Length: 4:30 Poster: Name Genre: Garage Ratings: Dance: Dance Name Length: 4:30 Advert Space Poster: Name 120 X 240 Genre: Garage Ratings: Dance: Dance Name Length: 4:30 Poster: Name Genre: Garage Ratings: Dance: Dance Name Length: 4:30 Poster: Name Genre: Garage Ratings: Dance: Dance Name Length: 4:30 Poster: Name Genre: Garage Ratings: 1 2 3 4...10 Footer Links: tbd | tbd | tbd | tbd | tbd | tbd | tbd | tbd |tbd Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 16 of 31 Wireframe - Dances Detail (Open Video) Notes The Dance Detail page is a transitional page that Sign Up or Log In occurs when a user clicks on a video while browsing Logo or searching Dance Nation. Example: Salsa Search 1. Name of Video Displays the name of the selected video. Home Dances People Forum Upload Music Videos Shop 2. Video Rating 1 Learning to Lock 2 Displays the video’s ratings. 3 7 Uploaded by: Dancer909 3. Video Player on: December 01, 2008 The user can view the selected video on the video player, which also has several features (page 17). 8 Description: 4. Sub Menu (Rate, Faved and Views) I’ve been teaching myself Locking and I think its getting better The user can either rate the video, view how many times it has been made a favorite video by other 9 Dance Genre: users or view the number of views till date. Locking 10 Tags: 5. Video Functionality Bar The user can either add the video to their list of Locking, old school, hip hop favorite videos, share the videos with friends, feature the video of their profile page or report the video for 11 More Videos From This user (3): any violations. 1:10 / 4:00 FULL 6. Comments Members can comment on each video and it will be 4 Rate It Faved: 0 times Views: 4695 sent to the poster. Krumping 242 Views Krumping 242 Views 5 Add to favorite Share Feature on my profile Report by Dancer909 Freestyling to 4 minutes by Dancer909 Freestyling to 4 minutes 7. Poster’s Profile Picture This will display the poster’s profile picture. 6 COMMENTS Add a comment Dancer172 said 2 hours ago: Reply 8. Description This will display the description of the video. Nice job, keep it up! 9. Dance Genre This will display the dance genre the video belongs to. Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 17 of 31 Wireframe - Dances Detail (Open Video) - Cont. Notes 12 Related Videos: Dancer482 said 2 hours ago: Reply 1o. Tags Displays all the tagged keywords so the video can Nice job, keep it up! easily be found during a search. Krumping 242 Views Krumping 242 Views 11. More Videos From This User by Dancer909 by Dancer909 Displays all the other video uploaded by the poster. Dancer287 said 3 hours ago: Reply Freestyling to 4 minutes Freestyling to 4 minutes The user can click on the link to view more of the videos. Nice job, keep it up! 12. Related Videos This displays all the videos related to the current Dancer2353 said 4 hours ago: Reply Krumping 242 Views Krumping 242 Views video. by Dancer909 by Dancer909 Freestyling to 4 minutes Freestyling to 4 minutes Nice job, keep it up! Dancer552 said5 hours ago: Reply Krumping 242 Views Krumping 242 Views Nice job, keep it up! by Dancer909 by Dancer909 Freestyling to 4 minutes Freestyling to 4 minutes Dancer796 said6 hours ago: Reply Nice job, keep it up! 1 2 3 4...10 Footer Links: tbd | tbd | tbd | tbd | tbd | tbd | tbd | tbd |tbd Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 18 of 31 Video Player 2 3 4 5 1 1:10 / 4:00 FULL Notes 3. Video Duration The Video Play component from the Video Detail displays available and permitted Video duration readout (in minutes and seconds) on the bottom right corner of the information specific to each Title. Scrub Control has two values, the current place of the video and the full length of the video available in the movie. 1. Play / Pause Control Play control button shows a play icon when video is in the pause state and shows 4. Volume Control a pause icon when video is in the play state. The Volume control affects the movie sound volume. The user can click and drag / slide the controller right to increase volume and left to decrease volume. 2. Play Scrub Control Users can click on scrub bar to control the position of movie in relation to movie 5. Fullscreen Control play time. The ‘FULL’ link expands to play the video in a fullscreen from factor where the new window is opened (popout to fullscreen) and the entire browser screen is occupied completely by the video player. Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 19 of 31 Wireframe - People Notes The People page displays all the members of the Sign Up or Log In site and groups them according to new members, all Logo members or all groups on the web site. Example: Salsa Search 1. Groups Displays all the groups consisting of members of the Home Dances People Forum Upload Music Videos Shop web site. 2. Picture Link (Groups) 1 Users can click on the picture of a genre and a page Groups See all showing all the information about that specific group 2 will appear. 3. New Members Displays all the new members of the web site. Hip Hop crew B-boys group Ravers crew Latin flava Advert Space 4. Picture Link (Members) 120 X 240 3 Users can click on a member’s profile picture to view New Members See all more information about that particular member. 4 5. All Members Displays all the members of the web site. Jane Tony John David Jack 5 All Members See all Advert Space 120 X 240 Robert Michael Sarah Laurence Jessica Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 20 of 31 Wireframe - Forum Notes The Forum page features two different sections, Sign Up or Log In which are, general and genre. In here, members can Logo post and respond to messages written by fellow members Example: Salsa Search 1. General Home Dances People Forum Upload Music Videos Shop Consist of two sections (announcements and support). Members can make and view announcements or seek support from the 1 General 3 administrator. Activity 2. Genres Announcements 111 posts in 27 Users can click on the picture of the video to view Announcements the complete video. Get the scoop on upcoming DanceJam features and events. Advert Space 3. Activity Support 120 posts in 22 Members can view all the current activities in each 120 X 240 Discussions forum. The place to ask questions and leave site feedback. 2 Genres Activity 111 posts in 27 Bhangra Announcements 111 posts in 27 Break Dancing Announcements 111 posts in 27 Ball Room Announcements Advert Space 120 X 240 Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 21 of 31 Wireframe - Forum (Cont.) Notes Activity 175 posts in 55 Folk Dancing Announcements 888 posts in 87 Freestyle Announcements 644 posts in77 Folk Dancing Announcements Advert Space 322 posts in 65 120 X 240 Hip Hop Announcements 87 posts in 23 Jazz Announcements 663 posts in 7 Latin Announcements 82 posts in 22 Swing Announcements 11 posts in 5 Tap Dancing Announcements 1 2 3 4...10 Footer Links: tbd | tbd | tbd | tbd | tbd | tbd | tbd | tbd |tbd Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 22 of 31 Wireframe - Upload Notes The Upload page allows only members to upload Sign Up or Log In their content. If a user is not a member, they will be Logo prompted to sign up. Example: Salsa Search 1. Login Users have to Login to upload, videos, music, etc. Home Dances People Forum Upload Music Videos Shop This action requires you to be logged in. 1 Login Email address Enter email address Password Enter password SUBMIT Forgot your password or need an account? Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 23 of 31 Wireframe - Upload Detail Notes The Upload Detail page is a transitional page that Hello, Dancer24 Sign Out occurs when a user logs in to upload a video. Logo 1. Upload Category dance Search Users can upload different media files into their respective categories. Home Dances People Forum Upload Music Vidoes Shop 2. Choose A File 1 This is link takes the user to their computer system Dances Music Videos to locate the media file they would like to upload. 3. Upload Video Video File Upload This link completes the uploading process. Select a video to Upload 2 3 Upload video Advert Space Choose a file no file selected 120 X 240 About Uploading • Upload up to 10 videos at a time • Any video format • Up to 1 GB in size. Advert Space 120 X 240 Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 24 of 31 Wireframe - Music Notes The Music page features two different sections, Sign Up or Log In which are, general and genre. In here, members can Logo post and respond to messages written by fellow members Example: Salsa Search 1. Name of Genre Home Dances People Forum Upload Music Videos Shop Displays all the different genres. 2. Artist’s Profile Picture Link 1 Garage This link takes you to the artist’s profile page which See all will display all the videos and music by the artist. 2 M.I.A. Kano Wiley Kano Bizzle Advert Space Boyz Ps & Qs Esky boy London Town POW 120 X 240 Pop See all Bob Sinclair kylie Minogue Rihanna Janet Jackson Chris Brown What I Want All I See Disturbia LOVE Run It Salsa See all Advert Space 120 X 240 Makano Enrique Iglesias Shakira Patrulla 81 Ivy Queen Te Amo Away Hips Don’t Lie Batanga Dime Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 25 of 31 Wireframe - Music (Cont.) Notes Rock See all Linkin Park Kid Rock Bloc Party The Killers The Strokes Numb Sweet Home Voices Losing Touch Reptilia Advert Space African See all 120 X 240 TuFace D’banj Timaya Fela Kuti Awilo African Queen Suddenly Timaya Lady Cache Cache R&B See all Beyonce Keri Hilson Cassie Day 26 Dwele Single Ladies Energy Official Girl What You Got Find A Way 1 2 3 4...10 Footer Links: tbd | tbd | tbd | tbd | tbd | tbd | tbd | tbd |tbd Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 26 of 31 Wireframe - Videos Notes The Video page displays all the music videos Sign Up or Log In available on the web site. Logo 1. Name of Genre Example: Salsa Search Displays all the different genres. Home Dances People Forum Upload Music Videos Shop 2. Video Thumbnail (Link) Users can click on the video thumbnail to view the 1 complete video. Garage See all Rollover State 2 Artist: M.I.A. 3 Song: Boyz 3 Length: 4:30 M.I.A. Kano Wiley Kano Advert Space Boyz Ps & Qs Esky boy London Town Poster: DanceBoy 120 X 240 Genre: Garage M.I.A. Pop See all Boyz Ratings: 3 Bob Sinclair kylie Minogue Rihanna Janet Jackson What I Want All I See Disturbia LOVE Salsa See all 3 Advert Space 120 X 240 Makano Enrique Iglesias Shakira Patrulla 81 Te Amo Away Hips Don’t Lie Batanga Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 27 of 31 Wireframe - Videos (Cont.) Notes Rock See all 3 Linkin Park Kid Rock Bloc Party The Killers Numb Sweet Home Voices Losing Touch Advert Space African See all 120 X 240 3 TuFace D’banj Timaya Fela Kuti African Queen Suddenly Timaya Lady R&B See all 3 Beyonce Keri Hilson Cassie Day 26 Single Ladies Energy Official Girl What You Got 1 2 3 4...10 Footer Links: tbd | tbd | tbd | tbd | tbd | tbd | tbd | tbd |tbd Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 28 of 31 Wireframe - Shop Notes The Shop page features all the products members Sign Up or Log In can purchase. They are grouped into different Logo categories including new products, popular products and featured products. Example: Salsa Search 1. Subnav Panel Home Dances People Forum Upload Music Videos Shop Displays main categories of books, music, DVDs, clothes, shoes and equipment. When the user clicks 2 on one of the options, he is directed to a page where New Products See all he can purchase items in that category. 1 3 2. New Products Books Displays all the new products on the website. Music 3. Product Link DVDs Product Name Product Name Product Name Product Name Advert Space This link will take the user straight to the product Price Price Price Price information page. 120 X 240 Clothes 4. Popular Products Displays all the popular products on the website. Shoes 5. Featured Products Equipment Displays all the products that have distinctive Product Name Product Name Product Name Product Name attribute Price Price Price Price 4 Popular Products See all Advert Space 120 X 240 Product Name Product Name Product Name Product Name Price Price Price Price Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 29 of 31 Wireframe - Shop (Cont.) Notes Product Name Product Name Product Name Product Name Price Price Price Price 5 Featured Products See all Advert Space 120 X 240 Product Name Product Name Product Name Product Name Price Price Price Price Product Name Product Name Product Name Product Name Price Price Price Price Footer Links: tbd | tbd | tbd | tbd | tbd | tbd | tbd | tbd |tbd Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 30 of 31 Wireframe - Search Results Notes The Search Result page displays the user’s search Sign Up or Log In results. Logo 1. Search Category dance Search Users can view search results in different categories. Home Dances People Forum Upload Music Videos Shop 3. Video Thumbnail (Link) This is will take the user directly to the video. “dance” video results 1 - 20 of thousands 3. Video Details 1 Displays details about a particular video. Dances People Music Videos Sort by: Most Recent Ratings Date Added 2 3 Dance: Dance Name Results 1 - 10 of about 1,140,000 on dance Length: 4:30 Poster: Name Genre: Garage Ratings: Advert Space Dance: Dance Name 120 X 240 Length: 4:30 Poster: Name Genre: Garage Ratings: Dance: Dance Name Length: 4:30 Poster: Name Genre: Garage Ratings: Dance: Dance Name Length: 4:30 Poster: Name Genre: Garage Ratings: Dance: Dance Name Advert Space Length: 4:30 Poster: Name 120 X 240 Genre: Garage Ratings: Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008
  • December 11, 2008 Page 31 of 31 Wireframe - Search Results (Cont.) Notes Dance: Dance Name Length: 4:30 Poster: Name Genre: Garage Ratings: Dance: Dance Name Length: 4:30 Poster: Name Genre: Garage Ratings: Dance: Dance Name Length: 4:30 Advert Space Poster: Name 120 X 240 Genre: Garage Ratings: Dance: Dance Name Length: 4:30 Poster: Name Genre: Garage Ratings: Dance: Dance Name Length: 4:30 Poster: Name Genre: Garage Ratings: Dance: Dance Name Length: 4:30 Poster: Name Genre: Garage Ratings: 1 2 3 4...10 Footer Links: tbd | tbd | tbd | tbd | tbd | tbd | tbd | tbd |tbd Osagie Ogunbor Dance Nation ogumbz@yahoo.com User Experience Design - Fall 2008