PAGES

00a Blank Static Text Page
General purpose page layout for static and text based content

01a Home Page
logged in, existing active user

01b Home Page, Login Error/Forgotten Password
Showing the login error state, as well as the forgot password popup

01b Home Page, new visitor
Home Page for people who have never visited before.

01c Home Page, brand new user
As a brand new user has no favourites, no groups and no friends, this page fills those gaps

01d Static Page - Discover
Static instructional page for new visitors who want to find out more

01e Static Page - Share
Static instructional page for new visitors who want to find out more

01f Static Page - Watch
Static instructional page for new visitors who want to find out more

01g Static Page - Love
Static instructional page for new visitors who want to find out more

01h Static Page - Everywhere
Static instructional page for new visitors who want to find out more

02 Sign Up Form
Where users sign up with basic information and can add extra information if they like.

02a Sign Up Form, errors on required area
Showing where errors signing up would be placed

02b Sign Up Form, Confirmation Sent
After registering on TIOTI we send an email, with a confirmation link in it to complete the registration process.

02c Signup via Facebook landing page
When signing up via Facebook, we create a populated account automatically.

02d Signup via Facebook with friends
Facebook signup, with friends who are already on TIOTI being picked up

02e Signup - revised
Revisions covering default avatars and adding a "quick favourites" of top tv shows

03 Favourites, New Downloads, Recommend Shows
View, explore, recommend and remove favourite shows. Newly aired Favourites with downloads listed here.

04b My Page, History
User activity over 30 days is available to review, delete and revisit with links

04c My Page
Edit your public profile, create/edit/remove badges, edit account settings, manage your TIOTI messages

04e My Page, Badge editing
Editing, creating, removing, publishing badges.

04g My Page, Account Settings
Editing profile information, adjusting preferences for outside connections, setting up blog connections.

04h My Page, Reading A Message
Reading a message, delete or reply

04i My Page, Messages, Composing A New Message
Composing a new message, options for replies

04j My Page, Create New Badge
Creating a Fave Show based badge from scratch, multiple screens

04j My Page, No Badges - promo/placeholder
What to use when a user has no badges yet

04k My Page, Create Show Badge
Creating a new badge of type "fave show badge"

04l My Page, Create TIOTI/Tag Badge
Creating a new badge of type "TIOTI and tags"

04m My Page, Create Link Badge
Creating a new badge of type "link badge"

04n My Page, Create Upload Badge
Creating a new badge of type "upload your own"

05a Show Page, Unedited
Show info + tags, default (TMS ShowCard originated) content

05b Show Page, Text Editing
Editing the "In Depth" information about the show, basic formatting tools

05c Show Page, Page History
List, view and restore "about this show" page edits

05d Show Page, Adding a Page
Adding an "About this show" page from the presets page types, or a blank page

05f Show Page, Photogallery Page
Looking at the photos users have submitted for this show

05g Show Page, Photogallery Page, View a Photo
Viewing a user submitted image for this show

05h Show Page, Photogallery, Browse Libray & Add Photo
Connecting to a Flickr account by supplying a Flickr account username, then browsing public photos and adding one to the gallery

05i Show Page, Video clip gallery
Looking at the video clips users have submitted for this show

05j Show Page, Video Clip Viewing
Viewing a user submitted video clip for this show

05k Show Page, Add a Video
Adding a video clip from YouTube to the site

05l Show Page, Discuss Index
Show discussion topics, viewed by most recent

05m Show Page, Discuss Topic Messages
Show discussion messages, with commenting form

05n Show Page, Seasons & Episodes, Season View
List episodes organised into seasons

05o Show Page, Seasons & Episodes, Calendar View
List and explore episodes organised chronologically - browse by year

05p Show Page, Seasons & Episodes, 30 Days View
List episodes from the past 30 days, the only view for Soaps, News, Gameshow genres

05q Show Page, Find Fans
Find friends and other people who like a show

05r Show Page, Page History, View & Restore
View and restore an older version of the page, from History list

05s Show Page, Cast Page
Predefined show page for 'Cast' content type, populated with data from TMS

05t Show Page, Cast Page, Editing
Editing and extending 'Cast' content page

05u Show Page, Favourite Add and Remove
Showing how the + and :-) favourite button changes state, plus popups to confirm

05v Show Page, Gossip Page
Predefined show page for 'Gossip' content type - also used for Production Notes, Trivia

05w Show Page, Gossip - Editing
Gossip page, editing - stories are self contained and can be added/removed individually

05x Show Page, Empty (custom) Page
This empty page allows users to create content for unforeseen categories of content

05y Show Page, Empty (custom) Page, Editing
Editing the empty page - the title is user defined too.

06a Episode Page, Downloads
Episode summary with Tags, episode functions, multiple download options

06b Episode Page, Downloads, Add Source
Add a streaming source from elsewhere on the web

06c Episode Page, Downloads, Add Multiple URLs
Add a streaming source from the web made up of multiple links

06d Episode Page, Downloads, Link added
Episode downloads with a user contributed video link, with flaggable link

06e Episode Page, Episode Guide
Episode Guide with default (TMS feed) basic data and empty extra information

06f Episode Page, Editing Episode Guide
Editing the 'extra' information for Episode Guides

06g Episode Page, User Edited Episode Guide
Episode Guide with user added content

06h Episode Page, Public Downloads Dialog Box
Agree to TIOTI terms for public access users

07 Friends, Index
The main listing of a users friends

07a Friends, User Page, Favourites
Showing a user profile and their favourites

07b Friends, User Page, Friends
A user profile and their friends

07c Friends, User Page, Groups
A user profile and the groups they are a member of

07d Friends, Invite Friends
Form to invite friends to join TIOTI, up to 5 at a time

08a Recommendations
This index has a summary of recommendations sent to the user, plus shows picked from friend, groups and matched via tags to user favourites

08b Recommedation, not signed in user
Recommendations page for a visiting user with no profile information

09a Groups - Group Page, Index
Groups page - lists groups a user is a member of, find a group, start a group, browse newest groups

09b Groups - Group Page, About
Default about page for a Group, viewed as a member

09c Groups - Group Page, Members
The members page shows most recently active members, and lets users invite friends.

09d Groups - Group Page, Shows
The group page for shows the group covers. Shows can be submitted by members.

09e Groups - Group Page, Discuss Index
Discussion tab listing all discussions for this group

09f Groups - Group Page, About, Admin user
The about page for a Group, viewed as the founder of the group with editable intro

09g Groups - Group Page, Admin
The group founder has access to an Admin tab for editing content

09h Group Page, Index (for non-logged in users)
Groups page, read only for public access - promo static area, find a group, browse newest groups

10a Browse, by Genre, Thumbnail view
Browse all shows using genre tags

10b Browse, by Genre, List view
Browse all shows using genre tags, list view

10c Browse, by Title A-Z, Thumbnail view
Browse all shows, by title using A-Z buttons

10d Browse, Popular Shows and Tags
Use a tag cloud interface to initiate searches

11 Top 10s Page
Simplified implementation of Top 10s - no user generated Top 10s, only system generated data.

12a About Static Page
Quick text about TIOTI

12b FAQ Static Page
Static content for FAQs

12d Feedback Form Page
Feedback form for all sorts of user->TIOTI communications

12f Developer API key form
Form for applying for a TIOTI API key

13a Search, results page - Shows
Search results - split out using Tabs for Shows, Episodes, People, Groups

13b Search, Advanced Search (with results)
Advanced search allows entry of a phrase, settings for punctuation and case and more

13c Search, recent searches
Recent search results for user and whole community

14a Widgets, Embed Codes and Downloads
The page to get Custom embed codes to use widgets on other sites

16a Favourites - Static, non-signed user
Layout and copy for Favourites page to non-members

16b Recommendations - Static, non-signed user
Explaining how recommendations work

16c Fnd Fans - Static, non-signed user
Intructional static page about find Fans function

16d Friends, Static info page
Static unsigned user content page to explain "friends"

CCS EXAMPLES

Example 1 - Left
CSS definitions for typographic styles used in the summary column (left hand pane)

Example 2 - Right
CSS definitions for typographic styles used in the content column (right hand pane)

WIDGETS

OTHER INFORMATION

00b Browser Pop Up Window for Text
Used for Terms of Service, Privacy, etc.

Site with Advertising Placemements
Revised masthead and initial advertising placements

TIOTI Player 1. First use, fresh download
Player default screen, downloaded from TIOTI or Download.com and not yet attached to a TIOTI account

TIOTI Player 2. Active user
Player default screen, user has a TIOTI account and the player has been attached successfully.

TIOTI Player 3. Library
Managing files that are in the TIOTI player library, export options, rating and reviewing options, file management

TIOTI Player 4. Downloads
Managing downloads in the TIOTI Player, pause, cancel, and upgrades

TIOTI Player 5. Metadata panel
Normal player with non-overlay metadata panel

TIOTI Player 6. Preference panel
Add TIOTI account login details to standard set of preferences