User Experience/Information Architecture

V 1.9

0.0

Home Page

QUEEN LATIFAH • SITE MAP

Navigation Call To Action

0.1

0.2

0.3

0.4

0.5

0.6

Where to
Watch

This
Week

Be on
the Show

Remind
Me to Watch

Tickets

Giveaways

0.2.1

All Episodes

7.1

0.7

0.8

0.9

Share
(Social)

Join in the
Conversation

Join the
Queens Crew

Search

KEY:

In wireframe development

Parsed
Content

Content
Links

1.0

Queen
Latifah

2.0

Videos

• My Story
• Queen Latifah’s Mom
• Awards
• Queen Latifah’s
iTunes Channel
• Queen Latifah’s Instagram
• Queen Latifah’s Newest Tracks
• The Queen on the Red Carpet
• The Nature of the Sista turns 22
• Team up with Tony Bennett
• Queen Latifah pays tribute in “Teach”
• Live at the Hollywood Bowl
• Queen Latifah on Conan Obrien
• Follow me: Queen Latifah’s personal social media

2.1

Video
Player

3.0

Photos

4.0

Music

5.0

Food

6.0

Lifestyle

7.0

Heroes

• Recipes
• Cooking Demos
• Chef Profiles

• Queens Closet
• Fashion
• Beauty
• Health
• Home
• Tech

• Celebrity Causes
• Hometown Heroes
• Get Involved
• You Stories

Footer (8.00) Links

8.1

8.2

8.3

Privacy
Policy

Terms of
Use

Contact Us

Footer Links

Global Functions

9.1

9.2

Facebook
Like/Comment

E

QUEEN LATIFAH • 0.0 MAIN NAVIGATION

A

D

JOIN in the
CONVERSATION

G

QUEEN
LATIFAH

VIDEOS

B

Be on the
Show

JOIN THE QUEENS CREW

Email Address

Remind Me
to Watch

Submit

F

C

PHOTOS

MUSIC

FOOD

LIFESTYLE

HEROES

Search on queenlatifah.com...

H

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: The main navigation
portion of the site design.
The resolution being used in this architecture is 1024x768.
A. LEADER BOARD AD
The top leader board ad has a resolution of 728x90.
B. CALL TO ACTION BUTTONS
The call to action buttons contains the following:
• Tickets
• Giveaways
• Be on the Show
• Remind Me to Watch
C. SOCIAL MEDIA
The social media on the site consists of the following:
• Facebook
• Twitter
• Youtube • Pinterest
• Instagram
• Google+
• Get Glue
• E-mail
D. JOIN IN THE CONVERSATION This button takes the user to the Join in the
Conversation page.
E. MAIN LOGO
The main logo acts as a button that takes the user to the home page.
F. JOIN THE QUEENS CREW
Link to join the Queen Latifah mailing list. The user enters their e-mail that auto populates the form on the Join The Queens Crew page. The user can enter their e-mail here and get the news letter that prompts  the user via to update their info on the site.
G. MAIN NAVIGATION
The main navigation contains the following:
• Queen Latifah
• Videos
• Photos
• Music
• Food
• Lifestyle
• Heroes
H. SEARCH MODULE
User can search for content on the site. The text entry has opaque text that reads “search on queenlatifah.com”.

QUEEN LATIFAH • MAIN NAVIGATION

QUEEN LATIFAH • 0.0 MEGA MENU

The Queen’s picks of the best...

SUB MENU ITEM

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: The navigation of the
website has a mega menu function. When a main navigation page is moused over, a mega menu slides down and is revealed. When the main button is pressed the user goes to the button’s main URL.
A. MAIN NAVIGATION BUTTON
This button takes the user to the Queen Latifah page.
B. BUTTON INFORMATION
This is a brief description of what the page contains.
C. SUB MENU LINKS
This is optional sub menu buttons that parse items on the page via tags.
D. TOP SPECIFIC CONTENT
This is the newest content on the specified page. If the user clicks the content, the user will go to that specific contents page.

QUEEN LATIFAH • MEGA MENU

QUEEN LATIFAH • 0.0 HOME

Paid Advertisement

TODAYS SHOW

WEB

QL PICK

STAFF PICK

FAN FAVE

I

J

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: The index page that the user initially comes to when viewing the site.
A. POINTS OF INTEREST
These small modules contain items of interest. The modules are delineated into categories by:
• Videos
• Favorites
• Music
These categories are scalable for future item types.
B. ROTATING CONTENT CAROUSEL
The image gallery houses ads, show information, links or videos. Note: Should the image not fit the aspect ratio, there will be black bars on each side of the image/content.
C. PREVIOUS SLIDE BUTTON
This button scrolls the image gallery to the previous image in the carousel.
D. NEXT SLIDE BUTTON
This button scrolls the image gallery to the next
image in the carousel.
E. PAGINATION INDICATOR
This indicates what image is being viewed in the rotating image carousel.
F. AD CONTAINER
This is the area for an ad.
G. MODULES
These modules contain items of interest of the show. These modules have the following:
H. OPTIONAL MODULE TABS
This optional tab contains text in relation to the modules content. These include:
• Web
• QL Pick
• Staff Pick
• Fan Fave
• Todays Show
• Etc
I. MODULE IMAGE
Thumbnail image of the module content.
J. MODULE COPY
Copy area for the module.

QUEEN LATIFAH • HOME

QUEEN LATIFAH • 0.2 THIS WEEK

Monday

Tuesday

Month Date, Year

Wednesday

Thursday

Friday

WHERE TO WATCH

MY LOCATION:  CITY NAME

Not my Channel

ALL EPISODES

2 PM

LOGO

KCBS

KCAL

Watch the Queen Latifah show live!

Get Tickets

STYLE

K

Enter your Zip Code:

Find

When the user scrolls down the page, the main navigation rises and covers the “This Week” module.

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This page shows
upcoming highlights for the show for the current week. When the user scrolls down the page, the main navigation rises and covers the “This Week” module. This function is on all pages of the site.
A. WEEK DAY
This is the day of the week of the show.
B. DATE
This is the date of the show.
C. THUMBNAIL
This is the thumbnail image of the show.
D. COPY
This is the brief description of the show.
E. TODAYS SHOW
This is todays show.
F. TODAYS SHOW RIBBON
This ribbon indicates todays show.
G. ALL EPISODES
This url takes the user to the All Episodes page.
H. WHERE TO WATCH
This displays stations that carry the show in the vicinity of the user. The user can change the zip code and get refreshed information.
I. DATE AND TIMES
This displays the date and time of the show. The channels logos are also shown. The option will exist to have 1, 2, and 3 station options viewable in this area.
J. GET TICKETS
This url takes the user to the Get Tickets page.
K. ZIP CODE POP-UP
The user enters their zip code in this pop-up to find show dates and stations.

QUEEN LATIFAH • THIS WEEK

QUEEN LATIFAH • 0.2.1 ALL EPISODES

FROM DATE:

10/11/13

Sort

FROM DATE TO DATE

TO

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This page shows
information about every episode that has been aired.
A. ALL EPISODES BUTTON
This button shows all of the episodes.
B. FROM DATE SELECTOR
This allows the user to find a show from a specified date. There is a Sort button that processes the request.
C. FROM DATE TO DATE SELECTOR
This allows the user to find a show from a specified date to another date. There is a Sort button that processes the request.
D. SHOW DETAIL
This is the detail of the show.
E. WHERE TO WATCH
This displays stations that carry the show in the vicinity of the user. The user can change the zip code and get refreshed information.

QUEEN LATIFAH • ALL EPISODES

QUEEN LATIFAH • 0.3 TICKETS

WEEKDAY, MONTH DAY, YEAR

When:
Where:
Age:
Guests:

Time
Culver City, CA
18+
Guest names

Get Free Tickets

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This page allows the user to get tickets to the show via 1iota.
A. iFRAME
The information for this page is via the iframe.
NOTE: The entire ticket acquiring function must stay in the website proper. No pop-ups or redirects to a different site. The user must stay on the queenlatifah.com site.

QUEEN LATIFAH • TICKETS

QUEEN LATIFAH • 0.4 GIVEAWAYS

Giveaways!

TITLE

LEGAL DISCLAIMER

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This page allows the user to enter contests and sweepstakes. Once a contest is finished, it is removed from the site, making it
inactive.
A. PAGE TITLE
This is the name of the page.
B. CONTEST ENTRY
Each contest that appears on this page will contain the following:
• Contest Thumbnail: An image pertaining to the contest.
• Contest Title: The name of the contest.
• Contest Copy: The copy of the contest.
C. LEGAL DISCLAIMER
This is a URL to the legal disclaimer concerning
contests and sweepstakes.

QUEEN LATIFAH • GIVEAWAYS

QUEEN LATIFAH • 0.5 BE ON THE SHOW

BE ON THE SHOW!

There are many ways to be a part of The Queen Latifah Show.

SEND US THE FUNNY

SHARE YOUR STORY

ALL

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This page allows the user to correspond with the show as well as being a guest.
A. PAGE TITLE
This is the name of the page.
B. DESCRIPTIVE COPY
The main copy blurb of the page.
C. CONTENT PARSER
This parses the content into two sections. They are:
• Send us the Funny
• Share your Story
• All
D. VIEWER CONTENT REQUEST
Each item request that appears on this page will contain the following:
• Item Thumbnail: An image pertaining to the item.
• Item Title: The name of the item.
• Item Copy: The copy of the item.
• View Button: The button that takes the user to the specified web based form to fill out.
E. LEGAL DISCLAIMER
This is a URL to the legal disclaimer concerning
contests and sweepstakes.

QUEEN LATIFAH • BE ON THE SHOW

REMIND ME TO WATCH

QUEEN LATIFAH • 0.6 REMIND ME TO WATCH

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This page allows the user to set alerts for show screenings and/or set their DVR to record the show via Dijit.
A. iFRAME
The information for this page is via the iframe.
NOTE: The entire Dijit function must stay in the website proper. No pop-ups or redirects to a different site. The user must stay on the queenlatifah.com site.

QUEEN LATIFAH • REMIND ME TO WATCH

Join in the Conversation

QUEEN LATIFAH • 0.7 JOIN IN THE CONVERSATION

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This page allows the user to view content from the web including news and social media posts via Feed Magnet.
A. iFRAME
The information for this page is via the iframe.
NOTE: The entire Feed Magnet function must stay in the website proper. No pop-ups or redirects to a different site. The user must stay on the queenlatifah.com site.

QUEEN LATIFAH • JOIN IN THE CONVERSATION

QUEEN LATIFAH • 0.8 JOIN THE QUEENS CREW

JOIN THE QUEENS CREW!

Enter your information below to receive email updates of the latest news about the show from me!

Your First Name

Your Last Name

Your Email

City:

State:

Zip:

Choose:

Date of Birth

Month:

Day:

Gender

Male

Female

Year:

Yes, I’d like to receive e-mails about the Queen Latifah show!

Please Identify Yourself

I would like to receive future email updates from Sony Pictures Entertainment (“SPE”) regarding THE QUEEN LATIFAH SHOW
By clicking SUBMIT, I certify that I am a United States resident, I acknowledge that my information will be handled and used by SPE in accordance with the SPE Privacy Policy, and I agree to such handling and use by SPE.

SUBMIT

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This page allows the user to receive updates.
A. PAGE TITLE
This is the name of the page.
B. DESCRIPTIVE COPY
The main copy blurb of the page.
C. INFORMATION FIELDS
The user enters their information in these fields, the include:
• Your First Name
• Your Last Name
• Your E-mail
• City
• State
• Zip
• Your Date of Birth (via drop-down)
• Gender (via check box)
• Newsletter Option (via check box)
D. CAPTCHA
This is the CAPTCHA (for Completely Automated Public Turing Test To Tell Computers and Humans Apart) to make sure the user is real.
G. LEGAL DISCLAIMER
This is the legal disclaimer concerning joining mailing lists through Sony.
F. SUBMIT BUTTON
Submits the information to the database.

QUEEN LATIFAH • JOIN THE QUEENS CREW

QUEEN LATIFAH • 0.9 SEARCH RESULTS

Articles

All

Your search for XXX returned about XXX results.
Read more: http://www.tmz.com/search/news/cruise#ixzz2kO0rZcEM

Article Title

X Days Ago - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: The results page of a search of the website.
A. SEARCH TITLE
This gallery show images of the corresponding story.
B. PARSE BUTTONS
These buttons allow the user to parse the searched data by the following paradigms.
• ARTICLES: Display articles only.
• PHOTOS: Display photos only.
• VIDEOS: Display videos only.
• SWEEPSTAKES: Display sweepstakes only.
• GIVEAWAYS: Display giveaways only.
• ALL: Display all.
This area is scalable to add different future search options.
C. SEARCH RESULT COUNT
This displays the amount of search results.
D. RESULT THUMBNAIL
The thumbnail image of the search result.
E. RESULT TITLE The title of the search result.
F. RESULT INFORMATION This displays the amount of time (x days ago, X minutes ago) since the article was written. Also includes a blurb describing the result.

QUEEN LATIFAH • SEARCH RESULTS

QUEEN LATIFAH • 0.9.1 SEARCH RESULTS (NO RESULTS)

Search found no results

You might also like...

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: The results page of a search of the website should the content not be found.
A. SEARCH TITLE
This gallery show images of the corresponding story.
B. PARSE BUTTONS
These buttons allow the user to parse the searched data by the following paradigms.
• ARTICLES: Display articles only.
• PHOTOS: Display photos only.
• VIDEOS: Display videos only.
• SWEEPSTAKES: Display sweepstakes only.
• GIVEAWAYS: Display giveaways only.
• ALL: Display all.
C. SEARCH RESULT COUNT
This displays the amount of search results, in this case, nil.
D. RECOMMENDED ITEMS
Should the search be nil, then the top 5 latest post per type of content will be shown.

QUEEN LATIFAH • SEARCH RESULTS (NO RESULTS)

QUEEN LATIFAH • 1.0 QUEEN LATIFAH

Content Type

Content Name

IMAGE

XXXXXX

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This is the page that houses content specific to Queen Latifah. This page uses the Sartana theme.
A. CELLS
Each cell contains an item of interest or a link. Cells that aren’t  being viewed are displayed with an image.
Each individual image cell will currently contain the following on button press:
• My Story
• Queen Latifah’s Mom
• Awards
• Queen Latifah’s  iTunes Channel
• Queen Latifah’s Instagram
• Queen Latifah’s Newest Tracks
• The Queen on the Red Carpet
• The Nature of the Sista turns 22
• Team up with Tony Bennett
• Queen Latifah pays tribute in “Teach”
• Live at the Hollywood Bowl
• Queen Latifah on Conan O’Brien
• Follow me: Queen Latifah’s personal social media
B. CONTENT
When the user mouses over a cell, the content of the cell appears.
C. CONTENT TYPE
The type of the cell content. This includes:
• Links
• Videos
• Photos
• Articles
D. CONTENT NAME
This is the title of the cell content.
E .CONTENT DESCRIPTION
This the descriptive copy of the cell content.
F. VIEWS
The amount of views of the cell content.
G. LIKE AMOUNT
The amount of time the content has been “added” or “liked” on social media.
H. ADD/LIKE
The links to like a piece of content. These are the following social sites:
• Facebook
• Twitter
• Google+ (TBD)

QUEEN LATIFAH • QUEEN LATIFAH

QUEEN LATIFAH • 2.0 VIDEO PAGE

Video page intro text.

FEATURED VIDEO TITLE

DESCRIPTION: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

FACEBOOK LIKE/COMMENTS

COOKING

WATCH

CELEBRITIES

FUN

NEW

NAME

POPULAR

NOTE: Companion ads inhabit the video player and video list when the page loads. The main video starts after the ad plays completely,

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This is the videos index page. This page allows the user to sort by category.
A. VIDEO PAGE INFORMATION
Introductory text that only appears on the index page.
B. FACEBOOK “LIKES” BUTTON
Button that adds “likes” on Facebook for this video. Also shows the amount of “likes” on Facebook.
B. VIDEO PARSING
Clicking on a category allows the user to view different categories of videos in the video list. The buttons will consist of the following:
• All
• Celebrities
• Music
• Cooking
• Fun
• Heroes
C. FEATURED VIDEO PLAYER
The featured video will play directly on the index page.
D. VIDEO LIST
The video list contains thumbnails of the videos that have been parsed above. The video list defaults to NEW and POPULAR when the page is first visited.
E. SHARE BUTTONS
The following buttons are displayed:
• Youtube • Facebook
• Twitter
• Google+
• Instagram
• Pinterest
• Get Glue
• Send E-mail
F. VIDEO LIST PAGINATION SCROLL This scrolls the video list down to for further content.
G. FACEBOOK COMMENTS/LIKE MODULE
This shows the facebook posted comments for the specific video.

QUEEN LATIFAH • VIDEO PAGE

QUEEN LATIFAH • 2.1 VIDEO PLAYER

00:02/00:15

Mute

Volume
Control

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This is the video player. Auto start will be off. Video services will be utilized through Kaltura. All videos will be h.264. The video player is scalable to view on tablet and desktop.
A. LARGE PLAY ICON BUTTON
This button appears at page load and when pressed starts the video.
B. PLAY/PAUSE BUTTON
This button plays and pauses the video.
C. VIDEO SCRUBBER This is the scrubber for the video. The user can scrub through the video.
D. TIME
This is the amount of time in the video as well as the current placement in the video.
E. VOLUME
This regulates the loudness of the audio.
F. FULL SCREEN BUTTON
This button makes the video full screen.
G. SHARE BUTTONS
The following buttons are displayed:
• Youtube • Facebook
• Twitter
• Google+
• Instagram
• Pinterest
• Get Glue
• Send E-mail

QUEEN LATIFAH • VIDEO PLAYER

QUEEN LATIFAH • 3.0 PHOTOS PAGE

Image page intro text.

1/200

L

M

PHOTO NAME

Photo descriptive text.

N

O

VIEW GALLERIES

P

Q

NOTE: Companion ads inhabit the photo gallery and gallery after 5
images have been viewed.

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This is the photo gallery index page. This page allows the user to sort by category.
A. PHOTO GALLERY PAGE INFORMATION
Information of the gallery page.
B. GALLERY PARSING
The user can parse the images galleries via these buttons:
• All
• Celebrities
• Music
• Cooking
• Fun
• Heroes
C. GALLERY LIST
Thumbnails of the galleries are shown in this list.
D. PHOTO GALLERY
The main gallery location for the page. When the user selects clicks on the image, the information overlay appears over the image.
E. PLAY ALL
Allows the user to cycle through the images with a 4 second time span for each.
F. FULL SCREEN VIEW Makes the gallery full screen. When the user pressed ESC on their keyboard they exit full screen mode.
G. PREVIOUS PHOTO IN GALLERY
Shows the previous image in the gallery thumbnails.
H. GALLERY THUMBNAILS
These are the image thumbnails contained in the gallery. When the user selects one, it is displayed in the image gallery.
I. NEXT PHOTO IN GALLERY
Shows the next image in the gallery thumbnails.
J. IMAGE NUMBER
Indicates which image is being viewed (Image x of X).
K. PREVIOUS PHOTO
Shows the previous image.
L. NEXT PHOTO
Shows the next image.
M. PHOTO NAME
The name of the image given to it in the CMS.
N. PHOTO DESCRIPTION
The description of the image given to it in the CMS. HTML text can also be used in the description(urls, color and/or colored text).
Continued from the previous page:
O. CLOSE DESCRIPTION
This button closes the description information.
P. SHARE BUTTONS
The following buttons are displayed:
• Youtube • Facebook
• Twitter
• Google+
• Instagram
• Pinterest
• Get Glue
• Send E-mail
Q. FACEBOOK COMMENTS/LIKE MODULE
This shows the facebook posted comments for the specific video.

QUEEN LATIFAH • PHOTO GALLERY PAGE

QUEEN LATIFAH • 0.0 PHOTOS (CONTINUED)

QUEEN LATIFAH • IMAGE GALLERY PAGE (CONTINUED)

QUEEN LATIFAH • 4.0 MUSIC

Page descriptive text.

ARTICLE TITLE

YESTERDAY

ARTICLE DECRIPTION TEXT AREA: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non

ARTICLE BY: Writers name

INTERVIEWS

TURN IT UP!

QL SHOW RADIO

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This is the page that houses content specific to music. This includes show related music, vivo videos, etc.
A. PAGE TITLE
This is the name of the page.
B. DESCRIPTIVE COPY
The main copy blurb of the page.
C. MAIN STORY IMAGE CAROUSEL
This gallery show images of the corresponding story.
D.  MAIN STORY ARTICLE TITLE
This button scrolls the image gallery to the previous image in the carousel.
E. MAIN STORY ARTICLE POST DATE
This either reads Today, Yesterday or the date that the show aired.
F. MAIN STORY ARTICLE DESCRIPTION
This indicates what image is being viewed in the rotating image carousel.
G. MAIN STORY ARTICLE AUTHOR These modules contain items of interest of the show these modules have a view button that takes the user to the specific content.
H. INTERVIEWS
Interviews from the show.
I. TURN IT UP!
Music guests recommendations.
J. QL RADIO SHOW
Queen Latifah’s music picks.
K. VIVO VIDEO PLAYER WIDGET
This video player widget plays content from Vivo.

QUEEN LATIFAH • MUSIC

QUEEN LATIFAH • 5.0 FOOD

LATEST RECIPIES

COOKING DEMOS

CHEF PROFILES

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This is the page that houses content specific to food and cooking.
A. PAGE TITLE
This is the name of the page.
B. DESCRIPTIVE COPY
The main copy blurb of the page.
C. MAIN STORY IMAGE CAROUSEL
This gallery show images of the corresponding story.
D.  MAIN STORY ARTICLE TITLE
This button scrolls the image gallery to the previous image in the carousel.
E. MAIN STORY ARTICLE POST DATE
This either reads Today, Yesterday or the date that the show aired.
F. MAIN STORY ARTICLE DESCRIPTION
This indicates what image is being viewed in the rotating image carousel.
G. MAIN STORY ARTICLE AUTHOR These modules contain items of interest of the show these modules have a view button that takes the user to the specific content.
(TBD).
H. LATEST RECIPES
Recipes from the show.
I. COOKING DEMOS
Video cooking demos
J. CHEF PROFILES
Profiles of Chefs from the show.
K. RECIPE PLUG IN
These modules contain a sponsored recipe based plug in.(TBD)

QUEEN LATIFAH • FOOD

QUEEN LATIFAH • 5.1 RECIPE ENTRY

RECIPE NAME

11/11/13

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in

PRINT THIS RECIPE

YOU MAY ALSO LIKE:

When the user scrolls down the page, the social media follows, tethered to the top of the page. The first 3 buttons are indicated while the other 6 are hidden inside an arrow. When the arrow is pressed, the other 6 buttons accordion out.

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This is the template for recipe entries.
A. SHARE BUTTONS
The following buttons are displayed:
• Youtube • Facebook
• Twitter
• Google+
• Instagram
• Pinterest
• Get Glue
• Send E-mail
B. RECIPE TITLE
Title of the pages article.
C. RECIPE DATE
Date of the articles post.
D. RECIPE BYLINE
The writer(s) of the article.
E. RECIPE MAIN IMAGE
This is the main image for the blog.
H. RECIPE BODY
The main body copy of the article. The body wraps against any content on the right of it.
I. PRINT BUTTON
Downloads a PDF version of the article, pre-formatted for a desktop printer.
J. YOU MAY ALSO LIKE:  Displays similar recipes (via meta tags) to this recipe entry via Taboola.
K. FACEBOOK COMMENTS/LIKE MODULE
This shows the facebook posted comments for the specific video.

QUEEN LATIFAH • FOOD ARTICLE ENTRY

QUEEN LATIFAH • 6.0 LIFESTYLE

ARTICLE DESCRIPTION TEXT AREA: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non

LATEST FASHION

LATEST BEAUTY

Latifah’s Look of the Day

Looks for Less

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This is the page that houses content specific to lifestyle. This content will be displayed via sub navigation buttons as the
following (TBD):
• Queens Closet • Fashion
• Beauty
• Health
• Home
• Tech
A. PAGE TITLE
This is the name of the page.
B. DESCRIPTIVE COPY
The main copy blurb of the page.
C. MAIN STORY IMAGE CAROUSEL
This gallery show images of the corresponding story.
D.  MAIN STORY ARTICLE TITLE
This button scrolls the image gallery to the previous image in the carousel.
E. MAIN STORY ARTICLE POST DATE
This either reads Today, Yesterday or the date that the show aired.
F. MAIN STORY ARTICLE DESCRIPTION
This indicates what image is being viewed in the rotating image carousel.
G. MAIN STORY ARTICLE AUTHOR These modules contain items of interest of the show these modules have a view button that takes the user to the specific content.
(TBD).
H. LATEST FASHION
These articles are related to fashion.
I. LATEST BEAUTY
These articles are related to beauty and makeup.
J. Latifah’s Look of the day
Image related to an article with a gate. Links to a whole series.
K. Looks for less
Image related to an article with a gate. Links to a whole series.

QUEEN LATIFAH • LIFESTYLE

QUEEN LATIFAH • 7.0 HEROES

HOMETOWN HEROES

GET INVOLVED

YOUR STORIES

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This is the page that houses content specific to heroes from the show and news articles from the web pertaining to heroes.
A. PAGE TITLE
This is the name of the page.
B. DESCRIPTIVE COPY
The main copy blurb of the page.
C. MAIN STORY IMAGE CAROUSEL
This gallery show images of the corresponding story.
D.  MAIN STORY ARTICLE TITLE
This button scrolls the image gallery to the previous image in the carousel.
E. MAIN STORY ARTICLE POST DATE
This either reads Today, Yesterday or the date that the show aired.
F. MAIN STORY ARTICLE DESCRIPTION
This indicates what image is being viewed in the rotating image carousel.
G. MAIN STORY ARTICLE AUTHOR These modules contain items of interest of the show these modules have a view button that takes the user to the specific content.
(TBD).
H. HOMETOWN HEROES
These articles are related to hometown heroes.
I. GET INVOLVED
These articles are related to getting involved in community, etc.
J. YOUR STORIES
These articles are related to viewers stories.
L. OPTIONAL AD/INSTAGRAM CONTAINER
This is the area for either an ad or an instagram image container.
M. MODULE
These modules contain items of interest of the show these modules have a view button that takes the user to the specific content. These modiles can also be used for advertisements and content specific (weather, etc.) items.

QUEEN LATIFAH • HELPING HANDS

QUEEN LATIFAH • 7.1 ARTICLE ENTRY

ARTICLE NAME

PRINT THIS ARTICLE

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This is the template for article (blog) entries.
A. SHARE BUTTONS
The following buttons are displayed:
• Youtube • Facebook
• Twitter
• Google+
• Instagram
• Pinterest
• Get Glue
• Send E-mail
B. ARTICLE TITLE
Title of the pages article.
C. ARTICLE DATE
Date of the articles post.
D. ARTICLE BYLINE
The writer(s) of the article.
E. ARTICLE MAIN IMAGE
This is the main image for the blog.
H. ARTICLE BODY
The main body copy of the article. The body wraps against any content on the right of it.
I. PRINT BUTTON
Downloads a PDF version of the article, pre-formatted for a desktop printer.
J. YOU MAY ALSO LIKE:  Displays similar articles (via meta tags) to this article entry via Taboola.
K. FACEBOOK COMMENTS/LIKE MODULE
This shows the facebook posted comments for the specific video.

QUEEN LATIFAH • ARTICLE ENTRY

QUEEN LATIFAH • 8.0 FOOTER

Sign up for our newsletter

Name•

Email*

Zip/Postal Code

SIGN UP

Links:
• Link
• Link
• Link
• Link
• Link
• Link
• Link
• Link

Latest Poll:

Do you like the new site?
• Answer 1
• Answer 2
• Answer 3
See Answers

Privacy Policy | Terms of Use | Contact Us

© 2013 Sony Pictures Television Inc. All Rights Reserved.

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: Footer contains the following items:
A. NEWSLETTER SIGN UP
The user can sign up for the newsletter by supplying the following:
• Name (must fill out)
• E-mail (must fill out)
• Zip/Postal Code
B. LINKS
The footer also contains links to the Top 10 pieces of content from the site.
C. SEARCH MODULE
User can search for content on the site. The text entry has opaque text that reads “search on queenlatifah.com”.
D. LATEST POLL/QUIZ WIDGET
A poll or quiz widget that can reflect a segment on the show.
E. FOOTER NAVIGATION
The footer navigation links to the following pages:
• Privacy Policy
• Terms of Use
• Contact Us
F. LEADER BOARD AD
The footer leader board ad has a resolution of 728x90.
G. SITE LEGAL DISCLAIMER
This is the copyright information of the website.

QUEEN LATIFAH • FOOTER

QUEEN LATIFAH • 8.1 PRIVACY POLICY

PRIVACY POLICY

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This is the template for the privacy policy
A. TITLE
The title of the page.
B. COPY
The body of the privacy policy.
NOTE: Will we create this page or will it link to the main Sony privacy policy page?

QUEEN LATIFAH • PRIVACY POLICY

QUEEN LATIFAH • 8.2 TERMS OF USE

TERMS OF USE

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This is the template for the terms of use.
A. TITLE
The title of the page.
B. COPY
The body of the terms of use.
NOTE: Will we create this page or will it link to the main Sony terms of use page?

QUEEN LATIFAH • TERMS OF USE

CONTACT US NOW

Your E-mail

Your Comment Here

QUEEN LATIFAH • 8.3 CONTACT US

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: This is the template for how the user can contact the show via e-mail.
A. TITLE
The title of the page.
B. INFORMATION FIELDS
The user enters their information in these fields, the include:
• Your E-mail
• Your Comment Here
C. SUBMIT BUTTON
Submits the information to the database to generate the e-mail.

QUEEN LATIFAH • CONTACT US

QUEEN LATIFAH • 9.1 SHARE (SOCIAL)

When the user scrolls down the page, the social media follows, tethered to the top of the page. The first 3 buttons are indicated while the other 6 are hidden inside an arrow. When the arrow is pressed, the other 6 buttons accordion out.
NOTE: This feature only works on pages and not in the main navigations social links.

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: The social share works via the API of each of the social platforms shown. There are services that offer this solution right out of the box for Wordpress sites. This is a global share. This service is via Add This.
The following social services will be offered on this site:
• Facebook
• Twitter
• Youtube • Pinterest
• Instagram
• Google+
• Get Glue
• E-mail

QUEEN LATIFAH • SHARE (SOCIAL)

QUEEN LATIFAH • 9.1 SHARE VIA E-MAIL

SHARE [PAGE]

To share this, enter an e-mail
address and press Send.

E-MAIL ADDRESS:

COMMENT:

You should check this out.

SEND

ERROR MESSAGE

Error! You must enter an e-mail address.

Error! E-mail address must be in the format abc@domain.com.

CONFIRMATION MESSAGE

Thank you!
Your e-mail has been sent.

CLOSE WINDOW

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: The share pop-up appears when the user clicks on the share link.
• Main site
• Article
• Image
• Video
• Where to Watch
• TBD
A. SHARE TITLE
Title of the share window indicating what the user is sharing.
B. INSTRUCTIONAL COPY
Instructional copy to explain the e-mail form. Any legal disclaimers required will also be displayed here.
C. E-MAIL ADDRESS FORM FIELD
User enters recipient’s e-mail address here. A simple form validation checks to make sure the form field is filled and that conventional e-mail syntax is followed. Error messages are handled inline.
D. COMMENT FORM FIELD
User enters a comment here.
E. SUBMIT BUTTON
User clicks submit to send a link to selected content to recipient. The recipient e-mail address is used only to send the e-mail; it is not stored. After an e-mail is successfully submitted, a confirmation message is shown.
F. CLOSE BUTTON
User can click on the close button to cancel and return to the page.

QUEEN LATIFAH • SHARE VIA E-MAIL

QUEEN LATIFAH • 9.1 SHARE (E-MAIL)

SOMEONE HAS SHARED [ITEM] WITH YOU!

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Content Link

PROMO

AD

Footer Link 1 | Footer Link 2 | Footer Link 3 | Footer Link 4 | Help

SONY FOOTER

FUNCTIONAL ANNOTATIONS
SCREEN DESCRIPTION: When a user shares an item via the share function, the recipient gets an e-mail detailing the item with a link to the item.
A. SHARE TITLE
Title of the share e-mail. The item being shared [ITEM] is named here. These are either:
• Main site
• Article
• Image
• Video
• Where to Watch
• TBD
B. IMAGE
Instructional copy to explain the e-mail form. Any legal disclaimers required will also be displayed here.
C. COPY
This is the copy for the share e-mail.
F. CONTENT LINK
This link takes the user to the item being shared in the e-mail.
E. PROMO AREA
Optional promo area to support localized market content or company promotions.
F. AD AREA
Optional ad area to support localized market content or company promotions.
G. NEWSLETTER OPTION
This allows the user to join the mailing list.  H. E-MAIL FOOTER
This is the e-mail footer that contains other links for Sony Television. This may include social media pages, privacy policies, copyright information, etc.

QUEEN LATIFAH • SHARE (E-MAIL)

QUEEN LATIFAH • 9.2 FACEBOOK LIKE/COMMENT MODULE

Like

XXXXX People like this. Be the first of your friends.

X,XXX comments

Add a comment

Add a comment...

Posting as Username (Change)

Comment

Post to Facebook

USER NAME •     Subscribed

REPLY •       LIKE • Follow Post  •  Month Date at XX:XX am

FUNCTIONAL ANNOTATIONS
DESCRIPTION: This is the like and comment function for the site based off of the Facebook API. This page defaults to top 10 recent comments.
A. LIKE BUTTON
Button that “likes” an item on the site.
B. FACEBOOK “LIKES”
How many times the item has been “liked” on Facebook.
D. ADD A COMMENT BUTTON
Allows the user to access the Facebook comment API.
E. FACEBOOK USER ICON
The user’s facebook image.
F. COMMENT FIELD
The user types their comment in this field.
G. USER POSTING NAME
The screen name in which the user is posting under. There is also a url to change the users account.
H. COMMENT BUTTON
The button that posts the comment to Facebook.
I. POST TO FACEBOOK When checked, this posts the comment publicly on Facebook.
J. COMMENTED USER ICON
The user’s facebook image.
K. COMMENTED USER NAME
The commented users screen name.
L. USER SUBSCRIBED CHECK BOX
Indicates if the commented user is subscribed to the Facebook page.
M. COMMENTED DESCRIPTION
The body of the comment.
N. REPLY
Allows the user to reply to a posted comment
O. LIKE COMMENT
Allows the user to “like” a comment on Facebook.
Continued from the previous page:
P. FOLLOW
Allows the user to follow the comments on Facebook.
Q. POST DATE
Displays the date of the comment post.

QUEEN LATIFAH • FACEBOOK LIKE/COMMENT MODULE

QUEEN LATIFAH • 9.2 FACEBOOK LIKE/COMMENT MODULE (CONTINUED)

QUEEN LATIFAH • FACEBOOK LIKE/COMMENT (CONTINUED)

QUEEN LATIFAH • 7.2 APPENDIX

QUEEN LATIFAH • APPENDIX