SlideShare a Scribd company logo
1 of 31
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

More Related Content

Recently uploaded

Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfjeffreycarroll14
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...Amil baba
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeCarlgaming1
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationJaime Brown
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationajroy0196
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理cyebo
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfoliodhrumibshah13
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Cloud99 Cloud
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headersekinlvnt
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Mustafa
 
Latest Trends in Home and Building Design
Latest Trends in Home and Building DesignLatest Trends in Home and Building Design
Latest Trends in Home and Building DesignResDraft
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理cyebo
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisPeclers Paris
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentationssuser8fae18
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistYudistira
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidiLivengood
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designKhushiGandhi15
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..GB Logo Design
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)☕ 🥧 🚲 Martin Gude
 

Recently uploaded (20)

Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolio
 
Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678Webhost NVME Cloud VPS Hosting1234455678
Webhost NVME Cloud VPS Hosting1234455678
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
 
Latest Trends in Home and Building Design
Latest Trends in Home and Building DesignLatest Trends in Home and Building Design
Latest Trends in Home and Building Design
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM Specialist
 
Heidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD PortfolioHeidi Livengood's Professional CADD Portfolio
Heidi Livengood's Professional CADD Portfolio
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic design
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 
And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)And that's about to change! (Service Design Drinks Berlin May 2024)
And that's about to change! (Service Design Drinks Berlin May 2024)
 

Featured

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

Featured (20)

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 

Dance Nation Design Document - User Experience Design

  • 1. Dance Nation Website User Experience Design (FINAL) 12.11.2008 Prepared by Osagie Ogunbor
  • 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