NASA Cognitive State Determination UI Design Challenge

Welcome to the “NASA Cognitive State Determination UI Design Challenge''! The scope of this challenge is to create a responsive minisite for the NASA challenges, that will be hosted on Topcoder in the next months. In this project we’re looking to create a system that determines an astronaut’s cognitive state in real time, which will be used in the training missions. Topcoder plans to run a challenge series for this project

CHALLENGE OBJECTIVES

• Responsive Web Application
• To create 2 screens (desktop + mobile)
• To provide complete information about the challenges NASA that will run on Topcoder
• Blend Topcoder and NASA branding as this will be public-facing for both Topcoder and NASA marketing teams to use

Round 1

Submit your initial design for a Checkpoint Feedback:

• Landing Page Cognitive State Determination (Web)

Round 2

Submit your Final Design plus Checkpoint Updates:

• Landing Page Cognitive State Determination (Web + Mobile)

PROJECT OVERVIEW

• The purpose of this page is to have one place where the data scientists (marathon match) competitors can find all they need to know about the NASA Cognitive State Determination challenges that will be run on Topcoder. We are only looking for a simple single page that will fit all the information related to the event (as listed below).
• Both NASA and Topcoder marketing teams will use this page to promote it in their communities to increase awareness and participation
• The information should be easy to scan at a glance so the readers can quickly get a good understanding of the problem

USER STORY

• Name: Mike
• Occupation: Topcoder Data Scientist Competitor
• Goals:     
  • Quickly learn about this new exciting project from NASA     
• Frustrations:     
  • Can’t find all the information about the challenges in one place
• Wants:     
  • A page to learn fast and stay updated on these new NASA data science challenge

AUDIENCE

• Topcoder Data Science members who wish to compete on the NASA Cognitive State Determination Challenges
• NASA Marketing team and their community who are following along
• Anyone online who might be interested to read about this interesting challenges
• Users will land at this page, either from social media or an email marketing campaign

GLOSSARY

• Cognitive Load: is the amount of information that working memory can hold at one time. A high cognitive load means there is a lot of mental power to process the data  and store the information and our capacity to draw connections with our memories diminishes. There can be 3 types of cognitive loads: easy, medium and high.

PROJECT BACKGROUND
It is important to provide astronauts with the best training and real time operations support tools. As missions move away from near-earth orbit to Lunar and subsequently Mars missions, the ability to carry out autonomous missions becomes critically important. Having the absolute best training for these types of missions is very important. An important and innovative method to improve training is to develop a system that determines an astronaut's cognitive state in real time. For many of the activities that the astronauts perform, the same training is provided to all  crew members months ahead of their Mission.

NASA seeks a system that provides real-time operations support that is optimized and tailored to each astronaut's psychophysiological state at the time of the activities and which can be used during the training leading up to the mission to significantly improve human spaceflight operations. The new system that will be created, will get data from various sensor devices and will use that data to predict the cognitive load of the astronauts. The devices are wrist band, chest band, head band, VR glasses, etc. and the cognitive load could be low, medium or high. For the Topcoder challenges, the data from such devices will be provided.

Topcoder will run a short series of challenges to make this system. Using several biometric sensor inputs, we will create a system that categorizes a trainee’s cognitive state in real time.

To sum it up:

• This is an Integrated system that correlates a person's bio-streams to person’s cognitive workload
• Sensor data will be combined and used to predict an individual’s cognitive state no less than 3 seconds in the future based on their current state
• We will also create pre-processing algorithms that transform the data from their “raw” state to something that can be ingested by the correlation software that will be developed

DESIGN GOAL & PRINCIPLES

• Simple and clean design over complex and flashy
• Content hierarchy - think about the priority of information. What are the most important things for the user? The user should be able to check this page and easily understand what the program is about and what information is available.
• Topcoder and NASA branding are mandatory

SCREENS REQUIREMENTS
Landing Page / Minisite:
In this challenge we need to design a page for the NASA Cognitive State challenge series. This page will contain all the important information a person needs to know to start competing. The landing page will live under the Topcoder site, so you can reuse the Topcoder navigation and footer.

The landing page will have to include the content for the following sections:

1. Overview
2. Details
3. Leaderboard
4. How to Participate?
5. Resources

Description and sample content for each section:
1. Page title “NASA Cognitive State Determination”; Tagline: “Over $55,000 in prizes!!!”
2. Overview:
Identify and predict astronaut trainee’s cognitive state under pressure! We are developing an algorithm that uses biosensor information to identify an astronaut’s cognitive state, and predict what it might be in the near future to help prepare them for space missions.  If you’re not already a Topcoder member, register for free here to take part.

3. Details
Challenge Information:

• Data Science Sprint (Streaming Raw Sensor Data): November 10-15, 2021
• Marathon Match (Cognitive State Classification & Prediction): December 12 - 25, 2021
• Data Science Sprint (Reduced Sensor Output & Improve Accuracy): January 3 - 30, 2022

Prize Structure
You can use a simple table representation to show the prizes or anything else you see fit.

• 1st place: $12,000
• 2nd place: $10,000
• 3rd place: $10,000
• 4th place: $8,000
• 5th place: $5,000
• 6th place: $4,000
• 7th place: $3,000
• 8th place: $2,000
• 9th place: $1,000
• 10th place:$500

4. Leaderboard
The leaderboard will show the top 10 developers who have placed in these challenges. For each developer we should show rank, handle and score.

5. How to Participate?
All you need to do to be a part of this challenge is this:

1. Be a Topcoder member. It’s quick and free to sign up here.
2. Find the challenges to participate in here.

6. Resources
This section will have several useful links and videos for members to learn more about Topcoder and the NASA Comet Detection. We’ll continue to add great content here to help you be successful.

Topcoder Resources:

• What are Topcoder challenges?
• How to win Topcoder Data Science Challenges

NASA Resources:

• MATB (note: this tool will be used to put trainees go through it)
• NASA Software, Robotics, and Simulation Division

We’d like to have at least 5 bullet points for each section so feel free to add other links.
--
If you have any other ideas about how to make this page better, we’re excited to see them! You are also free to play with the order of the content, the content is just for reference.

DEVICE SPECIFICATIONS

• Desktop: width: 1440 px x height as much as needed
• Mobile (responsive application): width: 320 px x height as much as needed. You should export your designs for presentation and in Marvel at 2X.

BRANDING GUIDELINES
In this challenge you should follow both Topcoder and NASA brands. What does this mean to you?

• Follow Topcoder branding for font typography, buttons, image usage, layouts.
  • Branding guidelines about Topcoder typography can be viewed here (use Barlow Condensed and Regular font for the headings and Roboto font for the paragraphs)
  • Download the Topcoder GUI KIT from here (Sketch only) or check elements in the Marvel project shared above.
  • Content width should be 1280px or 1024px as shown here
• Follow NASA branding for colors, visual story and theme. You can use their guidelines from here.
• Download the NASA logo from here.

Important to know:

• We have previously run similar projects for our customers like you can see here for Alef or Streamflow Forecast Rodeo so you can use those landing pages as inspiration in big lines.
• Note: our brand is adjusting, meaning that we are moving away from large spacings between sections and lots of large images which end up adding too much scrolling for the user, so we would like to show the information in a compact format. Good examples of pages that are like this are Alef, Start and Learn pages. One thing to keep in mind is to keep the color of the buttons as they are for the site now as they are not changeable.
• In addition, the majority of the users are laptop users so look to show as much useful information as you can above the fold for laptop size (768px).

STOCK ART

• Stock Photos are allowed but only from the websites with photos free for commercial use from those allowed by Topcoder (Public Domain Archive, Pexels and Unsplash). You can also use any photos from the NASA Site.
• Icons: we will share them on forums. Only Streamline icons are allowed or those taken from the GUI KIT.

FINAL DELIVERABLES
Create an archive with all 4 items below:

• An archive called Source.zip file to include:
  • All original vector source files created in Sketch, XD, Figma,etc.
•  An archive called Submission.zip file to include:
  • All your design files in PNG or JPG format
• Your declaration files to include any notes about fonts usage and your Marvel prototype link
• Create a JPG preview file of 1024 x 1024 px