2. 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
3. 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
4. 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
5. 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
6. 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
7. 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
8. 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
9. 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
10. 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
11. 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
12. 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
13. 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
14. 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
15. 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
16. 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
17. 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
18. 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
19. 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
20. 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
21. 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
22. 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
23. 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
24. 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
25. 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
26. 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
27. 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
28. 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
29. 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
30. 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
31. 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