Second Screen TV watching experience on iPad

15
Show Graphic Survivor Season 10 Episode 1 In this episode, something happens! Some people laugh and other people get angry. Most likely someone will get voted off. DID YOU KNOW? The winner of Survivor is not the only person who walks away with money, every castaway gets a certain amount of money dependent on how long they stayed in the game. For example the 2nd place winner POLL Who do you think should get voted off? a. Jack b. Stacey c. Amanda d. Alfonso Ad Details Cast Like Branding Episode Name 1. Episode Name 2. Episode Name 3. Episode Name 4. Episode Name 5. Episode Name 6. Episode Name 7. Episode Name June 10 June 15 June 20 June 25 June 30 July 5 July 10 Buy Buy Buy Buy Buy Buy Buy 1 1 2 2a 2 4 5 6 7 8 9 10 3 You got +2 points for voting on a poll! Show Graphic (320x*) A promotional image of the show. The image may include the show title. 6 Details/Cast Switcher Switches the view between showing episode details or cast information. 7 Profile Button Brings up the Profile Popover Screen. 8 Refresh / Sync Checks to see if there are any new modules. Optionally re-syncs with episode. 9 Module Timeline Displays a scrollable list of modules. Ordered by most recent first. 10 Activity Feed Displays a user’s recent activity and updates. i.e. earning points, voting on polls, new modules available. Show Title Only appears if the Show Graphic (1) does not already include the show title. Configurable in the CMS. 2a Episode Metadata Displays the currently synced episode title and synopsis. 4 Episode List Displays a chronological list of the epi- sodes in the season and air dates. It also indicates whether you’ve synced with an episode. Links to either the iTunes store or a website to purchase the episode. 5 Purchase Episode Button 3 Facebook Like Allows the user to “Like” this show on Facebook. Facebook Fan page configurable in CMS. If the user has not associated a Facebook profile with their account. Clicking this will bring up the Facebook Connect popup. Dashboard Overview

description

Uses audio recognition technology to detect the time in a TV program to display related content on a tablet device.

Transcript of Second Screen TV watching experience on iPad

Page 1: Second Screen TV watching experience on iPad

Show Graphic

SurvivorSeason 10 Episode 1

In this episode, something happens! Some people laugh and other people get angry. Most likely someone will get voted o�.

DID YOU KNOW?

The winner of Survivor is not the only person who walks away with money, every castaway gets a certain amount of money dependent on how long they stayed in the game. For example the 2nd place winner

POLL

Who do you think should get voted o�?

a. Jack b. Stacey

c. Amanda d. Alfonso

Ad

Details Cast

Like

Branding

Episode Name

1. Episode Name

2. Episode Name

3. Episode Name

4. Episode Name

5. Episode Name

6. Episode Name

7. Episode Name

June 10

June 15

June 20

June 25

June 30

July 5

July 10

Buy

Buy

Buy

Buy

Buy

Buy

Buy

1

1

2

2a

2

4

5

6

7 8

9

10

3

You got +2 points for voting on a poll!

Show Graphic (320x*)A promotional image of the show. The image may include the show title.

6 Details/Cast SwitcherSwitches the view between showing episode details or cast information.

7 Pro�le ButtonBrings up the Pro�le Popover Screen.

8 Refresh / SyncChecks to see if there are any new modules. Optionally re-syncs with episode.

9 Module TimelineDisplays a scrollable list of modules. Ordered by most recent �rst.

10 Activity FeedDisplays a user’s recent activity and updates. i.e. earning points, voting on polls, new modules available.

Show TitleOnly appears if the Show Graphic (1) does not already include the show title. Con�gurable in the CMS.

2a Episode MetadataDisplays the currently synced episode title and synopsis.

4 Episode ListDisplays a chronological list of the epi-sodes in the season and air dates. It also indicates whether you’ve synced with an episode.

Links to either the iTunes store or a website to purchase the episode.

5 Purchase Episode Button

3 Facebook LikeAllows the user to “Like” this show on Facebook. Facebook Fan page con�gurable in CMS. If the user has not associated a Facebook pro�le with their account. Clicking this will bring up the Facebook Connect popup.

Dashboard Overview

Page 2: Second Screen TV watching experience on iPad

Show Graphic

Season 10 Episode 1

POLL

Who do you think should get voted o�?

a. Jack b. Stacey

c. Amanda d. Alfonso

Ad

Episode Guide Comments

Branding

In this episode, something happens! Some people laugh and other people get angry. Most likely someone will get voted o�.

Episode Name

1

1

2a2

6

7 8

9

You got +2 points for voting on a poll!

Show GraphicA promotional image of the show. The image may include the show title.

6 Episode Guide / Comments SwitcherSwitches the view between showing episode guide or comments.

7 Pro�le ButtonBrings up the Pro�le Popover Screen.

8 Refresh / SyncChecks to see if there are any new modules. Optionally re-syncs with episode.

9 Module TimelineDisplays a scrollable list of modules. Ordered by most recent �rst.

10 Activity FeedDisplays a user’s recent activity and updates. i.e. earning points, voting on polls, new modules available.

Show TitleOnly appears if the Show Graphic (1) does not already include the show title. Con�gurable in the CMS.

2a Episode MetadataDisplays the currently synced episode title and synopsis.

4 Episode ListDisplays a chronological list of the episodes in the season and air dates. icon indicates the users is currently watching this episode. Tapping an item updates the Episode Metadata area (2a).

Links to either the iTunes store or a website to purchase the episode.

5 Purchase Episode Button (Optional)

3 Facebook LikeAllows the user to “Like” this show on Facebook. Facebook Fan page con�gurable in CMS. If the user has not associated a Facebook pro�le with their account. Clicking this will bring up the Facebook Connect popup.

Alternate Dashboard Overview

1. Episode Name

2. Episode Name

3. Episode Name

4. Episode Name

5. Episode Name

6. Episode Name

7. Episode Name

8. Episode Name

9. Episode Name

June 10

June 15

June 20

June 25

June 30

July 5

July 10

July 15

July 20

You earned +1 points for voting on a poll!10

Episodes 4

Purchase Episode53 LikeMy Generation2SERIES PREMIERE THURSDAY SEPT 23 8|7c

Page 3: Second Screen TV watching experience on iPad

Show Graphic

Branding

You got +2 points for voting on a poll!

Alternate Dashboard Overview (Unsynced)

LikeMy GenerationSERIES PREMIERE THURSDAY SEPT 23 8|7c

Welcome / Tour / How to Sync

About My Generation

Show Buzz

What a di�erence ten years can make. In 2000, a documentary crew follows a disparate group of high schoolers from Greenbelt High School in Austin, TX as they prepare for graduation, then revisits these former classmates ten years later as they return home to rediscover that just because they're not where they planned doesn't mean they're not right where they need to be.

Read More

Behind the ScenesVisit the set with these behind-the scenes photos

Sneak PeakGet your �rst look at this captivating new dramedy coming Thursdays this fall!

From the ScriptTake a sneak peek at a line from the pilot episode!

Page 4: Second Screen TV watching experience on iPad

You got +2 points for voting on a poll!

Branding

DID YOU KNOW?

The winner of Survivor is not the only person who walks away with money, every castaway gets a certain amount of money dependent on how long they stayed in the game. For example the 2nd place winner receives $100,000.

POLL

Who do you think should get voted o�?

a. Jack b. Stacey

c. Amanda d. Alfonso

Ad

BEHIND THE SCENES

9

1

2

Show Graphic (320x*)A promotional image of the show. The image may include the show title.

6 Show Details ButtonBrings up the Show Details Popover screen.

10 Details/Cast SwitcherSwitches the view between showing episode details or cast information.

7

7

Pro�le ButtonBrings up the Pro�le Popover Screen.

8

8

Refresh / SyncChecks to see if there are any new modules. Optionally re-syncs with episode.

9 Module TimelineDisplays a scrollable list of modules. Ordered by most recent �rst.

11

11

Activity FeedDisplays a user’s recent activity and updates. i.e. earning points, voting on polls, new modules available.

Show TitleOnly appears if the Show Graphic (1) does not already include the show title. Con�gurable in the CMS.

2a Episode MetadataDisplays the currently synced episode title and synopsis.

4 Episode ListDisplays a chronological list of the epi-sodes in the season and air dates. It also indicates whether you’ve synced with an episode.

Links to either the iTunes store or a website to purchase the episode.

5 Purchase Episode Button

3 Facebook LikeAllows the user to “Like” this show on Facebook. Facebook Fan page con�gurable in CMS. If the user has not associated a Facebook pro�le with their account. Clicking this will bring up the Facebook Connect popup.

Dashboard Overview

Show Graphic

SurvivorEpisode 1

In this episode, something happens! Some people laugh and other people get angry. Most likely someone will

Like

Episode Name

1. Episode Name

2. Episode Name

3. Episode Name

4. Episode Name

5. Episode Name

6. Episode Name

7. Episode Name

June 10

June 15

June 20

June 25

June 30

July 5

July 10

Buy

Buy

Buy

Buy

Buy

Buy

Buy

Show Details

Season 10

Details Cast Comments

1

2

2a

3

4

5

10

6

Page 5: Second Screen TV watching experience on iPad

Show Graphic

POLL

Who do you think should get voted o�?

a. Jack b. Stacey

c. Amanda d. Alfonso

Ad

Episode Guide Comments

Branding

You got +2 points for voting on a poll!

Comments Sidebar

LikeMy GenerationSERIES PREMIERE THURSDAY SEPT 23 8|7c

Add Comment

Hahaha, this show is so awesome!username 3 seconds ago

Oh man, remember that thing?username 1 min ago

That was the funniest episode I’ve ever seen!

username 2 min ago ago

I don’t know what I would do if I were them.

username 3 min ago

OMG Kyle is the cutest person ever!username 8 min ago

This episode was ok I guess.username 10 min ago

I have the most points in this show. I’m kind of a big deal.

username 20 min ago

This brings back sooo many memories.username 25 min ago

I feel so old now.username 28 min ago

Page 6: Second Screen TV watching experience on iPad

1

2

3

1

2

Module TitleCustomizable in the CMS. Defaults to “Did You Know?”

Body TextShort description text. Accepts basic html formatting and links. Links open in a browser popup dialog.

3 Share ButtonAllows the user to share this module on Facebook or Twitter

4 ThumbnailCan link to a larger image or full-screen video. CMS settings allows it to be �oated left or right.

Info Snack Module

Text Only

With Thumbnail

DID YOU KNOW?

The winner of Survivor is not the only person who walks away with money, every castaway gets a certain amount of money dependent on how long they stayed in the game. For example the 2nd place winner receives $100,000.

1

3

DID YOU KNOW?

The winner of Survivor is not the only person who walks away with money, every castaway gets a certain amount of money dependent on how long they stayed in the game. For example the 2nd place winner receives $100,000.

Picture/VideoThumbnail

2

4

Page 7: Second Screen TV watching experience on iPad

Text Only Choice Selection

With Thumbnail

11

2

2

Module TitleCustomizable in the CMS. Defaults to “Poll”

Question

3

3

Share ButtonAllows the user to share this module on Facebook or Twitter

5 ThumbnailOptional. Each answer can be associated with a thumbnail image.

4

4

Poll ChoicesBetween 2-8 possible answers. Customizable in the CMS.

Poll Module

POLL

Who do you think should get voted o�?

a. Jack b. Stacey

c. Amanda d. Alfonso

6

7

POLL

Who do you think should get voted o�?

a. Jack b. Stacey

c. Amanda d. Alfonso

POLL

Who do you think should get voted o�?

a. Jack a. Stacey

a. Amanda a. Alfonso

1

2

5

4

3

Page 8: Second Screen TV watching experience on iPad

My Pro�le

Andy Mai

BADGES12

POINTS128

Joined on June 1, 2010

Friends RewardsActivity

Add Friends

Zac White

25 mins agoLOST

Chris Lyon

1 hr agoTop Gear

Eric Tamo

Wed May 26Real Housewives of Orange Cou...

User Profile

Settings Add Friends

Find Twitter Friends

Find Facebook Friends

Find friends from your Address Book

Lookup Friends

Done Add Friends Done

Searching for Friends

Twitter / Facebook Authentication Login Box

Scan Address Book for registered e-mail

addresses

Back Add Friends Done

Choose Friends

Back

Scarlett J.

Jet L.

Carl S.

Found 3 friends using Funner

Invite friends to Funner

Add

Request Sent!

Jet L. Invite

Add

Friend Requests Done

Scarlett J.

Jet L.

1

4

3

5

6

6

1

Brings up the “Lookup Friends” modal dialog screen.

Add Friends Button

2

Appears only when the user has a pending friend request. Tapping it brings up the “Friend Request” modal dialog screen.

Friend Request Noti�cation

3

Closes the dialog and takes the user back to the User Pro�le screen.

Displays a users pro�le image and name.

Dismiss Modal Dialog

4 Service Icon

5 Funner User

Tapping the button sends a friend request.

6 Add Button

Checkmark accepts the friend request. “x” ignores it.

7 Accept / Deny Friend Button

Adding Friends

OR

You have 2 Friend Requests!2

Friend Requests

Page 9: Second Screen TV watching experience on iPad

1. Syncing / Loading 2. Confirm Sync 3. Sync RewardsBranding

Sync with TV Cancel

Syncing Graphic / Animation

Branding

Sync with TV Cancel

Survivor: Nicaragua

Sync

Post to Twitter OFF

Post to Facebook OFF

Branding

Sync with TV Done

You got +5 pts for syncing to Survivor for the �rst time!

First Badge

Next

140

Season 10 Episode 1

Sync Flow

Page 10: Second Screen TV watching experience on iPad

Post module to Twitter

Show Graphic

SurvivorSeason 10 Episode 1

In this episode, something happens! Some people laugh and other people get angry. Most likely someone will get voted o�.

POLL

Who do you think should get voted o�?

DID YOU KNOW?

The winner of Survivor is not the only person who walks away with money, every castaway gets a certain amount of money dependent on how long they stayed in the game. For example the 2nd place winner receives $100,000.

a. Jack b. Stacey

c. Amanda d. Alfonso

Ad / Coupon Ad / Coupon

POLL

Who is your favorite character?

Details Cast

Like

1. Episode Name

2. Episode Name

3. Episode Name

4. Episode Name

5. Episode Name

6. Episode Name

7. Episode Name

8. Episode Name

9. Episode Name

10. Episode Name

June 10

June 15

June 20

June 25

June 30

July 5

July 10

July 15

July 20

You got +2 points for voting on a poll!

Branding

Keyboard

Post to TwitterCancel Tweet

Who do you think should get voted o�? I chose Jack! #survivor #funner

70

Share module on Facebook

Show Graphic

SurvivorSeason 10 Episode 1

In this episode, something happens! Some people laugh and other people get angry. Most likely someone will get voted o�.

POLL

Who do you think should get voted o�?

DID YOU KNOW?

The winner of Survivor is not the only person who walks away with money, every castaway gets a certain amount of money dependent on how long they stayed in the game. For example the 2nd place winner receives $100,000.

a. Jack b. Stacey

c. Amanda d. Alfonso

Ad / Coupon Ad / Coupon

POLL

Who is your favorite character?

Details Cast

Like

1. Episode Name

2. Episode Name

3. Episode Name

4. Episode Name

5. Episode Name

6. Episode Name

7. Episode Name

8. Episode Name

9. Episode Name

10. Episode Name

June 10

June 15

June 20

June 25

June 30

July 5

July 10

July 15

July 20

You got +2 points for voting on a poll!

Branding

Keyboard

Share on FacebookCancel Share

OMG, I hope Jack goes home. I hate his face.

Andy voted on a Survivor pollI think Jack should get voted o� Survivor!Just now via Funner

Poll Module

Page 11: Second Screen TV watching experience on iPad

My Pro�le

Andy Mai

BADGES12

POINTS128

Joined on June 1, 2010

Friends RewardsActivity

Free mini cupcake at Cako

10% your next purchase at Macy’s

Rewards Tab

Settings

Redeem

Redeem

1

Brings up the “Settings” modal dialog screen.

Settings Button 7

Brings up the “Lookup Friends” modal dialog screen.

Add Friends Button

8

Shows a list of a user’s friends and indicates when they synced with a show.

Friend Feed

9

Shows a list of a user’s recent activity (earning points, badges, syncing with shows)

Activity Feed

10 Rewards [TBD]

2

Displays the user’s real name and the date they created their account.

User Info

3

Displays the user’s pro�le image. Tap-ping it allows the user to change it by selecting a photo from their album or take one with the camera (iPhone only)

Pro�le Image

4

Displays the number of points the user has earned. Tapping it takes them to the “Points Overview” screen.

Points Button

5

Displays the number of badges the user has earned. Tapping it takes them to the “Badge Overview” screen.

Badges Button

6

Switches to the respective tab views.

Tab Bar

My Pro�le

Andy Mai

BADGES12

POINTS128

Joined on June 1, 2010

Friends RewardsActivity

25 mins agoVoted on a Survivor poll

30 mins agoStarted watching Survivor

YesterdayGained another level in LOST

25 mins agoEarned the Tribesman Badge

Activity Tab

SettingsMy Pro�le

Andy Mai

BADGES12

POINTS128

Joined on June 1, 2010

Friends RewardsActivity

Add Friends

Zac White

25 mins agoLOST

Chris Lyon

1 hr agoTop Gear

Eric Tamo

Wed May 26Real Housewives of Orange Cou...

User Profile

Settings

Profile Overview

3

2

4 5

1

9 10

6

7

8

Page 12: Second Screen TV watching experience on iPad

My Badges

Adventurer Tribesman Chieftan

Potato Reality Junkie Jock

Geek Sherlock Foodie

Back AdventurerBack

Badge Overview Badge Detail

My PointsBack

Points Overview

LeaderboardBack

Leaderboard

Earned by watching at least 15 minutes of Survivor

Survivor

3

LVL78 / 150

Only 72 more points until you reach level 4

10 Things I Hate About You

2

LVL50 / 100

Only 50 more points until you reach level 3

Andy M.

Level 378 Points45

Zac W.

Level 365 Points53

John S.

Level 10785 Points1

Mary K.

Level 9649 Points2

Dustin G.

Level 8550 Points3

Top Survivor Fans

You and Your Friends

Profile (Points and Badges)

Page 13: Second Screen TV watching experience on iPad

Funner

I already have a Funner account

I’m new to Funner

Funner Graphic

Funner

E-mail

Password

Back Login

Get ready to have some Fun.

Or... Login with your Facebook account Connect with Facebook

First Launch Popup Login

Funner

E-mail

Password

Con�rm

Back Next

Create a Funner Account in Seconds

By creating an account, you agree to our Terms of Service

FunnerBack Next

Personalize Your Fun (Optional)

FunnerBack Done

Add Your Friends on Funner

Choose a Pro�le Image

Name

Zipcode

guy girl

Gender

14-17 18-20 21-29 30-40 50+

Age

Or... Login with your Facebook account Connect with Facebook

1. Create Account 2. Create Profile 3. Find Friends 4. Add Friends

Facebook

Twitter

Foursquare

Address Book

FunnerBack Done

Scarlett J.

Jet L.

Carl S.

Found 3 friends using Funner

Invite friends to Funner

Add

Add

Keanu R.

Keanu R.

Invite

Invite

Add

Create Account Flow

Page 14: Second Screen TV watching experience on iPad

Shout Message Shout Module

Show Graphic

SurvivorSeason 10 Episode 1

In this episode, something happens! Some people laugh and other people get angry. Most likely someone will get voted o�.

POLL

Who do you think should get voted o�?

DID YOU KNOW?

The winner of Survivor is not the only person who walks away with money, every castaway gets a certain amount of

a. Jack b. Stacey

c. Amanda d. Alfonso

Like

1. Episode Name

2. Episode Name

3. Episode Name

4. Episode Name

5. Episode Name

6. Episode Name

7. Episode Name

8. Episode Name

9. Episode Name

10. Episode Name

June 10

June 15

June 20

June 25

June 30

July 5

July 10

July 15

July 20

Branding

Ad / Coupon

SHOUT

Hahaha! I can’t believe Jack doesn’t know how to start a �re!

Andy Mai

Show Graphic

SurvivorSeason 10 Episode 1

In this episode, something happens! Some people laugh and other people get angry. Most likely someone will get voted o�.

POLL

Who do you think should get voted o�?

DID YOU KNOW?

The winner of Survivor is not the only person who walks away with money, every castaway gets a certain amount of money dependent on how long they stayed in the game. For example the 2nd place winner receives $100,000.

a. Jack b. Stacey

c. Amanda d. Alfonso

POLL

Who is your favorite character?

Details Cast

Like

1. Episode Name

2. Episode Name

3. Episode Name

4. Episode Name

5. Episode Name

6. Episode Name

7. Episode Name

8. Episode Name

9. Episode Name

10. Episode Name

June 10

June 15

June 20

June 25

June 30

July 5

July 10

July 15

July 20

Branding

Ad / Coupon

Keyboard

Say SomethingCancel Tweet

Hahaha! I can’t believe Jack doesn’t know how to start a �re!

78

Shout Flow

Page 15: Second Screen TV watching experience on iPad

BrandingBEHIND THE SCENES

Description text goes here

Photo Module