AFT Viggle Mobile 21714 (PDF)

Viggle WP8

Prepared by 72 Pixels - Photon Infotech
v1.7 February 17, 2014 10:07 AM

Style Guide

#da2c64

#832b7f

#b23dad

#5b1e59

#3e113f

#ffffff

Tile Icons

Log In

Skip

Filter

Set
Reminder

Help

Cancel

Prepared by 72 Pixels - Photon Infotech

Guide

Confirm

Delete

Fan Show

Search

Share

Block

Add
Comment

Unblock

New
Conversation

Send

v1.7 February 17, 2014 10:07 AM

2

Table of Contents
Live Tiles
5
Information Architecture - Sign Up
7
Information Architecture - TV Provider
8
Information Architecture - Find & Invite Friends
9
Information Architecture - Entering the App
10
Information Architecture - Sign In
11
Landing Screen - Log In
12
Landing Screen - New Account
13
Landing Screen - New Account
14
Landing Screen - New Account
15
Landing Screen - DirecTV
16
Landing Screen - HD Channels
17
Landing Screen - Find/Invite Friends
18
Landing Screen - Tutorial
19
Home Screen - Panorama
20
Information Architecture - Check In Flow Starting
Points21
Information Architecture - TV Check-In Flow
22
Information Architecture - Music Check In
23
Information Architecture - Manual Check-In Process
24
Information Architecture - What’s On
25
Information Architecture - Who’s Watching
26
Information Architecture - Rewards
27
Information Architecture - Redemption
28
Information Architecture - Activity
29
Check In-TV
30
Check In-TV
31
Check In-Music
32
What’s On-Featured
33
What’s On-Show Page
34
What’s On-Who’s Watching
35
What’s On-Guide
36
What’s On-Guide & Search Shows
37
What’s On-Share Show Page
38
What’s On
39
What’s On
40
Prepared by 72 Pixels - Photon Infotech

My Music
41
Rewards42
Rewards43
Rewards44
Rewards45
Rewards46
Activity47
Information Architecture - Profile
48
Information Architecture - Inbox
49
Information Architecture - Block User
50
Information Architecture - Settings
51
Profile
52
Profile
53
Profile
54
Profile
55
Profile
56
Profile
57
inbox - Notifications
58
inbox - Conversations
59
inbox - Conversations
60
Block User Prompt and Blocked Users List
61
Settings62
Settings63
Settings64
Settings65
Settings66
Push Notifications
67
Push Notifications and Fandom Level
68
Help69
Help70
Mockups Landing Screen - Login & Create Account72
Mockups Landing Screen - Login & Create Account73
Mockups Landing Screen - Login & Create Account74
Mockups - Home
75
v1.7 February 17, 2014 10:07 AM

Mockups - Home (Music tab enabled)
76
Mockups - Listening
77
Mockups - Listening
78
Mockups - What’s On-Featured, Most Chatter,
Show Page
79
Mockups - What’s On-Featured, Search, Share
Show80
Mockups - Featured, Show, Guide
81
Mockups - Who’s Watching
82
Mockups - My Music
83
Mockups - Rewards
84
Mockups - Rewards
85
Mockups - Activity
86
My Profile
87
Shows88
List Items
89
A Friend’s Profile
90
Friend’s Profile with Unblock User Option
91
Edit Tagline
92
Inbox - Conversations, Thread, New Conversation93
Settings94
Push Notifications
95
Help96
Help97
Help98
Help99

3

Live Tiles

Prepared by 72 Pixels - Photon Infotech

v1.7 February 17, 2014 10:07 AM

4

Live Tiles

1

2

3

Points of Interest
1

User can be alerted to incoming chat requests

2

Upcoming reminders and favorite shows with their
next airtimes can be prompted on the live tile

3

If a User gains a level while logged outside of the
application, they will be prompted

Prepared by 72 Pixels - Photon Infotech

v1.7 February 17, 2014 10:07 AM

5

Wireframes

Prepared by 72 Pixels - Photon Infotech

v1.7 February 17, 2014 10:07 AM

6

Information Architecture - Sign Up
Section 2.0 Sign Up / 3.0 Sign up with Facebook

3.3 Email address verification

2.1 Login, Create Account
Or Find Out What Viggle Is

before account creation is

2.3 Account Information/

completed

Create account with
Facebook

3.1 Facebook Install Screen

3.4 Facebook permissions,

in Browse

all Public by default
3.2 Account information
populated by Facebook

2.2 What Is Viggle? Modal

2.3.14 Add photo detail (2.3.1)

2.3.9 Under-age registration

2.3.15 Prompt user when
display name already exists

Prepared by 72 Pixels - Photon Infotech

v1.7 February 17, 2014 10:07 AM

2.3.16 Prompt user when
email already taken

2.3.10 Terms

7

Information Architecture - TV Provider
Section 4.0 TV Provider & DTV

3.3 Email address verification
before account creation is
completed

4.1 ZIP input for TV provider
search

4.2 TV provider search
results, choose one

4.3 TV Provider selection

free text input

screen, option to list HD
channels in guide

4.4 IF Provider is DIrectTV

4.7 DTV account credentials

4.8 Successful DTV account

4.9 Link to DirectTV on

request promo code

input (web view)

association state

Facebook (web view)

4.6 Give user a chance to
enter the correct promocode

Prepared by 72 Pixels - Photon Infotech

4.2.1 TV Provider Other is a

4.5 Nag user if they try to
skip lining their DTV account

v1.7 February 17, 2014 10:07 AM

8

Information Architecture - Find & Invite Friends
Section 5.0 Find & Invite Friends

4.3 TV Provider selection
screen, option to list HD
Account Information/Create

channels in guide

5.1 People in my address book
who are already on Viggle

5.2 Find friends flows into

5.2.1 Native invite and

invite friends, that is people

message submission

in my address book not on viggle

account with Facebook

5.3 After inviting from default
source (FB or address book)
land on page offering all sources

Prepared by 72 Pixels - Photon Infotech

v1.7 February 17, 2014 10:07 AM

9