Challenge Summary
Welcome to the CS-STEM Tips and Trivia Wireframe contest. For this contest we want you to create the additional features of the CS-STEM wireframe.
The DARPA CS-STEM project an internet platform for helping middle school and high school students (13-18 year old demographic) develop an interest in the S.T.E.M. fields. The platform features contests, activities, prizes and web-based entertainment shows designed to get students engaged.
For more information about the project, please visit the following pages:
Main DARPA CS-STEM page | DARPA CS-STEM blogs | DARPA CS-STEM general forums
Round 1
All of the listed requirements and any notes for client review
Round 2
All of the listed requirements and any notes for client review
Primary Goal & Design Considerations
For this contest, you will make additional pages and features to the wireframe that will hold tips and trivia of the site.
Requirements
The goal of this contest is to update the provided wireframe. You are asked to add the additional pages and features outlined below.
1) Tip/Trivia Dock
- We want "Did you know?" and "Interesting Tip" blurbs to appear unobtrusive throughout the site, this header can be a text or an icon with a tooltip on it.
- this tip or trivia should show a sentence or two
- the text should be clickable that when clicked it will launch a modal window overlay (see Requirements #2 for the details of this modal overlay)
- this feature should appear on the sides of the screen OR docked to some elements or structure
- these tips will randomly appear on any of the 5 pre-configured location on the screen, you need to simulate and show these 5 pre-configured location on your wireframe, this can be done by simply assigning different location on 5 different page.
- these tips should NOT obstruct the page content
- add a way to close a tip with one click only and without opening the tip/trivia
2) Tip/Trivia Modal
- this modal overlay window will contain a preview of what the tip is about
- this window will also contain a "Read More" button that when clicked it will display the Tip/Trivia page
3) Tip/Trivia Page
- this page will show the full content of the trivia
- this page will also contains forum feeds associated with it
- the forum feeds are linked to the actual forum threads
- there should be also a button that will linked to the forum thread
4) All Tips/Trivia Page
- add a new top navigation next to Activities, Contests, etc, called "Did you know?"
- this page will list out all the tips/trivia that are appearing on the site
- this page will also have its own Forum
- you need to show also the forum feeds from the individual tip/trivia page
Important: Do not DELETE any old page as they will be needed in the future build.
Judging Criteria
Your submission will be judged on the following criteria:
- How well your wireframes provide a consistent user flow
- How well you implement the required data and any suggestions, interactions and user flow you recommend (provide any notes or comments for the client)
Submission & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
All Requested Contest Requirements stated above.
Source Files
Wireframes should be built in Axure. The resulting files should have generated HTML files. Also, all the content must be listed and the pages are linked together to show page flow.
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.