29 faq 30 31 rotating content carousel...

User Experience/Information Architecture Desktop Designv 1.2

Date Version Description09/23/15 1.0 Original document10/20/15 1.2 Added Content

Still Needed:

Use Case Senarios• Watch a film• Create a Watchlist• Correspond with another user

• SItemap

User Experience and Information ArchitectureFile: v 1.2

ofLast Modified: 2 33CONTV_UI_V1.2.indd

10/21/15

CON TV • TABLE OF CONTENTS

TABLE OF CONTENTS

TABLE OF CONTENTS 2WELCOME MODAL 3SIGN IN MODAL 4HOME PAGE 5MAIN NAV 6SEARCH RESULTS 7ROTATING CONTENT CAROUSEL 8VIDEO DETAIL WINDOW 9COLLECTIONS 10VIDEO PAGE 11NEWS, EVENTS AND REVIEWS 12NEWS ITEM 13EVENT 14NEWS ITEM 15MY WATCHLISTS 16USER INFO 17USER ACCOUNT 18UPDATE PROFILE INFORMATION 19UPDATE PASSWORD 20UPDATE SUBSCRIPTION 21MY DEVICES 22TRIAL OFFER PAGE 23UPSELL PAGE 24REGISTER (PAGE 1) 25REGISTER (PAGE 2) 26CANCEL MY MEMBERSHIP/SUBSCRIPTION 27

BLOCK USER 28REPORT USER 29FAQ 30TERMS OF USE 31PRIVACY POLICY 32SSL CERTIFICATE 33



10/21/15

TRENDING

WHAT VIEWERS THINK OF THIS

SLIDE TITLE

SIGN INCOLLECTIONS WATCHLISTSNEWS AND EVENTS BECOME VIPBROWSE

Reply

SIGN UP LOG IN

LOG IN WITH FACEBOOK

x

CON TV • WELCOME MODAL

WELCOME MODAL

FUNCTIONAL ANNOTATIONS

SCREEN DESCRIPTION: When a user initially enters the CONtv site, this modal is shown allowing the user to create an account or log in. Cookies keep this modal from opening after the initial access.

A. MODALThis is the modal that contains the call to actions.

B. CLOSE MODAL BUTTONOnClick this button closes the sign in modal.

C. SIGN UP BUTTONOnClick the user is navigated to the sign up page.

D. LOG IN BUTTONOnClick the user is navigated to the log in page.

E. LOG IN WITH FACEBOOK BUTTONOnClick the user is navigated to the Facebook login API.

Note: This current design doesn’t conform to the revised modal layout.

C

A

B

D

E



10/21/15


Email:

Email: Password:

Password:

Keep me logged inFORGOT YOUR FACEBOOK PASSWORD?

FORGOT YOUR PASSWORD?

LOG IN WITH FACEBOOK

SIGN UP

CANCEL LOG IN

PLEASE LOGIN

FACEBOOK LOGIN

Already a Member

OR

CON TV • SIGN IN PAGE

SIGN IN MODAL


SCREEN DESCRIPTION: On second visit this page is shown allowing the user to create an account or log in. Cookies allow this page to appear.

A. FACEBOOK EMAIL FIELDThe user enters their Facebook email in this field.

B. FACEBOOK PASSWORD FIELDThe user enters their Facebook password in this field.

C. KEEP ME LOGGED IN CHECKBOXOnClick the user does not need to log in to future sessions on the site.

D. FORGOT YOUR FACEBOOK PASSWORD LINKOnClick the user is navigated to the forgot Facebook password page.

E. LOG IN WITH FACEBOOK BUTTONOnClick the user is logged in to the system.

F. SIGN UP BUTTONOnClick the user is navigated to the sign up page.

G. EMAIL FIELDThe user enters their email in this field.

H. PASSWORD FIELDThe user enters their password in this field.

I. ALERTThis alert appears if the email and password do not match.

J. FORGOT YOUR PASSWORD LINKOnClick the user is navigated to the forgot password page.

K. CANCEL BUTTONOnClick this button closes the sign in modal.

L. LOG IN BUTTONOnClick the user is navigated to the log in page.

C

A

B

D

G HI

K

F

E

J

L

Email and Passwords Do Not Match



10/21/15FOOTERS

TRENDING

CONTINUE WATCHING

Static Video Layout

Dynamic Video Layout


SLIDE TITLE

SIGN IN USERNAME COLLECTIONS WATCHLISTSNEWS AND EVENTS BECOME VIPBROWSE

Reply

CON TV • HOME PAGE

HOME PAGE


SCREEN DESCRIPTION: This is the index page of the site. This page would consist of a parallax layout with content blades floating above images of Conventions and/or films.

A. SITE LOGOThis is the logo for the site. OnClick the user navi-gates to the Home Page.

B. MAIN NAVIGATIONThis is the main navigation of the site.

C. LOGGED IN STATEWhen logged in, the user’s name and image are vis-ible. OnClick the user is navigated to their user page.

D. ROTATING CONTENT CAROUSELThe image gallery houses collections, featured films, news and events.

E. CONTENT BLADEBlades would consist of categorized content. Each blade would have a scroll right/left function.

F. FOOTERThis is the sites footer.

A

D

C

E

F

B



10/21/15


SLIDE TITLE

COLLECTIONS

COLLECTIONS

NEWS AND EVENTS MY WATCHLISTS

NEWS AND EVENTS MY WATCHLISTS

BECOME VIP

BECOME VIP

BROWSE

BROWSE

CON TV EXCLUSIVESComic Con ChicagoConTV ClipsConTV ExclusivesLive at the Con

Sci Fi & FantasyHorrorActionComedyAnime

List 1List 2List 3

CultB-MoviesThrillerKidsTrailers

GENRES MY WATCHLISTS NEW FEATURES MOST POPULAR

MEGA MENU DROPDOWN

SEARCH FUNCTION

Reply

USERNAME

USERNAME

CON TV • MAIN NAV

MAIN NAV

Search...


SCREEN DESCRIPTION: The main navigation would have a mega menu that appear OnClick and would contain the following functions:

A. CON TV EXCLUSIVESThis section contains Con TV exclusive content.

B. GENRESThis section contains film and TV genres.

C. MY WATCHLISTSThis section contains the user’s watchlists.

D. NEW FEATURESThis section contains the latest content.

E. MOST POPULARThis section contains the most popular content. Note: would this be parsed by views, ratings or both?

F. SEARCH FUNCTIONOnClick the search text field expands from the left. The user types in their search parameters and presses the magnifying glass.

A B DC E

E



10/21/15

VIDEOS

SEARCH RESULTS

Article 1: Lorem ipsum dolor sit amet, consectetur adipiscing 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 con-sequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint

Article 1: Lorem ipsum dolor sit amet, consectetur adipiscing 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 con-sequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint


< PREVIOUS 31 2 NEXT >

MEMBERS

USER NAME USER NAME USER NAME

READ ARTICLE

READ ARTICLE

CON TV • SEARCH RESULTS

SEARCH RESULTS


SCREEN DESCRIPTION: This is the results page for the site search function. If a type of item has no results then the next type that does have results ascends up.

A. ARTICLE SEARCH RESULTSThese are the results of the search that are either news, events or reviews.

B. USER SEARCH RESULTSThese are the user that the search results have found. OnClick the user is navigated to the corre-sponding user page. C. VIDEO SEARCH RESULTSThese are the videos that the search has yielded. OnClick the user is navigated to the video page.

D. PAGINATIONThis is the pagination if there are too many results to view at once.

A

B

C

D



10/21/15


SLIDE TITLE

COLLECTIONS NEWS AND EVENTS MY WATCHLISTS BECOME VIPBROWSE

Reply

USERNAME

CON TV • ROTATING CONTENT CAROUSEL

ROTATING CONTENT CAROUSEL


SCREEN DESCRIPTION: The rotating content carou-sel has the following sections:

A. IMAGEThe entirety of the carousel contains a large image that spans the width of the site. There would be a vignette on the left of the image for clarity of type.

B. SCROLL RIGHT BUTTONOnClick the carousel scrolls the content to the left.

C. SLIDE TITLEThis is the title of the slide.

D. SCROLL LEFT BUTTONOnClick the carousel scrolls the content to the right.

E. SLIDE COPYThis is the descriptive copy of the slide.

F. USER REVIEWSThis is a randomized review that a Con TV viewer wrote. Each review would contain viewer’s image, name, and review. OnClick the user is taken to the reviewer’s page. User’s can reply to this review. Note: Is this reply public?

The user can view other reviews by scrolling to the right or the left via the scroll buttons.

A

D

C

B

E

F

G



10/21/15FOOTERS

TRENDING

CONTINUE WATCHING


SLIDE TITLE

COLLECTIONS NEWS AND EVENTS BECOME VIPBROWSE

Reply2015 XX MINUTESVIDEO NAME

PG

2015 XX MINUTESVIDEO NAME

PG


PG


PG

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris cons


2. Watchlist is now active. The User selects Create New Watchlist.

3. A new watchlist button appears and the User types in the new watchlist name.

4. OnReturn the new name is entered and the video is saved to it.

1. User selects Add to Watchlist.

WATCHLIST FUNCTIONALITY



Add To Watchlist

Add To Watchlist

Add To Watchlist

Add To Watchlist

Create New Watchlist



Watchlist 1

Name_

New Watchlist

Watchlist 1

Watchlist 1

Watchlist 2

Watchlist 2

Watchlist 2

Watchlist 3


Watchlist 1

Watchlist 2

Watchlist 3

Watchlist 3

Watchlist 3


PG


Add To Watchlist


Watchlist 1

Watchlist 2

Watchlist 3

Video Saved

MY WATCHLISTS USERNAME

CON TV • VIDEO DETAIL WINDOW

VIDEO DETAIL WINDOW


SCREEN DESCRIPTION: When a user mouses over a video, the video detail window slides out to the right of the video. This window contains movie information, ratings, and watchlist options.

A. MOVIE INFOThis is the main information for the video. This infor-mation consists of:• Name• Year released• MPAA Rating• Length in minutes

B. DESCRIPTIVE COPYThis is the description of the film.

C. RATING STARSThese stars indicate user based reviews of the movie.

D. ADD TO WATCHLISTThe user can add this video to their watchlist via this section. If they try and add a film to their watchlist and they aren’t logged in, a log-in modal will appear allow-ing them to log in or create a new membership.

A

B

C

D



10/21/15


COLLECTION NAME

COLLECTION NAME

COLLECTION NAME

USERNAME

CON TV • COLLECTIONS

COLLECTIONS


SCREEN DESCRIPTION: The collections page has the following elements:

A. COLLECTION BLADEBlades would consist of the collected content. Each blade would have a scroll right/left function.

A



10/21/15

RECOMMENDED

2015

Tweet Share Add toReview

MetaTag, MetaTag,MetaTag, MetaTag,


VIDEO NAMEPG

+

Reply

Reply

Reply

Reply


CON TV • VIDEO PAGE

VIDEO PAGE


SCREEN DESCRIPTION: Video content pages would consist of the following items:

A. VIDEO PLAYERThis video player has the following features: • Play/Pause button• Next button• Audio On/Off button• Audio volume• Scrubber• Time• Fullscreen button

B. VIDEO NAMEThis is the name of the video.

C. SOCIAL FUNCTION BUTTONSThese buttons are:• Review• Tweet• Share• Add toWhen a user selects a social media function that sites login A.P.I. is displayed allowing login.

D. RELEASE YEAR AND RATINGS The release year, the MPAA rating and the reviews are displayed here. If the user clicks on a star, they enter that as their rating of the film.

E. COPYThis is the descriptive copy of the film.

F. META TAGSThese are the meta tags for the video.

G. USER REVIEWSThese are the reviews that Con TV viewers wrote. Each review would contain viewer’s image, name, and review. OnClick the user is taken to the re-viewer’s page.

H. RECOMMENDED BALDEThese are the similar movies/content to the currently displayed video.

A

B

D

E

H

C

F

G



10/21/15

EVENT NAME


EVENT NAME

EVENT NAME

EVENT NAME

HEADLINE

HEADLINE

HEADLINE

REVIEW

REVIEW

REVIEW

HEADLINE

HEADLINE

HEADLINE

HEADLINE

HEADLINE

HEADLINE

NEWSALL EVENTS REVIEWS

HEADLINE

NEWS

NEWS

ITEM NAME

ITEM NAME

ITEM NAME

NEWS

NEWS

NEWS

NEWS

NEWS

NEWS

NEWS

DATES

DATES

DATES

NEWS


CON TV • NEWS, EVENTS AND REVIEWS

NEWS, EVENTS AND REVIEWS


SCREEN DESCRIPTION: The News and Events page consists of “masoned” items.

A. ROTATING CONTENT CAROUSELThe image gallery houses images of spotlighted news and events.

B. CONTENT PARSINGThese buttons allow the user to parse the feeds (news and events). When news or events is clicked, the content will show only that content. OnClick all displays all of the content.

C. CONTENT CELThis is one of the cels of content.

These cel sizes are:• 1x1

• 1x2

• 2x1

• 2x2

A

C

B



10/21/15


• EVENT TITLE

• EVENT TITLE

• EVENT TITLE

Event blurb

Event blurb

Event blurb

UPCOMING EVENTS

POST TITLE

POST TITLE

POST TITLE

TAGS: TAG1, TAG2, TAG3

Tweet ShareComment

L

POST NAME

Reply Reply

Reply


CON TV • NEWS ITEM

NEWS ITEM


SCREEN DESCRIPTION: This is the layout for the news article.

A. MAIN IMAGEThis is the main image of the post. A part of this image is shown on the cel.

B. POST NAMEThis is the name of the post.

C. DESCRIPTIONThis is the post’s descriptive copy.

D. OPTIONAL VIDEOThis is a video player that plays relevant videos for the post.

E. SCROLL POST LEFT This arrow allows the user to scroll to the previ-ous post. F. SCROLL POST RIGHT This arrow allows the user to scroll to the next post.

G. POST MAIN COPY This is the main copy of the post.

H. RELEVANT POSTSThese are links to other posts.

I. AUTHOR INFORMATION This is the author of the post. There is an image of the author as well as a blurb of descriptive information.

J. EVENTS These are the upcoming events.

K. TAGSThese are the tags attributed to the article/page. These tags also help in parsing the site’s content.

L. USER COMMENTSThese are the comments that Con TV viewers wrote. Each comment would contain viewer’s image, name, and review. OnClick the user is taken to the commenters’s page.

A

C

D

E F

K

G

H

M

I

J

B



10/21/15


• EVENT TITLE

• EVENT TITLE

• EVENT TITLE

Event blurb

Event blurb

Event blurb

UPCOMING EVENTS

POST TITLE

POST TITLE

POST TITLE


Tweet ShareComment

M

EVENT NAME

Attending Decline+ -

X,XXX Attending

Reply Reply

Reply


CON TV • EVENT

EVENT


SCREEN DESCRIPTION: This is the layout for an event.



C. ATTENDINGThis is the number of people on the site attend-ing this event.

D. DESCRIPTIONThis is the post’s descriptive copy.

E. OPTIONAL VIDEOThis is a video player that plays relevant videos for the post.

F. SCROLL POST LEFT This arrow allows the user to scroll to the previ-ous post. G. SCROLL POST RIGHT This arrow allows the user to scroll to the next post.

H. POST MAIN COPY This is the main copy of the post.

I. RELEVANT POSTSThese are links to other posts.

J. AUTHOR INFORMATION This is the author of the post. There is an image of the author as well as a blurb of descriptive information.

K. EVENTS These are the upcoming events.

L. TAGSThese are the tags attributed to the article/page. These tags also help in parsing the site’s content.

M. USER COMMENTSThese are the comments that Con TV viewers wrote. Each comment would contain viewer’s image, name, and review. OnClick the user is taken to the commenters’s page.

N. SOCIAL FUNCTION BUTTONSThese buttons are:• Comment• Tweet• Share• Attending/Decline: When the user selects “Attending”, the Decline option replaces Attending.

A

D

E

F G

L

H

I

N

J

K

B

C



10/21/15


• EVENT TITLE

• EVENT TITLE

• EVENT TITLE

Event blurb

Event blurb

Event blurb

UPCOMING EVENTS

POST TITLE

POST TITLE

POST TITLE


Tweet ShareComment

L

MOVIE/TV NAMEREVIEW

Reply Reply

Reply


CON TV • REVIEW

NEWS ITEM


SCREEN DESCRIPTION: This is the layout for the review article.



C. DESCRIPTIONThis is the post’s descriptive copy.

D. OPTIONAL VIDEOThis is a video player that plays relevant videos for the post.

E. SCROLL POST LEFT This arrow allows the user to scroll to the previ-ous post. F. SCROLL POST RIGHT This arrow allows the user to scroll to the next post.

G. POST MAIN COPY This is the main copy of the post.

H. RELEVANT POSTSThese are links to other posts.

I. AUTHOR INFORMATION This is the author of the post. There is an image of the author as well as a blurb of descriptive information.

J. EVENTS These are the upcoming events.

K. TAGSThese are the tags attributed to the article/page. These tags also help in parsing the site’s content.

L. USER COMMENTSThese are the comments that Con TV viewers wrote. Each comment would contain viewer’s image, name, and review. OnClick the user is taken to the commenters’s page.

A

C

D

E F

K

G

H

M

I

J

B



10/21/15


WATCHLIST 2

PLAY ALL

EDIT

EDIT

WATCHLIST 3

A WATCHLIST 1 EDIT

PLAY ALL PLAY THIS VIDEO ON >

USERNAME

CON TV • MY WATCHLISTS

MY WATCHLISTS


SCREEN DESCRIPTION: The user’s watchlists are viewed and edited on this page. Each watchlist is located in their own content blades.

A. WATCHLIST NAMEThis is the name of the watchlist. When a watchlist is made the default title is “Watchlist 1”, followed by “Watchlist 2”, etc.

B. VISIBILITY BUTTONOnClick the user can hide and make visible their watchlist. Should the user hide a list all lists that any users whom have shared it will dissapear.

C. EDIT BUTTONOnClick the watchlist blade becomes editable (see G, H).

D. DELETE WATCHLIST BUTTONOnClick a modal pops up that asks the user if they want to proceed with deleting the watchlist. Any deleted watchlist is removed from all other shared watchlists.

E. PLAY ALL BUTTONOnClick all of the videos in the watchlist are played in order of placement.

F. PLAY THIS VIDEO ON BUTTONOnClick this video and all subsequent videos are played in order of placement.

G. WATCHLIST NAME (EDITABLE STATE)The use changes the name of the watchlist here. When the user clicks on the edit button (C) a second time the change goes into effect.

H. REMOVE VIDEO BUTTONOnClick this video is removed from the watchlist. A modal pops up that asks the user if they want to proceed with deleting the video.

E

H

B C D

G

F

CANCEL YES

Are you sure you want to remove this watchlist?

CANCEL YES

Are you sure you want to remove this video?



10/21/15

USER NAME

USER’S COMMENTS:

Message

Reply

MOVIE NAME - XX/XX/XXXX



EVENT NAME - XX/XX/XXXX

Reply

Reply

Reply

Favorite Block Report User

Watchlist 1

Watchlist 1

Watchlist 1

USER’S WATCHLISTS

CON TV • USER INFO

USER INFO


SCREEN DESCRIPTION: This is the modal that appears when a user is clicked.

A. USER IMAGEThis is the image of the user.

B. USER NAMEThis is the name of the user.

B. USER INFORMATIONThis is the birthdate, gender and follower amount of the user.

D. DESCRIPTIONThis is the user’s descriptive.

E. INTERACTION BUTTONSThese buttons allow users to interact with each other. These functions are:

• Message: Allows users to message each other.• Favorite: Adds the user as a favorite.• Block: Blocks the user from future interactions.• Report User: Reports the user for inappropriate behavior or content.

F. USER COMMENTSThese are the comments that the user has posted. The commented item’s (movie, event attending or news item) name and date are displayed.

G. SCROLL BARThis allows for scrolling through the user’s com-ments.

H. USER’S WATCHLISTThese are the watchlists that the user has cre-ated. Other users can watch or add watchlists to their account. When a user adds a list a modal pops up that indicates it’s been added.

D

C

E

F

B

G

H

IA

XX,XXX Favorites

I. CLOSE BUTTONOnClick the modal is closed.

OK

This watchlist has beenadded to your account.

January - XX - XXXXMale



10/21/15

USER NAME UPDATE PROFILE INFORMATIONUPDATE PASSWORDUPDATE SUBSCRIPTION

Watchlist 1 Username



USER’S WATCHLISTS USER’S FAVORITES

COLLECTIONS NEWS AND EVENTS BECOME VIPBROWSE MY WATCHLISTS

A B

FE

G

D

H I J

C

USER’S COMMENTS:

USER’S MESSAGES:View

REPLY

REPLY

REPLY

DELETE

DELETE

DELETE


USER NAME

USER NAME




View

View

View

COMMENTS

COMMENTS

MESSAGES

MESSAGES

MY DEVICESMY ACCOUNT IS PRIVATEMY ACCOUNT IS PUBLIC

USERNAME

Username

CON TV • USER ACCOUNT

USER ACCOUNT


SCREEN DESCRIPTION: This is the screen that appears when a user views their account.

A. USER IMAGEThis is the image of the user.

B. USER NAMEThis is the name of the user.

C. USER BUTTONSThese button do the following functions.• Update Profile Information• Update Password• Update Subscription • My Devices• My Account is Public

D. MY ACCOUNT IS PUBLIC BUTTONOnClick, the link reads “My account is private” and the users account is now private. In this state the user can’t interact with other users.

E. USER INFORMATIONThis is the birthdate and gender of the user.

F. FAVORITE COUNTThis is the number of favorites this user has.

G. DESCRIPTIONThis is the user’s description.

H. COMMENTS/MESSAGES WINDOWThis window allows the user to check their com-ments and messages with other users.

I. WATCHLISTThis is the users watchlist. The user can remove their watchlists from this page as well as on their watchlists (page 13).

J. FAVORITESThese are the users that have selected the user as a “favorite”. The user can block/remove the user via the button.

XX,XXX Favorites

Jan.-XX-XXXXMale

YESCANCEL

Are you certain you want todelete this User?

K

K. USERNAME PULLDOWNThe user can parse conversations with users via this pulldown.



10/21/15





SAVE CHANGES

CHANGE


USER’S COMMENTS:

View





View

View

View

COMMENTS MESSAGES

USER NAME UPDATE PROFILE INFORMATIONUPDATE PASSWORDUPDATE SUBSCRIPTIONMY DEVICES

XX,XXX Favorites

XX XXXXMale

- -Female

Jan.

USERNAME

MY ACCOUNT IS PUBLIC

CON TV • UPDATE PROFILE INFORMATION

UPDATE PROFILE INFORMATION


SCREEN DESCRIPTION: This is the screen that appears when a user updates their profile information. When the user clicks the Update Profile Information, the following changes occur to the page:

A. USER IMAGEThe user can change their image with a load im-age modal when the click the Change button.

B. USER NAMEThe user can change their name.

C. DATE OF BIRTH PULLDOWNSThe user can change their birthdate via these pulldowns.

D. GENDER RADIAL BUTTONSThe user can change their gender via these radial buttons.

E. DESCRIPTION FIELDThe user can change their description.

F. SAVE CHANGES BUTTONOnClick the page edibility ceases.

A

E

F

CD

B



10/21/15






USER’S COMMENTS:

View





View

View

View

COMMENTS MESSAGES

UPDATE PASSWORDCANCEL

New Password:

UPDATE PASSWORD

New Password Again:


XX,XXX Favorites

Jan.-XX-XXXXMale

USERNAME

CON TV • UPDATE PASSWORD

UPDATE PASSWORD


SCREEN DESCRIPTION: This is the modal that appears when a user updates their pass-word.

A. NEW PASSWORD FIELDThe user enters their new password here.

B. NEW PASSWORD AGAIN FIELDThe user re-enters their new password here.

C. NEW PASSWORD STATUSThis copy indicates either success or failure with the new password.

D. CANCEL BUTTONOnClick the modal closes.

E. CHANGE PASSWORD BUTTONOnClick the password is changed and a modal appears indicating success.

A

BC

D E

Success! Passwords Do Not MatchFailure Message:

OK

Your password has been updated.



10/21/15

COLLECTIONS NEWS AND EVENTS BECOME VIPBROWSE MY WATCHLISTS USERNAME


XX,XXX Favorites

Jan.-XX - XXXXMale

UPDATE SUBSCRIPTIONMonthly CONtv VIP Sibscription - $4.99. Your credit card will be charged every month.

About SSL Certificates SAVE CHARGES

FAQ

CANCEL MY MEMBERSHIP/SUBSCRIPTION

Success! Incorrect Promotional CodeFailure Message:

Email:

Expiration Month:

Security Code:

Street:

State:

Promotional Code:

Zip Code:

Expiration Year:

Phone Number:

City:

?

CON TV • UPDATE SUBSCRIPTION

UPDATE SUBSCRIPTION


SCREEN DESCRIPTION: This is the page that appears when a user updates their account.

A. CREDIT CARD RADIAL BUTTONSThe user selects their credit card type here.

B. EMAIL FIELDThis is the field that the user enters their emails.

C. EXPIRATION MONTH PULLDOWNThe user selects the expiration month via this pulldown.

D. EXPIRATION YEAR PULLDOWNThe user selects the expiration year via this pulldown.

E. SECURITY CODE FIELDThis is the field that the user enters their secu-rity code. There is also a description button to allow the user to see where the code can be found.

F. PHONE NUMBER FIELDThis is the field that the user enters their phone number.

G. STREET FIELDThis is the field that the user enters their street address.

H. CITY FIELDThis is the field that the user enters their city.

I. STATE PULLDOWNThe user selects their state via this pulldown.

J. ZIP CODE FIELDThis is the field that the user enters their zip code.

K. PROMOTIONAL CODE FIELDThis is the field that the user enters their promo-tional code. There is also an indicator below the field that shows if the code is valid.

L. FAQ LINKOnClick the user is navigated to the FAQ page.

M. CANCEL MY MEMBERSHIP/SUBSCRIPTION LINKOnClick the user is navigated to the cancel my membership/subscription page.

N. ABOUT SSL CERTIFICATES LINKOnClick the user is navigated to the SSLCertificates page.

O. SAVE CHANGES BUTTONOnClick the information is saved and closed.

A

B

C

E

G

I

K

LM

N

D

F

H

J

O

OK

Your subscription has been updated.



10/21/15






USER’S COMMENTS:

View





View

View

View

COMMENTS MESSAGES

CLOSE

Device

MANAGE YOUR DEVICES


XX,XXX Favorites

Jan.-XX - XXXXMale

Added Date RemoveWeb-BrowserShowing 1 to 1 entries

Jan-XX-XXXX

USERNAME

CON TV • MY DEVICES

MY DEVICES


SCREEN DESCRIPTION: This modal shows the devices the user has logged in with their subscription.

A. MY DEVICES MODALThis modal contains the interactively for the user devices.

B. DEVICE TYPEThis is the device type. Terminology is T.B.D.

C. DATE ADDEDThis is the date the device was added.

D. REMOVE BUTTONOnClick the device is removed from the list.

E. DEVICE COUNTThis indicates the amount of devices the user has on their account.

F. CLOSE BUTTONOnClick the modal is closed.

A

B C DE

F



10/21/15

COLLECTIONS WATCHLISTSNEWS AND EVENTS BECOME VIPBROWSE

START FREE TRIAL

BECOME A MEMBERFOR ONLY

$4.99

USERNAME

CON TV • TRIAL OFFER PAGE

TRIAL OFFER PAGE


SCREEN DESCRIPTION: When the user clicks the become the V.I.P. button they will come to this page.

A. BLURBThis is the descriptive copy of the page.

B. UPSELL POINT COPYThese four sections detail out upsell points of why the user should subscribe.

C. START FREE TRIAL BUTTONOnClick the user is navigated to credit card processing page.

A

B

C



10/21/15FOOTERS


GET STARTED

GET STARTED

GET STARTED

GET STARTED

GET STARTED

GET STARTED

CON TV • UPSELL PAGE

UPSELL PAGE


SCREEN DESCRIPTION: The upsell strategy page shows users what they get when they join the service . This page will consist of the following:

A. MAIN NAVIGATIONThis is the main navigation of the site.

B. ENJOY THE BEST BLADEThis blade has information detailing the systems Contv is available on.

C. CALL TO ACTION BUTTONOnClick the user is navigated to the subscribe page.

D. NEXT BLADE BUTTONOnClick the user is navigated down the page to the next blade.

E. LIVE CELEBRITIES BLADEThis blade has information detailing the celebrities featured on live broadcasts.

F. ORIGINAL CONTENT BLADEThis blade has information detailing Contv’s original content.

G. MOVIES AND SHOWS BLADEThis blade has information detailing the movies and television shows CONtv carries.

H. CONVENTION PERKS BLADEThis blade has information detailing the convention perks subscribers have.

I. PRICE BLADEThis blade has information about the upsell here.

J. FOOTERThis is the sites footer.

B

D

C

A

E

F

G

H

I

J



10/21/15

FOOTERS


First Name:

Email:

Password:

Last Name:

You’ll use this to login

Confirm Password:

Step 1: Create your CONtv account

USERNAME

CONTINUE

Success! Passwords Do Not MatchFailure Message:

CON TV • REGISTER (PAGE 1)

REGISTER (PAGE 1)


SCREEN DESCRIPTION: This is the first screen a new user views when they register.

A. FIRST NAME FIELDThis is the field where the user enters their first name.

B. LAST NAME FIELDThis is the field where the user enters their last name.

C. EMAIL FIELDThis is the field where the user enters their email.

D. PASSWORD FIELDThis is the field where the user enters their password.

E. CONFIRM PASSWORD FIELDThis is the field where the user re-enters their pass-word.

F. DATE OF BIRTH PULLDOWNSThe user can change their birthdate via these pulldowns.

G. GENDER RADIAL BUTTONSThe user can change their gender via these radial buttons.

H. TERMS OF USE LINKOnClick this link navigates the user to the Terms of Use page.

I. POLICY PRIVACY LINKOnClick this link navigates the user to the Pri-vacy Policy page.

J. CONTINUE BUTTONOnClick this user is navigated to the second register page.

A

C

D

F

G

E

B

I

H

J

Month I was born: Day: Year:

I’m Male I’m Female

By clicking Continue, you agree to the CONtv Terms of Use and Privacy Policy.



10/21/15

FOOTERS


Step 2: Input your payment information

About SSL Certificates

Email:

Expiration Month:

Security Code:

Street:

State:

Promotional Code:

Zip Code:

Expiration Year:

Phone Number:

City:

?

USERNAME

CONFIRM SUBSCRIPTION

Success! Incorrect Promotional CodeFailure Message:

CON TV • REGISTER (PAGE 2)

REGISTER (PAGE 2)


SCREEN DESCRIPTION: This is the second page that appears when a user registers.

A. CREDIT CARD RADIAL BUTTONSThe user selects their credit card type here.

B. EMAIL FIELDThis is the field that the user enters their emails.

C. EXPIRATION MONTH PULLDOWNThe user selects the expiration month via this pulldown.

D. EXPIRATION YEAR PULLDOWNThe user selects the expiration year via this pulldown.

E. SECURITY CODE FIELDThis is the field that the user enters their secu-rity code. There is also a description button to allow the user to see where the code can be found.

F. PHONE NUMBER FIELDThis is the field that the user enters their phone number.

G. STREET FIELDThis is the field that the user enters their street address.

H. CITY FIELDThis is the field that the user enters their city.

I. STATE PULLDOWNThe user selects their state via this pulldown.

J. ZIP CODE FIELDThis is the field that the user enters their zip code.

K. PROMOTIONAL CODE FIELDThis is the field that the user enters their promo-tional code. There is also an indicator below the field that shows if the code is valid.

L. ABOUT SSL CERTIFICATES LINKOnClick the user is navigated to the SSLCertificates page.

M. CONFIRM SUBSCRIPTION BUTTONOnClick the information is saved and are navi-gated to the Index page.

A

B

C

E

G

I

K

L

D

F

H

J

M



10/21/15

SIGN INCOLLECTIONS NEWS AND EVENTS BECOME VIPBROWSE MY WATCHLISTS


XX,XXX Favorites

Jan.-XX - XXXXMale

CANCEL MY CONTV ACCOUNT


SAVE CHARGES

Other reason not listed:

Reasons for cancelling my VIP membership (optional):

Please cancel my VIP membership

CON TV • CANCEL MY MEMBERSHIP/SUBSCRIPTION



SCREEN DESCRIPTION: This is the page that appears when a user wants to cancel their paid membership or subscription.

A. CANCEL MY MEMBERSHIP CHECKBOXThe user checks here if they want to cancel their membership. A user can select both checkboxes if they are inclined.

B. CANCELLATION REASON PULLDOWNThe user selects their reason for cancelling via this pulldown.

C. OTHER REASON FIELDThe user inputs their reason in this field.

D. CANCEL MY CONTV ACCOUNT LINKOnClick a modal appears that confirms the can-celling of the account.

E. SAVE CHANGES BUTTONOnClick the information is saved and closed.

A

D

B

C

ECANCEL YES

Are you sure you want to cancel your (account type)?

OK

Your subscription has been cancelled.



10/21/15

CON TV • BLOCK USER

BLOCK USER


SCREEN DESCRIPTION: This is the modal that appears when a user is blocked.

A. BLOCK CHECKBOXThe user checks here if they want to block a user.

B. BLOCKING REASON PULLDOWNThe user selects their reason for blocking via this pulldown.


D. CANCEL BUTTONOnClick the user is navigated to the previous modal..

E. BLOCK USER BUTTONOnClick the user is asked if they are certain they’d like to block the user.

BLOCK USER NAME

CANCEL BLOCK USER


Reasons for blocking User Name

Please block this userA

B

C

D E

CANCEL YES

Are you sure you want to block Username?

OK

Username has been blocked.



10/21/15

CON TV • REPORT USER

REPORT USER


SCREEN DESCRIPTION: This is the modal that appears when a user is reported for their conduct or posting questionable content.

A. REPORT CHECKBOXThe user checks here if they want to report a user.

B. REPORT REASON PULLDOWNThe user selects their reason for reporting an-other user via this pulldown.


D. CANCEL BUTTONOnClick the user is navigated to the previous modal..

E. REPORT USER BUTTONOnClick the user is asked if they are certain they’d like to report the user.

REPORT USER NAME

CANCEL REPORT USER


Reasons for reporting User Name

Please report this userA

B

C

D E

CANCEL YES

Are you sure you want to report Username?

OK

Username has been reported.



10/21/15

FOOTERS


FAQ

QUESTION 1

QUESTION 2

QUESTION 3

QUESTION 1QUESTION 2QUESTION 3QUESTION 4QUESTION 5QUESTION 6

CON TV • FAQ

FAQ


SCREEN DESCRIPTION: This page has fre-quently asked questions.

A. QUESTION LINKSOnClick the user is navigated down page to the corresponding question.

B. QUESTIONThis is the question.

C. QUESTION COPYThis is the answer to the question.

A

B

C



10/21/15

FOOTERS


TERMS OF USE

CON TV • TERMS OF USE

TERMS OF USE


SCREEN DESCRIPTION: This page has the sites terms of use.

C. TERMS OF USE COPYThis is the terms of use.

A



10/21/15

FOOTERS


PRIVACY POLICY

CON TV • PRIVACY POLICY

PRIVACY POLICY


SCREEN DESCRIPTION: This page has the sites privacy policy.

C. TERMS OF USE COPYThis is the privacy policy.

A



10/21/15

FOOTERS


SSL CERTIFICATE

CON TV • SSL CERTIFICATE

SSL CERTIFICATE


SCREEN DESCRIPTION: This page has infor-mation about the sites SSL Certificate.

C. SSL CERTIFICATE COPYThis is the information about the certification of the site.

A

29 faq 30 31 rotating content carousel...

Documents