Thr Sphinx - IA
-
Upload
laura-cortes -
Category
Documents
-
view
213 -
download
0
description
Transcript of Thr Sphinx - IA
The SphinxWIREFRAMES – The Sphinx
VERSION 1.0
THIS DOCUMENT HAS BEEN PREPARED FOR LIMITED DISTRIBUTION.
THIS DOCUMENT CONTAINS MATERIALS AND INFORMATION THAT The
Sphinx AND Laura Cortes CONSIDERS CONFIDENTIAL, PROPRIETARY
AND SIGNIFICANT FOR PROTECTION OF ITS BUSINESS.
December 1, 2012
The Sphinx
3Document: Mobile WireframesLast Edited: 11/28/2012 Author: Laura Cortes
0.0 Common elements
Carrier
12:00 PM
Page Notes
1.0 LogoThe Sphinx logo should go here.
2.0 TaglineThe tagline should go here.
3.0 About ButtonButton to access about page.It takes the user to page
4.0 Playlist Progress bar This bar indicates which content is being accesses. If the user unlocks the content the bar should become active. If not the bar remains inactive
4.1 Progress bar - activeWhen the user unlocks the content the bar should change colour.
4.2 Progress bar – inactiveIf the user fails to unlock the content the bar should remain the same colour as before.
5.0 Riddle [1]Button to access riddle pop-up. See page
6.0 Content [1]Content to be unlocked by the user after solving the
precedent riddle.
6.1 ImageThumbnail image related to the content to be unlocked.
6.2 TitleTitle related to the content to be unlocked.
6.3 DateDate when the content was posted.
7.0 Riddle [2]Button to access riddle pop-up. See page
NOTE: To access the remainder content the user
needs to swipe on the bottom bar.
?Logo
Tagline goes here
Rid
dle
1 Content 1
10.11.2012 Rid
dle
2
1.0
2.0
3.0
5.0
4.1 6.4
6.2
6.3
4.0
6.1
6.0
The Sphinx
4Document: Mobile WireframesLast Edited: 11/28/2012 Author: Laura Cortes
1.0 Landing Page
Carrier
12:00 PM
Page Notes
?Logo
Tagline goes here
1.0 Video Player - YoutubeTeaser video should be loaded on the landing page. The player from Youtube should be embeded.
2.0 Close buttonThis button should close the content.
3.0 TitleTitle for the content to be displayed.
4.0 Facebook share button Button to share content on the user’s Facebook page.
5.0 Twitter share buttonButton to share content on the user’s Twitter page.
6.0 Progress bar – inactiveCopy related to the content to be displayed.
7.0 Playlist buttonWhen content us loaded on the page the playlist bar should collapse and it’s place should appear a button to access the
playlist.
2.0
Title F T
Lorem ipsum dolor sit amet,
consectetaur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et
dolore magna aliqua.
3.0
4.0 5.0
6.0
1.0
7.0
The Sphinx
5Document: Mobile WireframesLast Edited: 11/28/2012 Author: Laura Cortes
2.0 Riddle, Video, Image
Carrier 12:00 PM Carrier 12:00 PM Carrier 12:00 PM
Screen Notes Screen Notes Screen Notes
?Logo
Tagline goes here?
Logo
Tagline goes here?
Logo
Tagline goes here
RIDDLE1.0 Riddle content
1.0 Chances bar. The bar should be full. Every time the user answers wrongly the bar should become a different colour.1.0 Chances bar. The bar should be full. Every time the user answers wrongly the bar should become a different colour.3.0 ContentRiddle text.4.0 Insert text boxThe user should type the text here.5.0 HelpWhen the user reaches the final chance this button should become active. When tapped a pop-message should appear with the answer for the riddle.
VIDEO1.0 Video Player - YoutubeRefer to Page 1.0 Landing Page for functionality notes
IMAGE1.0 ImageImage content.
Title F T
Lorem ipsum dolor sit amet,
consectetaur adipisicing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua.
Title F T
Lorem ipsum dolor sit amet,
consectetaur adipisicing elit, s
Riddle 1 ?
Lorem ipsum dolor sit amet,
consectetaur adipisicing elit, sed
do eiusmod tempor incididunt ut
labore et dolore magna aliqua.
Enter Text Here
Submit
#5 chances
2.0
7.0
1.0
5.0
3.0
6.0
4.0
1.0
1.0
The Sphinx
6Document: Mobile WireframesLast Edited: 11/28/2012 Author: Laura Cortes
3.0 Help, About
Carrier 12:00 PM Carrier 12:00 PM
Page Notes
?Logo
Tagline goes here
?Logo
Tagline goes here
1.0 Video Player - YoutubeTeaser video should be loaded on the landing page. The player from Youtube should be embeded.
2.0 Close buttonThis button should close the content.
3.0 TitleTitle for the content to be displayed.
4.0 Facebook share button Button to share content on the user’s Facebook page.
5.0 Twitter share buttonButton to share content on the user’s Twitter page.
6.0 Progress bar – inactiveCopy related to the content to be displayed.
7.0 Playlist buttonWhen content us loaded on the page the playlist bar should collapse and it’s place should appear a button to access the
playlist.
Rid
dle
1 Content 1
10.11.2012 Rid
dle
2What is The Sphinx?
Lorem ipsum dolor sit amet,
consectetaur adipisicing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua.
Lorem ipsum dolor sit amet,
consectetaur adipisicing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua.
Rid
dle
1 Content 1
10.11.2012 Rid
dle
2
Riddle 1 - Solution
Lorem ipsum