Challenge Summary
The goal of this challenge is to create ideas and inputs for a follow-up UI Design Challenge in the Autocognita project.
We are looking for you to look over the requirements, our proposed features and put together concepts around a learning path for low-literacy adults, these will become input into the upcoming UI challenge.
Welcome to this exciting project! Don't hesitate to ask any questions in the forum. Best of luck.
Round 1
Submit your notes and designs for a checkpoint feedback.- Please provide a MarvelApp Presentation (see details below).
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Round 2
Submit your notes and designs for a final round including feedback from checkpoint.- Please provide a MarvelApp Presentation (see details below).
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
The purpose of this challenge is to serve as a precursor to a regular UI design challenge or series of challenges. We are looking for visual assets and resources that will become inputs into the following design challenge(s). These items could include, but are not limited to: user flow diagrams, sketches, quick wireframes of specific or potentially complex screens, UX research and best practices documentation and user profiles.
We are intentionally leaving things a bit broad as we want you to analyze the high-level concept and requirements of the application / project, prose and produce what assets and inputs would be the most useful for the UI designers and to help approaching the learning experience of this application.
Background
Autocognita is a UX-driven learning app that teaches low-literacy adults core reading skills - phonics, words, sentences, reading fluency and comprehension - through individualized learning paths and user engagement tools.
The main goal behind this application is to help millions of low-literacy adults acquire the reading skills needed to lead a fulfilling life. Users will learn anytime, anywhere with this mobile app.
We like the UX around duolingo (language learning app) and we think it can serve as inspiration within the context of our own project.
As a final note, we are a semi-finalist in the Global Learning XPRIZE and one of five finalists in the Adult Literacy XPRIZE. Our existing app can be found in the Google Play Store if you would like to see real usage but take this as a rough reference only since we are looking for an optimized new experience: https://play.google.com/store/apps/details?id=com.autocognita.alxp
Resources
Find the available documentation in the following Drive folder - https://drive.google.com/open?id=14L_GrzAbAfiCVoZ4OMHyo48Mpb6-Jv52.
1. Brief: explains how the application works through notes, task flow and rough mockups.
2. Curriculum: contains a real example of data for the application content. The file shows a high level outline listing the Units, and then describes the lesson content for the lessons of each unit. This is a pedagogical view of the lessons. Note that we are using the hierarchy of Level > Unit > Lesson. In Level 0, we have the Alphabet and Phonics 1-4 units. This is then followed by Level 1, Level 2 and Level 3, each containing units teaching specific categories of knowledge.
3. ALXP Designing For Adult Learners: guidelines and best practices for designing considering this specific target audience.
4. Applying Adult Learning Theory: conceptual strategies for approaching solutions for adult learners.
5. Persona: initial persona description.
6. Lessons: content guiding sample through certain types of lessons to be taught.
Application Features
The below requirements MUST be incorporated into your design somehow. Remember to think about and design user flows and UX. Our main focus for this competition is to think of the learning experience of the user. We are teaching new concepts to people with certain disabilities. We need your valuable input about how to approach them, about how to deliver a lesson (only one - you choose).
Out of scope for this competition (just for context): login, instructions, welcome/onboarding, navigation, ads, progress, placement test, test out result.
In scope (what you need to think and design about):
1. Register
- User should be able to register to the app. It’s mandatory to be registered in order to be able to use the app.
- There’s a design problem, our audience is not used to this type of interaction media (phone). How can we approach a registration workflow for the user to complete the sign up considering their capacities?
- Email and password as data is ok to be asked, but how? it might be complicated to them. It is also possible that our target audience may not even have email, and do not understand what to do with passwords. Figuring out a way to make this easy, and still fulfills our requirement that the app knows which user is using the app at any time, is an important design challenge.
2. Lesson intro
- User should be able to see what a lesson is about.
- User should capture what rewards are available and what skills will be learned.
- We suggest you to choose only one lesson and work through it to showcase this experience (6. Lessons.pdf).
3. Lesson flow
- User should be able to interact with the screens to complete a lesson.
- Showcase what are the steps for the user to complete the lesson, how they touch/tap the screen, how the UI reacts, and so on.
- We need you to think/design the actual learning experience, what the user sees, hears, says, touches, etc. in what screens and in what sequence. For example, in order to read the word ‘chip’, user needs to understand that the letters ‘ch’ make the /ch/ sound, the letter ‘i’ makes the /i/ sound, and the letter ‘p’ makes the /p/ sound. This concept, that letters or combinations of letters represent spoken sounds and that these sounds can be blended into words needs to be reinforced through a variety of activities.
- A lesson contains activities to teach the concept meant in the lesson (phonetics, alphabet, etc). The lesson flow should consist of teaching the user one concept such as ‘ch’ in the example. Show us how several activities would help the user learning the concept such as build, match, fill, to teach the mentioned ‘ch’ sound.
- Think about the challenges behind this task which might seem plain simple to you (if you are not a low-literacy adult). Image a person for whom the word 'chip' is not instantly recognizable. The challenge for you will be to recognize that the simple act of reading words is not so simple after all. Even if you learn that letters represent spoken sounds, image trying to read the word 'once'.
4. Lesson complete
- User should see a summary of the completed lesson.
- User should see in a glimpse what she learned.
- User should see badges and certificates (gamify) obtained by completing this lesson.
- What’s next? What can we offer the users to keep engaged within the learning experience?
Competition Deliverables
What we are NOT looking for:
- UI Designs
- Full wireframes of every feature, screen, and user flow.
What we are looking for:
It is not required that you create all of the following assets, these are just examples of the types of assets that we are expecting to see.
Rough Wireframes of individual complex screens or user flows
https://jianilu.files.wordpress.com/2013/01/wireframes_revised5.jpg
User Flow/ Process Diagrams
https://d2slcw3kip6qmk.cloudfront.net/marketing/blog/2017Q1/SSOFlowLoginandSignup.png
https://d2slcw3kip6qmk.cloudfront.net/marketing/blog/2017Q1/UserJourneyFlowTutorial2.png
Experience Map
http://www.uxforthemasses.com/wp-content/uploads/2014/08/Example-experience-map-2.jpg
http://www.uxforthemasses.com/wp-content/uploads/2014/08/Example-experience-map-3.jpg
Deliverable Formats
We are open to whatever format makes sense:
- PDFs
- JPGs
- Axure files
- MarvelApp link
- Etc.
Target Devices
Android phones.
Target Audience
Low-literacy adults who wish to learn how to read.
MarvelApp Presentation
- Request a MarvelApp prototype from me (mahestro@copilots.topcoder.com).
- Do not use the forums to request for MarvelApp.
- Provide clickable spots (hotzones) to link your screens and showcase the flow of the solution.
- Provide the MarvelApp shareable link in your notes during submission upload. See example.
Stock Artwork (Illustrations, Icons, Photography)
- Stock artwork is allowed for this challenge.
- Make sure to declare all your assets properly or you might fail screening.
- You don’t want to fail screening? Read this.
Judging Criteria
- Execution of your deliverables.
- Usefulness of the deliverables as it relates to the requirements and UI challenge.
- Thoughtfulness of the deliverables.
- Interpretation of the user experience.
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 all JPG/PNG screens, PDFs, notes, etc, for your submission files.
Source Files
All source files of all graphics and deliverables
Final Fixes
As part of the final fixes phase, you may be asked to modify your deliverables
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.