Challenge Summary
Welcome to Living Progress - OER Commons - iOS Mobile App Design Challenge!
There are tens of thousands of high-quality open education resources available via the Internet yet for the hundreds of millions of mobile equipped would-be teachers and learners the discovery and adaption of those resources lack mobile optimized services. This project will create iOS and Android mobile apps to enable millions of educators and learners discover, remix, and share open teaching and learning content on demand with their classrooms, study partners, and social networks. This will enable educators and others to curate high-quality content by drawing from the digital public library, OER Commons, and its expertly curated collections of content that is not only free, but legally open to remix and distribute in any learning and social network.
Previously we ran a wireframe challenge to build the screens needed for this tool and you will be provided with the wireframes we built.
Note: Please do not submit a colored version of wireframes as they are just meant to guide you, outline necessary screens, and further explain the application basics. You are highly encouraged to enhance the wireframes with your own design style / ideas / solutions during this design challenge.
This challenge is part of the HPE Living Progress Challenge Blitz Program (Secure top placements in the leaderboard to grab additional cash prizes).
Good luck and we look forward to your design!
01 Sign In Page.
02 Signup Page.
03 Student Dashboard.
05 Author new resources.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
01 Sign In Page.
02 Signup Page.
03 Student Dashboard.
04 Educator Dashboard.
05 Author new resources.
06 Remixing existing resources.
07 Style Tile.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Challenge Description:
The goal of this challenge is to create iOS and Android apps that extend and build on the open educational resources discovery, authoring and sharing functionality of the existing OERCommons.org service. In this challenge we will focus on iOS.
The added value of this solution:
- Simplifies access and mobilizes the digital library for educators.
- Supports just in time and on the go discovery and exploration of learning opportunities.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Notes:
- This is going to be both iOS and Android app, but in this challenge we will only focus on iOS app.
-- Mobile view (Mobile Resolution: Design for iPhone 6S Display 750px x 1334px).
- Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp!
- Feel free to suggest any tools/functions that can bring good User Experience for this tool.
- Please follow https://www.oercommons.org/ brand and colors and UI Kit we provided.
User Stories:
- Students and learners of all kinds, educators, teachers, librarians, parents, homeschoolers.
-- Students and learners will use the apps to search for and discover free and accessible education resources about the subjects they want to learn about, and share them broadly among their social networks, such as Facebook, Twitter, LinkedIn, etc. All user roles should be able to share.
-- Educators, teachers, librarians will use the apps to discover and curate learning resources they can then share with students. They can also use the apps to author and remix educational resources and contribute them to the wider educational commons.
-- Parents and homeschoolers, and other informal educators will use the apps to learn about educational resources that have been evaluated and curated by experts and provide quality learning experiences for the students and learners they are supporting.
Different users will access different functionality:
- Students and Learners:
-- Discover education resources.
-- Share resources via social media.
-- Rate and evaluate resources.
- Educators, Teachers, Librarians:
-- Author new education resources.
-- Remix existing resources.
-- Curate resources on the platform.
- Parents and informal educators:
-- Discover education resources.
-- Share resources via the platform.
Required Features:
- Search (by subject, grade level, language, platform & standards).
- Author new resources - enter and upload text and media into templates.
- Share resources via social media.
Required Screens:
01 Sign In Page:
- Please refer to login.html
- App name: OER Commons.
- Username.
- Password.
- Forgot password link.
- Remember me checkbox.
- Sign in button.
- Sign up button.
02 Signup Page:
- Please refer to sign_up.html
- Here the user the user needs to fill his information:
-- First name.
-- Last name.
-- I am:
---- Student.
---- Educator.
-- Email.
-- Password.
- Accept Terms Checkbox.
- Set up preference view (set_up_preferences.html)
03 Student Dashboard:
- Please refer to student_-_dashboard.html
- We have 3 views:
-- Recommended.
-- Favorites.
-- Recently viewed.
-- If you click on a resource you will go to resource detail view (resource_detail.html):
---- User can evaluate resources (evaluate_resource.html)
---- User can view resources (view_resource.html)
---- User can comment on resources (comment.html)
- We will also have advanced search view (advanced_search.html) and search results view (search_results.html):
-- You can filter the results.
-- You can sort the results.
- We have preferences view (preferences.html):
-- User can change subject preference (change_subject_pref.html).
-- User change education level preference (change_education_level__pref.html).
-- User change language preference (change_language_pref.html).
- We also have favorites view (favourites.html) for all favorite resources.
04 Educator Dashboard:
- Please refer to educator_-_dashboard.html
- We have 3 views:
-- Recommended.
-- Favorites.
-- Recently viewed.
-- If you click on a resource you will go to resource detail view (resource_detail.html):
---- User can evaluate resources (evaluate_resource.html)
---- User can view resources (view_resource.html)
---- User can comment on resources (comment.html)
- We will also have advanced search view (advanced_search.html) and search results view (search_results.html):
-- You can filter the results.
-- You can sort the results.
- We have my items view (my_items.html)
- We have preferences view (preferences.html):
-- User can change subject preference (change_subject_pref.html).
-- User change education level preference (change_education_level__pref.html).
-- User change language preference (change_language_pref.html).
- We also have favorites view (favourites.html) for all favorite resources.
05 Author new resources:
- Please refer to author_new_resource.html
06 Remixing existing resources:
- Please refer to remix_existing_resource.html
07 Style Tile:
- We would like you to create a style tile that will help developers.
- This Style Tile need to have the below at a minimum but feel free to add anything that would help developers
- Explore these references to learn more about style tiles: Reference 1, Reference 2
Links / Buttons Colors:
- Button colors (normal / hover states)
- Link colors (normal / hover states)
Typography:
We would like you to identify and define the list of fonts and the specific color, font size used:
- Headers
- Sub-headers.
- Paragraphs.
- etc.
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
Supporting Documents:
- Wireframes (wireframe.zip).
Target audience:
- Students and learners of all kinds, educators, teachers, librarians, parents, homeschoolers.
Judging Criteria:
- Is the design styled to be appealing and desirable?
- Is the design visually resolved and does it evoke an emotional connection with the user?
- Does the design convey the function and use unambiguously and intuitively
- Does it clearly convey what the app is supposed to let you achieve / what problem it is designed to solve.
- Is the design easy to use and understand?
Stock Artwork:
- Stock Artwork policies: https://help.topcoder.com/hc/en-us/articles/217481408-Policy-for-Stock-Artwork-in-Design-Submissions
- Latest Design Policies: http://help.topcoder.com/hc/en-us/categories/202610437-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.
There are tens of thousands of high-quality open education resources available via the Internet yet for the hundreds of millions of mobile equipped would-be teachers and learners the discovery and adaption of those resources lack mobile optimized services. This project will create iOS and Android mobile apps to enable millions of educators and learners discover, remix, and share open teaching and learning content on demand with their classrooms, study partners, and social networks. This will enable educators and others to curate high-quality content by drawing from the digital public library, OER Commons, and its expertly curated collections of content that is not only free, but legally open to remix and distribute in any learning and social network.
Previously we ran a wireframe challenge to build the screens needed for this tool and you will be provided with the wireframes we built.
Note: Please do not submit a colored version of wireframes as they are just meant to guide you, outline necessary screens, and further explain the application basics. You are highly encouraged to enhance the wireframes with your own design style / ideas / solutions during this design challenge.
This challenge is part of the HPE Living Progress Challenge Blitz Program (Secure top placements in the leaderboard to grab additional cash prizes).
Good luck and we look forward to your design!
Round 1
Submit your initial design for a checkpoint feedback:01 Sign In Page.
02 Signup Page.
03 Student Dashboard.
05 Author new resources.
- If you have time - please provide us with a click map for your design.
- 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 design plus checkpoint feedback:01 Sign In Page.
02 Signup Page.
03 Student Dashboard.
04 Educator Dashboard.
05 Author new resources.
06 Remixing existing resources.
07 Style Tile.
- If you have time - please provide us with a click map for your design.
- Readme.jpg : Provide notes about your submission.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03).
Challenge Description:
The goal of this challenge is to create iOS and Android apps that extend and build on the open educational resources discovery, authoring and sharing functionality of the existing OERCommons.org service. In this challenge we will focus on iOS.
The added value of this solution:
- Simplifies access and mobilizes the digital library for educators.
- Supports just in time and on the go discovery and exploration of learning opportunities.
We are looking for the [topcoder] design Community to help us with planning our new "user experience" (UX).
Notes:
- This is going to be both iOS and Android app, but in this challenge we will only focus on iOS app.
-- Mobile view (Mobile Resolution: Design for iPhone 6S Display 750px x 1334px).
- Make sure you create graphic in 'shape' format, so when we resize graphics will still look sharp!
- Feel free to suggest any tools/functions that can bring good User Experience for this tool.
- Please follow https://www.oercommons.org/ brand and colors and UI Kit we provided.
User Stories:
- Students and learners of all kinds, educators, teachers, librarians, parents, homeschoolers.
-- Students and learners will use the apps to search for and discover free and accessible education resources about the subjects they want to learn about, and share them broadly among their social networks, such as Facebook, Twitter, LinkedIn, etc. All user roles should be able to share.
-- Educators, teachers, librarians will use the apps to discover and curate learning resources they can then share with students. They can also use the apps to author and remix educational resources and contribute them to the wider educational commons.
-- Parents and homeschoolers, and other informal educators will use the apps to learn about educational resources that have been evaluated and curated by experts and provide quality learning experiences for the students and learners they are supporting.
Different users will access different functionality:
- Students and Learners:
-- Discover education resources.
-- Share resources via social media.
-- Rate and evaluate resources.
- Educators, Teachers, Librarians:
-- Author new education resources.
-- Remix existing resources.
-- Curate resources on the platform.
- Parents and informal educators:
-- Discover education resources.
-- Share resources via the platform.
Required Features:
- Search (by subject, grade level, language, platform & standards).
- Author new resources - enter and upload text and media into templates.
- Share resources via social media.
Required Screens:
01 Sign In Page:
- Please refer to login.html
- App name: OER Commons.
- Username.
- Password.
- Forgot password link.
- Remember me checkbox.
- Sign in button.
- Sign up button.
02 Signup Page:
- Please refer to sign_up.html
- Here the user the user needs to fill his information:
-- First name.
-- Last name.
-- I am:
---- Student.
---- Educator.
-- Email.
-- Password.
- Accept Terms Checkbox.
- Set up preference view (set_up_preferences.html)
03 Student Dashboard:
- Please refer to student_-_dashboard.html
- We have 3 views:
-- Recommended.
-- Favorites.
-- Recently viewed.
-- If you click on a resource you will go to resource detail view (resource_detail.html):
---- User can evaluate resources (evaluate_resource.html)
---- User can view resources (view_resource.html)
---- User can comment on resources (comment.html)
- We will also have advanced search view (advanced_search.html) and search results view (search_results.html):
-- You can filter the results.
-- You can sort the results.
- We have preferences view (preferences.html):
-- User can change subject preference (change_subject_pref.html).
-- User change education level preference (change_education_level__pref.html).
-- User change language preference (change_language_pref.html).
- We also have favorites view (favourites.html) for all favorite resources.
04 Educator Dashboard:
- Please refer to educator_-_dashboard.html
- We have 3 views:
-- Recommended.
-- Favorites.
-- Recently viewed.
-- If you click on a resource you will go to resource detail view (resource_detail.html):
---- User can evaluate resources (evaluate_resource.html)
---- User can view resources (view_resource.html)
---- User can comment on resources (comment.html)
- We will also have advanced search view (advanced_search.html) and search results view (search_results.html):
-- You can filter the results.
-- You can sort the results.
- We have my items view (my_items.html)
- We have preferences view (preferences.html):
-- User can change subject preference (change_subject_pref.html).
-- User change education level preference (change_education_level__pref.html).
-- User change language preference (change_language_pref.html).
- We also have favorites view (favourites.html) for all favorite resources.
05 Author new resources:
- Please refer to author_new_resource.html
06 Remixing existing resources:
- Please refer to remix_existing_resource.html
07 Style Tile:
- We would like you to create a style tile that will help developers.
- This Style Tile need to have the below at a minimum but feel free to add anything that would help developers
- Explore these references to learn more about style tiles: Reference 1, Reference 2
Links / Buttons Colors:
- Button colors (normal / hover states)
- Link colors (normal / hover states)
Typography:
We would like you to identify and define the list of fonts and the specific color, font size used:
- Headers
- Sub-headers.
- Paragraphs.
- etc.
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
Supporting Documents:
- Wireframes (wireframe.zip).
Target audience:
- Students and learners of all kinds, educators, teachers, librarians, parents, homeschoolers.
Judging Criteria:
- Is the design styled to be appealing and desirable?
- Is the design visually resolved and does it evoke an emotional connection with the user?
- Does the design convey the function and use unambiguously and intuitively
- Does it clearly convey what the app is supposed to let you achieve / what problem it is designed to solve.
- Is the design easy to use and understand?
Stock Artwork:
- Stock Artwork policies: https://help.topcoder.com/hc/en-us/articles/217481408-Policy-for-Stock-Artwork-in-Design-Submissions
- Latest Design Policies: http://help.topcoder.com/hc/en-us/categories/202610437-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.