Challenge Summary
Welcome to the AppXpress Scenarex Adventure Book Navigation Design Challenge.
For this challenge is we are looking for you to create navigation solution for Scenarex Adventure Book inside iBook application.
In this challenge we are looking for DESIGN CONCEPTS on how navigation works for Tablet/Mobile Application could work. What should the user see and experience when navigating the page?
Round 1
Initial Submission for our review Tablet Screen Size only:
Screen 1: Decision Point
Screen 2: App Purchase Decision Point
Screen 3: Previous and Next Navigation
Screen 4: Social Network Share
Screen 5: Bookmark
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Round 2
Final Submission with updated checkpoint feedback for these following pages in Tablet/Mobile Screen Sizes:
Screen 1: Decision Point
Screen 2: App Purchase Decision Point
Screen 3: Previous and Next Navigation
Screen 4: Social Network Share
Screen 5: Bookmark
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Our client would like to see what the Studio community can come up with in regards to suggest design solution for Scenarex Adventure Book Navigation based on the provided specification.
We are looking for the Studio design Community to help us with planning out the look and feel and also make suggestions to the User Experience.
Branding Guidelines:
- Color Theme: Follow Scenarex Logo Color Theme (Scenarex-logo.eps)
- Fonts: Up to Designers
- This navigation will build using iBook app. Check these following pages to get familiar with iBook App Development:
-- https://www.apple.com/ibooks-author/
-- https://www.apple.com/ibooks-author/gallery.html
Screen Sizes:
- Tablet Retina Screen Size: 1536px x 2048px
- Mobile Retina Screen Size: 750px x 1134px
FYI: Refer to Checkpoint and Final Round requirements for Screen sizes needed for your submission!
User Flow
Refer the attached Scenarex Adventure Book Navigation.pdf
Step 1
- User select the “iBook” application
Step 2
- If he does not have one in his library, user can buy books (made with Scenarex tool) in the “Apple Store”
- User chose an adventure book (made with Scenarex tool) in his library
Step 3
- User read through the story until he reaches a decision point. By default, there is a decision that is selected.
- The text that follows the decision point is the text of the defaulted decision. The user can decide to continue reading with the defaulted decision or
Step 4
- He can decide to take another decision by selecting the one he prefers.
- In the case the user selects another decision the text of the story will automatically change base on his decision.
Step 5
- Some decision can be marked as locked, meaning that the user will have to pay an extra fee to be able to select that decision. It is the same concept as “in Application” purchase. When selecting these decision, the user will be prompt to check if he wants to purchase it.
Step 6
- User continue his reading of the story, base on his decision, until he reaches another decision point. By default, again, there is a decision that is selected.
Step 7
- User can again select a decision and continue his reading of the story, but he can also select the “Go-To Previous” decision point, an option available in any made by Scenarex books and available at the top of each pages.
Step 8
- The user can also select the “Go-To Next” decision point, an option available in any made by Scenarex books, in order to jump to the next decision point of the story.
Step 9
- The user continues his reading of the story and takes the decisions along the way until he reach the end of the story.
Step 10
- The user can share, on his preferred social network, the decision path he took to reach this specific story ending, because there could be many different story ending, in a book made by Scenarex, depending on the decisions made along the way
Design Screen Requirements
Screen 1: Decision Point
- User can make a decision (at a decision point) in the story in order to change the storyline.
- Decisions options could be of many forms! It could be a single line, but other options in terms of presentation could be presented as well.
- Also, there could be a random option as well, so the user does not choose himself.
Screen 2: App Purchase Decision Point
- Some decisions are only available if the user pays an extra fee (similar to in app purchase)
- Think about how App Purchase screen decision look, suggest friendly way to inform the user
- Need ability to hide/close the App Purchase Decision
Screen 3: Previous and Next Navigation
- User can jump backward and forward to the previous or next decision point
Screen 4: Social Network Share
- User can share on his preferred social network the path he took to reach one specific ending (there could be more then one ending in a story), he can also share where he during the reading.
- Create your own design for each social network icons
Screen 5: Bookmark
- User can save his progress when closing the book so he can return to this point when opening back the book
- Think about how user access the saved progress at first time load the book.
- We would like a feature where the user save his progress and has a dropdown menu of some sort to check visually the different path he has saved. It's a type of bookmark but with a different visual effect so the user can easily go back to a specific path he had done previously.
Target User:
Any person who would like to read a good story and interact with it!
Judging Criteria:
- How well you plan the navigation user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Your design should be possible to build into iBook application
Submission & Source Files:
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.