Challenge Summary
Welcome to GE Foundation - Brilliant Career Labs Web Application Design Refinements Challenge!
The goal of this challenge to is to take the existing designs and design out new question input styles. We have content documents completed that outline the questions and general question input styles. We are looking for your help in designing out a series of question input “templates” that we can use for future activity modules and questions.
Do be successful in this challenge you MUST use the existing designs and input and as general design guidelines. We are not looking for new concepts or design styles, just ways to handle the new content that MATCH the current designs. Good luck and ask questions in the forum.
Round 1
Checkpoint:
- App Module 1 - Activity 1: Words That Describe Me
- App Module 1 - Activity 2: A Portrait of Yourself
- App Module 1 - Activity 3: Setting Priorities About Values
- App Module 1 - Activity 4: Basic Human Needs
Round 2
Finals:
All question designs and feedback from checkpoint review included
- App Module 1 - Activity 1: Words That Describe Me
- App Module 1 - Activity 2: A Portrait of Yourself
- App Module 1 - Activity 3: Setting Priorities About Values
- App Module 1 - Activity 4: Basic Human Needs
- App Module 1 - Activity 5: Responding to Change
- App Module 2 - Mini Lesson 1
- App Module 3 - Activity 1: Effective Job Search Strategies
- App Module 3 - Activity 1 Continued: Effective Job Search Strategies
- App Module 3 - Activity 6: Sample Resumes
Background Information:
As GE relocates their Headquarters to Boston, there is an opportunity for the GE Foundation to partner with the Boston Public Schools (BPS) high school system through its Developing Skills™ Initiative. Developing Skills™ in Boston will empower all Boston Public School high school students to become globally productive citizens by providing access to learning experiences necessary for the workforce of tomorrow.
The GE Foundation will launch the GE Brilliant Career Labs in both physical and virtual form, with the goal of reaching every Boston Public High School student to clearly link the education skills of today with the careers of tomorrow. The GE Brilliant Career Labs will be the first-of-its-kind interactive experience to prepare students for the innovative industrial jobs of the future. The physical and virtual labs will be high-tech places for youth to discover, invent, design, develop and create. The student learning experiences will also be driven by the changing global economy and the needs for a skilled workforce. In essence – we will link a local school district to the global community. The GE Brilliant Career Labs will be high-tech innovation centers dedicated to increasing the students’ STEM awareness about expertise needed in the next generation of the workforce globally. The Labs will be focused on empowering youth through exploration and creativity, while having them see and imagine what’s coming in the future. The Labs are designed for students to explore various career path ways and understand the skills needed for jobs in STEM fields.
This application will incorporate publicly available information with learning modules to teach soft skills and methods needed to stand out from the rest in today’s workforce.
Screen Sizes:
Desktop Resolution: Design for 1280px width and height as required.
- Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp!
- Use the existing designs as your guide for screen sizes
Branding Guidelines:
- Use the existing designs as your MAIN source of design and branding input. Your designs should MATCH the current designs.
Design Goals:
- Take the existing designs and expand upon them
- Incorporate the questions and answering mechanism from the content documents
- Match and follow the existing designs and layouts
Required Content:
- We are just focused on designing “templates” for the kind of questions and input styles/ mechanics that will be used most often.
- This is only a small sample, so make sure that your design layouts become flexible and able to handle different questions BUT the underlying structure still remains the same
- We are focusing on 6 question types:
01 Word Selection/ Multi-Selection
02 Fill in the Blank
03 Ranking/ Sorting
04 Flashcards
05 Slider/ Ratings/ Levels
06 True False/ Selection
App Module 1 - Activity 1: Words That Describe Me
- Word Selection/ Multi-Selection Question
- This section is largely complete in the existing designs
- Need to include the “Mr. X” Framing Instructional Language” at the start of the Activity 1 question. This can be a minimal design with maybe just the profile pic of Mr. X in a circle with the text next to it
- Need to make a “Speech bubble” next to all of the Mr. X text throughout the entire app
App Module 1 - Activity 2: A Portrait of Yourself
- Fill in the Blank Question
- Follow content and existing design structure/ template for the questions
App Module 1 - Activity 3: Setting Priorities About Values
- Ranking/ Sorting Question
- Maybe an interactive click and drag sorting functionality
- Reorganize/ rank the words based on the user’s values
- Will need to add ? icons or something that open tooltips that explain the description text for each word (look at App Module 2 - Activity 2: Emotional Intelligence Growth Plan for an example)
App Module 1 - Activity 4: Basic Human Needs
- Flashcards Question
- Front of card shows description/ need
- Back of card shows the question with space to type a short answer by the user
- Should have some kind of button, arrow, indication that the user needs to “flip” the card over to complete that card.
- Can show all 6 “cards” at once if possible, but we are open to your ideas.
App Module 1 - Activity 5: Responding to Change
- Slider/ Ratings/ Levels Question
- User slides an indicator to show what side that relate to most, for example; bad vs. good
- Easy and quick interaction
- Will need to add ? icons or something that open tooltips that explain the description text for each word (look at App Module 2 - Activity 3: Personality Preferences Assessment for an example)
App Module 2 - Mini Lesson 1
- The mini lessons are unique pieces of content, different than the questions
- Design the best user experience for how to display the content in the document WITHIN the current question/ answer layout/ structure.
App Module 3 - Activity 1: Effective Job Search Strategies
- True False/ Selection Question
App Module 3 - Activity 1 Continued: Effective Job Search Strategies
- True False/ Selection Question
- Should follow same layout/ input method as App Module 3 - Activity 1: Effective Job Search Strategies
- Break up the questions into the 4 sections shown in the content document: 1 Networking, 2 Research and Contact Target Employers, etc.
App Module 3 - Activity 6: Sample Resumes
- This is a new question input style
- We are open to your ideas and concepts
- The goal is to make sure the user knows what a good resume looks like and that all of the required information is included
Supporting Docs:
- Content Documents: https://drive.google.com/file/d/0B6kvOdxpqnKMVEx3YVhqOURwQjA/view?usp=sharing
-- App Module 1 Content (APP Module 1 – Understanding Yourself dl edits.docx.zip)
-- App Module 2 Content (APP Module 2 – Understanding Others dl edits.docx.zip)
-- App Module 3 Content (APP Module 3 – Presenting Yourself dl edits.docx.zip)
- Final PSDs: https://drive.google.com/folderview?id=0B6kvOdxpqnKMbGFkYTJ0RlpDRUk&usp=sharing
Important:
- Keep things consistent. This means all graphic styles should work together.
- All of the graphics should have a similar feel and general aesthetic appearance
- Aim to make as game-like/ interactive as possible
Target Audience:
- The target age group is high school age students (14 to 18 years of age) looking to enter college for their desired career.
Judging Criteria:
- How well your design match the current designs and general user mechanics/ UX
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
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.