The SportingNews iPad App 3.0 Wireframes€¦ · The SportingNews iPad App 3.0 Wireframes. This...
Transcript of The SportingNews iPad App 3.0 Wireframes€¦ · The SportingNews iPad App 3.0 Wireframes. This...
DOCUMENT HISTORY: v1.7 - Minor Edits.v1.6 - UI/UX Updates.v1.5 - Consolidated Approach.v1.4 - Navigation Review.v1.3 - Scoreboard Updates.v1.2 - Simplified Navigation.v1.1 - Updated Concepts.v1.0 - Initial Concepts.
MODIFICATION DATE: Thu Aug 02 2012
This document outlines the v3.0 Wireframes for The SportingNews iPad App.DESCRIPTION:1.7VERSION HISTORY:Mohit SantRam / Christian Bovine / Omnigon Communications, LLCCREATOR:SportingNews.comCOMPANY:
The SportingNews iPad App 3.0 Wireframes
Page: 2 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comNavigation v1 - Cover Image
NOTES:
12:34 PMiPad 92%12:34 PMiPad 92%12:34 PMiPad 92%
1.0) COVER IMAGEUpon loading version 3.0 of The Sporting News app, the cover image will be displayed without any navigation.
Page: 3 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comNavigation v1 - Top Navigation
NOTES:
12:34 PMiPad 92%12:34 PMiPad 92%
COVER TODAY NFL MLB NBA NHL NCAAF NCAAB NASCARMY TEAMS SCORES
ff NEW ISSUE PERSONALIZE ARCHIVE HELPf NEW ISSUE PERSONALIZE STORE LIBRARY HELP
12:34 PMiPad 92%
1.0) TAP TO REVEAL TOP NAVIGATIONWhen users tap the iPad screen, the Top Navigation will appear on screen.
Page: 4 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comNavigation v1 - Top Navigation - Cover
NOTES:
12:34 PMiPad 92%12:34 PMiPad 92%
COVER TODAY NFL MLB NBA NHL NCAAF NCAAB NASCARMY TEAMS SCORES
ff NEW ISSUE PERSONALIZE ARCHIVE HELPf NEW ISSUE PERSONALIZE STORE LIBRARY HELP
12:34 PMiPad 92%
COVER
COVER
COVER ONE TITLELorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula consequat dolor.
COVER ONE TITLELorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula consequat dolor.
COVER ONE TITLELorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula consequat dolor.
1.0) COVERUsers can tap any section to reveal specified content. Three Cover images will be displayed, directly hyperlinked to the story. Tapping Close or anywhere off the navigation will close the Navigation overlay.
Page: 5 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comNavigation v1 - Top Navigation - Today
NOTES:
12:34 PMiPad 92%12:34 PMiPad 92%
COVER TODAY NFL MLB NBA NHL NCAAF NCAAB NASCARMY TEAMS SCORES
ff NEW ISSUE PERSONALIZE ARCHIVE HELPf NEW ISSUE PERSONALIZE STORE LIBRARY HELP
12:34 PMiPad 92%
TODAY
TODAY
SNAPSHOTLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula consequat dolor
WHAT TO WATCHLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula consequat dolor
CONVERSATION OF THE DAYLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula consequat dolor
ARTICLE TITLEAUTHORLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula consequat dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula cat dolor.
BLOGGERS
Joe Smith @joeSmith1234Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vehicula consequat dolor.
TWEETSSEE ALL SEE ALL
1.0) TODAYToday highlights three lead stories as well as a featured blog entry and tweet. These options can be scrollable.
Page: 6 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comNavigation v1 - Top Navigation - NFL
NOTES:
12:34 PMiPad 92%12:34 PMiPad 92%
COVER TODAY NFL MLB NBA NHL NCAAF NCAAB NASCARMY TEAMS SCORES
ff NEW ISSUE PERSONALIZE ARCHIVE HELPf NEW ISSUE PERSONALIZE STORE LIBRARY HELP
12:34 PMiPad 92%
SEE ALL
NFL
NFL
SCORES - July 31st
Score Score Score Score ScoreScore
ARTICLELorem ipsum dolor sit amet, consecte adipiscing elit. Sed vehicu laconsequat dolor.
NFL COVER
STANDINGS
ARTICLELorem ipsum dolor sit amet, consecte adipiscing elit. Sed vehicu laconsequat dolor.
ARTICLELorem ipsum dolor sit amet, consecte adipiscing elit. Sed vehicu laconsequat dolor.
ARTICLELorem ipsum dolor sit amet, consecte adipiscing elit. Sed vehicu laconsequat dolor.
ARTILorem sit ame adipiscd vehicsequat
Sc
1.0) NFLSports sections like the NFL feature the latest special issue cover, featured articles and latest scores. Articles and Scores will reveal additional content if available. The Standings button is only displayed within the season & post-season.
Page: 7 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comNavigation v1.1 - Bottom Navigation
NOTES:
12:34 PMiPad 92%12:34 PMiPad 92%
COVER TODAY NFL MLB NBA NHL NCAAF NCAAB NASCARMY TEAMS SCORES
ff NEW ISSUE PERSONALIZE ARCHIVE HELPf NEW ISSUE PERSONALIZE STORE LIBRARY HELP
12:34 PMiPad 92%
1.0) TAP TO REVEAL BOTTOM NAVIGATIONWhen users tap the iPad screen, the Bottom Navigation will appear on screen.
Page: 8 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comNavigation v2 - Side Navigation - Reveal
NOTES:
12:34 PMiPad 92%12:34 PMiPad 92%
NAVIGATION
1.0) SWIPE TO REVEAL SIDE NAVIGATIONSide Navigation can be revealed by swiping left to right over the Navigation tab. The Cover Image will slide to the right.
Page: 9 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comNavigation v2 - Side Navigation - Personalize
NOTES:
12:34 PMiPad 92%
SN LOGO
SCORES
MY TEAMS
LIBRARY
STORE
COVER
NFL
MLB
NBA
NHL
NCAAF
NCAAB
NASCAR
SOCCER
OLYMPICS
TODAY
f
12:34 PMiPad 92%
PERSONALIZE
1.0) SWIPE TO HIDE SIDE NAVIGATIONSide Navigation can be hidden by swiping right to left over the content. The Cover Image will slide back to the left.
Page: 10 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comNavigation v2 - Side Navigation - Personalize - NFL
NOTES:
12:34 PMiPad 92%
SN LOGO
SCORES
MY TEAMS
LIBRARY
STORE
COVER
NFL
MLB
NBA
NHL
NCAAF
NCAAB
NASCAR
SOCCER
OLYMPICS
TODAY
f
12:34 PMiPad 92%
SCORES - July 31st
Score Score Score ScoreScore
NFL STANDINGS
ARTICLELorem ipsum dolor sit amet, consecte adipiscing elit. Sed vehicu laconsequat dolor.
NFL COVER
ARTICLELorem ipsum dolor sit amet, consecte adipiscing elit. Sed vehicu laconsequat dolor.
ARTICLELorem ipsum dolor sit amet, consecte adipiscing elit. Sed vehicu laconsequat dolor.
MY TEAMS
NFL
SEE ALL
1.0) PERSONALIZED CONTENTWhen the user has personalized the SN iPad app, content such as the special Cover Issue, Articles, and Scores will be ordered by the user's preferred teams. Standings will only be displayed during the sport's pre-season, in-season, and post-season. See All will display the Scores for the specified sport.
Page: 11 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comNavigation v3 - Side Navigation - Verical
NOTES:
12:34 PMiPad 92%12:34 PMiPad 92%
SN LOGO
SCORES
MY TEAMS
LIBRARY
STORE
COVER
NFL
MLB
NBA
NHL
NCAAF
NCAAB
NASCAR
SOCCER
OLYMPICS
TODAY
f
12:34 PMiPad 92%
1.0) TAP TO REVEAL TOP NAVIGATIONWhen users tap the iPad screen, the Top Navigation will appear on screen. The Cover Image will slide to the right.
Page: 12 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comNavigation v3 - Side Navigation - Flyouts
NOTES:
12:34 PMiPad 92%12:34 PMiPad 92%
SN LOGO
SCORES
MY TEAMS
LIBRARY
STORE
COVER
NFL
MLB
NBA
NHL
NCAAF
NCAAB
NASCAR
SOCCER
OLYMPICS
TODAY
f
12:34 PMiPad 92%
MY TEAMS
NFL
COVER
STANDINGS
ARTICLE TITLE
ARTICLE TITLE
ARTICLE TITLE
NFL
SCORES
Score
Score
Score
Score
Score
Score
Score
Score
Score
Score
ALL SCORES
1.0) VERTICAL FLYOUTSAfter the Side Navigation is revealed, users can tap specific sections to reveal flyouts with the Cover, Featured Articles & Scores. The Standings button is only displayed within the season & post-season. All Scores will display the Scores flyout.
Page: 13 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comNavigation v3 - Side Navigation - Horizontal
NOTES:
iPad 9:24 PM
SN LOGO
SCORES
MY TEAMS
LIBRARY
STORE
COVER
NFL
MLB
NBA
NHL
NCAAF
NCAAB
NASCAR
SOCCER
OLYMPICS
TODAY
f
1.0) HORIZONTAL COVERUsers can rotate the iPad horizontally and the Side Navigation will update as displayed. The Cover Image will shift to the right as well.
Page: 14 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comScores v1 - My Teams
NOTES:
12:34 PMiPad 92%
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
11:30 AM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
12:30 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
12:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
1:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
2:30 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
2:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
3:30 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
7:30 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
7:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
8:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
9:30 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
9:00 PM ET
JULY 31st 2012
SCORES Close
OLYMPICSSOCCERNASCARNCAABNCAAFNHLNBAMLBNFLMY TEAMS
1.0) SCORESUsers will see the Scores page take over the screen. My Teams will be the default list.
Page: 15 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comScores v1 - NCAAF
NOTES:
12:34 PMiPad 92%
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
11:30 AM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
12:30 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
12:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
1:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
2:30 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
2:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
3:30 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
7:30 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
7:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
8:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
9:30 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
9:00 PM ET
JULY 31st 2012
SCORES Close
ConferencesDone
IA Independents
ACC
Big 12
Big East
Big Ten
Conference USA
OLYMPICSSOCCERNASCARNCAABNCAAFNHLNBAMLBNFLMY TEAMS
1.0) CONFERENCES DROPDOWNUsers may select a specific conference for NCAAF and NCAAB.
Page: 16 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comScores v2 - MLB
NOTES:
12:34 PMiPad 92%
July 31st SCORES Close
6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i
6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i
6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i
6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i
OLYMPICSSOCCERNASCARNCAABNCAAFNHLNBAMLBNFLMY TEAMS
1.0) MLBA maximum of 15 MLB games can be played on any given day during the regular season. Tapping the Info button will reveal the Game Detail page.
Page: 17 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comScores v3 - My Teams
NOTES:
12:34 PMiPad 92%
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
11:30 AM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
12:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
1:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
2:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
3:30 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
7:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
8:00 PM ET
LOGO
SCORE
TEAM NAME
LOGO
SCORE
TEAM NAME
VS
9:00 PM ET
SCORES CloseJuly 2012
MY TEAMS
NFL
MLB
NBA
NHL
NCAAF
NCAAB
NASCAR
SOCCER
OLYMPICS
f
28 29 30 31 01 02 03
LOGO LOGO
8:00 PM ET
LOGO LOGO
9:00 PM ET
COVER
NFL
MLB
NBA
NHL
NCAAF
TODAY
STANDINGS
LIBRARY
STORE
1.0) SIDE NAVIGATION & SCORESThe Main Nav will shift downward to reveal the Sports selection list. Users will see the Scores page take over two thirds of the screen. My Teams will be the default list. The Side Navigation will be scrollable to reveal all options. The Action buttons will be anchored to the bottom pf the Side Navigation. There is a drawer distinction between the Scores Navigation and the Magazine Navigation.
MAIN NAVIGATION
Page: 18 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comScores v4 - My Teams
NOTES:
12:34 PMiPad 92%
SCORES Close
MY TEAMS
NFL
MLB
NBA
NHL
NCAAF
NCAAB
NASCAR
SOCCER
OLYMPICS
f
6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i
6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i
6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i
6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i
6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i
6:00 PM ET
LOGO TEAM NAME 1
S
98
i 6:00 PM ET
LOGO TEAM NAME 1
S
98
i 6:00 PM ET
LOGO TEAM NAME 1
S
98
i
28 29 30 31 01 02 03JUL 2012
NAVIGATION
1.0) SIDE NAVIGATION & SCORESThe Main Nav will slide to the left to reveal the Sports selection list. Users will see the Scores or Content page take over two thirds of the screen. My Teams will be the default list. Pressing Navigation will return the user to the main view of the Navigation. Close will return the user to the last viewed content page.
Page: 19 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comScores v4 - Pregame Detail
NOTES:
12:34 PMiPad 92%
PREGAME DETAIL Close
PREGAME DETAILBy Author
July 31st, 2012 6:30 PM ET
Aunque tellus. Quisque sit amet porttitor ante. Cras eu erat a justo ultrices placerat. Curabitur a varius mauris. Curabitur sollicitudin augue vitae mi aliquam ac porttitor leo ultricies. Alinam egestas, nibh nec sono rutrum etium, sapien urna uada sapien, sit ametultrices ligula dolor vel mi. Nunc lectus arcu.
Nulla facilisi. Nulla egestas, purus ut dictum imperdiet, felis odio vestibulum ante, at ultricies lorem justo sit amet leo. Mauris luctus, libero vel sodales ultrices, lacus purus tincidunt sem, et interdum ante enim sit amet justo. Etiam adipiscing elit non diam convallis luctus. Cras eesque sollicitudin tempor nisl accumsan. Donec et felis a arcu posuere porta. Pellentesque pulvinar malesuada nisl a vestibulum. Suspendisse potenti. Donec augue lacus, placerat ut posuere et, volutpat ina. Aenean pellentee nisl at quam biben.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque non porta diam. Suspendisse potenti. Vivamus pulvinar congue nunc, id pulvinar nisi dignissim vel. Proin enim tortor, fringilla ut scelerisque sit amet, interdum nonn mattis a quis felis. Quisque felis dui, facilisis non lobortis quis, faucibus quis nibh. Duis nec lectus eget quam commodo condimentum. Cras bibendum blandit justo vitae lacinia. Duis porta lacus ut tellus suscipit malesuada.
Sed nec arcu mauris. Curabitur ornare, purus eget luctus consectetur, risus nunc elementum lectus, idit amet ultrices.
PHOTO
PHOTO CREDIT
5:00 PM EDTRECORD
TEAM NAME 1
LOGO RECORD
TEAM NAME 1
LOGO
Back
MY TEAMS
NFL
MLB
NBA
NHL
NCAAF
NCAAB
NASCAR
SOCCER
OLYMPICS
f
28 29 30 31 01 02 03JUL 2012
NAVIGATION
1.0) SIDE NAVIGATION & SCORESThe Main Nav will slide to the left to reveal the Sports selection list. Users will see the Scores or Content page take over two thirds of the screen. My Teams will be the default list. The Pregame Detail will only be displayed before the game begins. The page may display Teams, Record, Time, Text, Photos. Additional selected Scores will be listed in a locked area at the bottom of the page. The Back button will return the user to the last visited Scores page. Close will return the user to the last viewed content page.
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
SCORES SEE ALL
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
Page: 20 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comScores v4 - Box Score
NOTES:
12:34 PMiPad 92%
BOX SCORE Close
5:00 PM EDTSCORE
NY YANKEES
LOGO SCORE
BOS RED SOX
LOGO
Back
1 2 3 4 5 6 7 8 9NYYBOS
BOSTON RED SOXNEW YORK YANKEESBATTING AB R H RBI BB K SB AVG
3
3
3
2
1
1
3
3
2
2
2
3
1
0
0
0
0
0
0
0
0
0
2
2
1
0
1
1
2
1
1
0
1
2
0
0
0
0
0
0
0
0
0
0
1
0
0
0
0
1
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
.308
.354
.315
.245
.364
.327
.357
.267
.301
.299
.313
D Jeter - SS
C Granderson - CF
M Teixeira - 1B
E Chavez - 3B
E Nunez - PR-3B
R Peña - 3B
R Cano - 2B
N Swisher - RF
R Martin - C-DH
R Ibañez - DH
A Jones - LF
PITCHING IP H R ER BB K PC
CC Sabathia
B Logan
R Soriano
7.0
1.0
1.0
2
0
0
1
0
0
1
0
0
1
0
0
5
0
0
87
20
6
BATTING DETAILS
SCORING PLAYSBOX SCORE VIDEO HIGHLIGHTS
3B: E Chavez (1); J Posada (1)HR: D Jeter (6, 2nd inning off J Lester 2 on, 1 Out); R Martin (15, 3rd inning off J Beckett 0 on, 0 Out)
1 3 20 2
R H E 6 10 02 4 2
MY TEAMS
NFL
MLB
NBA
NHL
NCAAF
NCAAB
NASCAR
SOCCER
OLYMPICS
f
28 29 30 31 01 02 03JUL 2012
NAVIGATION
1.0) BOX SCORE & OTHER SCORESThe Box Scores page will update the Scores, Time, Quarter/Period/Half, and scoring periodically. Users can click through the Box Score, Scoring Plays, and Video Highlights tabs. At the bottom of the Box Score, additional selected Scores will be listed in a locked area. The Back button will return the user to the last visited Scores page. Close will return the user to the last viewed content page.
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
SCORES SEE ALL
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
Page: 21 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comScores v4 - Scoring Plays
NOTES:
12:34 PMiPad 92%
SCORING PLAYS Close
5:00 PM EDTSCORE
NY YANKEES
LOGO SCORE
BOS RED SOX
LOGO
Back
1 2 3 4 5 6 7 8 9NYYBOS
SCORING PLAYSBOX SCORE VIDEO HIGHLIGHTS
1 3 20 2
R H E 6 10 02 4 2
D Jeter homered to right (398 feet).C Granderson struck out.R Cano doubled to center.B Gardner sacrificed.L Ipsum walked.D. Olorimez doubled.D Jeter homered to right (398 feet).C Granderson struck out.R Cano doubled to center.B Gardner sacrificed.L Ipsum walked.D. Olorimez doubled.L Ipsum walked.D. Olorimez doubled.D Jeter homered to right (398 feet).C Granderson struck out.R Cano doubled to center.B Gardner sacrificed.L Ipsum walked.D. Olorimez doubled.
TOP 3rd NY YankeesPLAY BY PLAY
LOGO
NYY 1 BOS 0
NYY 1 BOS 0
NYY 1 BOS 0
NYY 1 BOS 0
NYY 1 BOS 0
MY TEAMS
NFL
MLB
NBA
NHL
NCAAF
NCAAB
NASCAR
SOCCER
OLYMPICS
f
28 29 30 31 01 02 03JUL 2012
NAVIGATION
1.0) SCORING PLAYS & OTHER SCORESThe Scoring Plays page will update the Scores, Time, Quarter/Period/Half, and scoring summary periodically. Users can click through the Box Score, Scoring Plays, and Video Highlights tabs. At the bottom of the Box Score, additional selected Scores will be listed in a locked area. The Back button will return the user to the last visited Scores page. Close will return the user to the last viewed content page.
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
SCORES SEE ALL
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
Page: 22 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comScores v4 - Video Highlights
NOTES:
12:34 PMiPad 92%
VIDEO HIGHLIGHTS Close
5:00 PM EDTSCORE
NY YANKEES
LOGO SCORE
BOS RED SOX
LOGO
Back
1 2 3 4 5 6 7 8 9NYYBOS
SCORING PLAYSBOX SCORE VIDEO HIGHLIGHTS
1 3 20 2
R H E 6 10 02 4 2
VIDEO16:9
0:45 / 2:59
VIDEO
Title Title TK TKSed rutrum rhoncus quam nec dapibus. Sed dignissim purus nec leo accumsan si aunque dolor amet que.
Date of Event
00:14:23
VIDEO
Title Title TK TKSed rutrum rhoncus quam nec dapibus. Sed dignissim purus nec leo accumsan si aunque dolor amet que.
Date of Event
00:14:23
VIDEO
Title Title TK TKSed rutrum rhoncus quam nec dapibus. Sed dignissim purus nec leo accumsan si aunque dolor amet que.
Date of Event
00:14:23
VIDEO
Title Title TK TKSed rutrum rhoncus quam nec dapibus. Sed dignissim purus nec leo accumsan si aunque dolor amet que.
Date of Event
00:14:23
Date of Event Date of Event
MY TEAMS
NFL
MLB
NBA
NHL
NCAAF
NCAAB
NASCAR
SOCCER
OLYMPICS
f
28 29 30 31 01 02 03JUL 2012
NAVIGATION
1.0) VIDEO HIGHLIGHTS & OTHER SCORESA Featured Video Highlight clip may be displayed along with clips from other games. Users can click through the Box Score, Scoring Plays, and Video Highlights tabs. At the bottom of the Box Score, additional selected Scores will be listed in a locked area. The Back button will return the user to the last visited Scores page. Close will return the user to the last viewed content page.
Page: 23 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comScores v5 - My Teams
NOTES:
12:34 PMiPad 92%
MY TEAMS Close
6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i
6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i
6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i
6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i
6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i 6:00 PM ET
LOGO TEAM NAME 1
LOGO TEAM NAME 2
S
98
111
i
6:00 PM ET
LOGO TEAM NAME 1
S
98
i 6:00 PM ET
LOGO TEAM NAME 1
S
98
i 6:00 PM ET
LOGO TEAM NAME 1
S
98
i
MY TEAMS
NFL
MLB
NBA
NHL
NCAAF
NCAAB
NASCAR
SOCCER
OLYMPICS
f
28 29 30 31 01 02 03JUL 2012
SCORES
1.0) SIDE NAVIGATION & SCORESThe Main Nav will slide to the left to reveal the Sports selection list. Users will see the Scores or Content page take over two thirds of the screen. My Teams will be the default list. Users can see the hint of the Side Navigation on the left hand side. Swiping left to right on the lined button in the upper left corner will return the user to the main view of the Navigation. Close will return the user to the last viewed content page.
Page: 24 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comScores v5 - Pregame Detail
NOTES:
12:34 PMiPad 92%
MY TEAMS
NFL
MLB
NBA
NHL
NCAAF
NCAAB
NASCAR
SOCCER
OLYMPICS
f
28 29 30 31 01 02 03JUL 2012
SCORES
1.0) SIDE NAVIGATION & PREGAME DETAILThe Pregame Detail page will take over the right two thirds of the screen when an individual Scores tile is selected. The Scores Navigation will update to display additional scores from that Sport. Users can see the hint of the Side Navigation on the left hand side. Swiping left to right on the lined button in the upper left corner will return the user to the Side Navigation view and remove the Scores and Pregame Detail. Close will return the user to the last viewed content page.
PREGAME DETAIL Close
PREGAME DETAILBy Author
July 31st, 2012 6:30 PM ET
Aunque tellus. Quisque sit amet porttitorte. Cras eu erat a justo ultrices placerat. Curabitur a varius mauris. Curabitur sollidin augue vitae mi aliquam ac porttitor ultricies. Alinam egestas, nibh nec sono rum etium, sapien urna uada sapien, sit ultrices ligula dolor vel mi. Nunc lectus.
Nulla facilisi. Nulla egestas, purus ut dictum imperdiet, felis odio vestibulum ante, at ultricies lorem justo sit amet leo. Mauris luctus, libero vel sodales ultrices, lacus purus tincidunt sem, et interdum ante enim sit amet justo. Etiam adipiscing elit non diam convallis luctus. Cras eesque sollicitudin tempor nisl accumsan. Donec et felis a arcu posuere porta. Pellentesque pulvinar malesuada nisl a vestibulum. Suspendisse potenti. Donec augue lacus, placerat ut posuere et, volutpat ina. Aenean pellentee nisl at quam biben.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque non porta diam. Suspendisse potenti. Vivamus pulvinar congue nunc, id pulvinar nisi dignissim vel. Proin enim tortor, fringilla ut scelerisque sit amet, interdum nonn mattis a quis felis. Quisque felis dui, facilisis non lobortis quis, faucibus quis nibh. Duis nec lectus eget quam commodo condimentum. Cras bibendum blandit justo vitae lacinia. Duis porta lacus ut tellus suscipit malesuada.
Sed nec arcu mauris. Curabitur ornare, purus eget luctus consectetur, risus nunc elementum lectus, idit amet ultrices ligula dolor vel mi. Nunc sed lectus arcu. Phasellus lectus enim, condimentum in malesuada sit amet, pharetra sit amet tellus. Quisque sit amet porttitor ante. Cras eu erat a justo ultrices placerat. Curabitur a varius mauris. Curabitur sollicitudin augue vitae mi aliquam ac porttitor leo ultricies.
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
PHOTO
PHOTO CREDIT
5:00 PM EDTRECORD
TEAM NAME 1
LOGO RECORD
TEAM NAME 1
LOGO
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
LOGO TEAM NAME 1
LOGO TEAM NAME 2
98
111
SCORES
Page: 25 / 25This document is not intended to represent final copy, nomenclature, design, or layout.It is meant to visually convey the organization and relationship(s) of the site content and navigational structure.
Version 1.7VersionThu Aug 02 2012Modified
SN_iPad_3.0_Wireframes_ v1.7_080212.graffleFile NameTheSportingNews iPad AppProduct
Client SportingNews.com
Mohit SantRam / Christian Bovine/ Omnigon Communications, LLCAuthor
SportingNews.comNavigation Model
NOTES:
YOUR SN PROFILE DOWNLOAD EMAIL TWITTER FACEBOOK HELPAPP SETTINGS
SCORESMY TEAMSNAVIGATION LIBRARYSTANDINGS STORE
SN COVER CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT
SHARINGBUMPER YOU
TAP
SWIPE
BUMPER
1.0) NAVIGATION MODELUnique gestures can reveal additional layers of content within the SN iPad app.