Challenge Summary
Welcome to Developer Community Mobile App Wireframe Challenge. In this challenge, we are looking to design a complete application delivered via iOS 8. It’s critical to think about the interaction models afforded by iOS 8, driven by standard Foundation UI widgets to enable a clean user experience for iPhone viewport.
For reference, please refer to the following iOS Human Interface Guidelines, as well as the iOS 8 UI kit control widgets that are afforded within the iOS 8 environment.
While we are not looking for graphic design solutions to this challenge, these interface guidelines and iOS 8 UI kits will help you shape your interaction model and the types of affordance and feedback mechanisms that can be taken advantage of in your solution.
Round 1
Submit your wireframe for a Checkpoint feedback:
1. Navigation
2. View/Edit Profile
3. View my standing and progress toward achievement
4. Search/Browse Active Challenges Page
5. Challenge Details Page
6. Register for Challenge Page
7. My Past Challenges Page
Notes.jpg: Any comments about your design for the Client
Round 2
Final wireframe plus any Checkpoint feedback:
1. Navigation
2. View/Edit Profile
3. View my standing and progress toward achievement
4. Search/Browse Active Challenges Page
5. Challenge Details Page
6. Register for Challenge Page
7. My Past Challenges Page
8. Search/Browse Forums Page
9. Single Forum Thread Page
10. Push notifications
11. Training
Notes.jpg: Any comments about your design for the Client
Challenge Details:
The goal of this challenge is design a developer community mobile application, the application will be delivered via iOS 8. we are looking for wireframe (Axure) solutions based on requirements below . We’re also looking to the community to come up with interesting ideas for the workflow - we’re absolutely open to creative solutions!
At the end of this wireframe challenge, we are looking to have a complete solution for the user experience and flow of the application.
Wireframe Expectations:
- Produce HTML click through wireframes that can be used to demonstrate all mentioned functionalities as required in each round.
- The website must be very easy to use and intuitive. Keep that in mind when designing your solution.
- You MUST cover all screens mentioned in required new sections below, if any requirement is missing in final submission the client will not take a look at it, so make a checklist for the required screens to make sure you designed all of them.
- Please show us your proposal as a movie or series of wireframes that communicate the user’s intended interaction with your proposed solution.
- You MUST use wireframes note pane in every single page you design to explain what items are addressed in that page from the documentation, what things you added/changed/removed, use it to make your idea clearer and help the client to give you constructive feedback.
Screen Size:
The responsive design should focus on:
- Mobile Resolution: Design for iPhone 6 Retina Display 750px x 1334px
Required Features:
1. Navigation
- How does the user navigate this application?
- Include navigation that you think fits with this application
- Focus on the priority items and how things should be sized
2. View/Edit Profile
- Dashboard/Status (how I am tracking toward my education/reputation)
- Number of challenges
- What other metrics and/or parameters are important for this program?
3. View my standing and progress toward achievement
- Broken down by community points needed per program, we are open to suggestions here to gamify this
- Competency (visualization)
- Assessment accuracy/rating (visualization)
- Status (what level of certification have I achieved -- 3 to 4 levels)
- Share accomplishments on social media (LinkedIn, Twitter, Facebook)
4. Search/Browse Active Challenges Page
- Here we need you to list the active challenges information:
-- Challenge name
-- Tags
-- Prize
-- End Date
-- Next Deadline Date
Filter by
--- All
--- Development Challenges
--- Design Challenges
--- UI Prototype
-- Group by prize drop down list:
--- Higher
- Group by Date drop down list:
--- Soonest to Close
When I'm browsing contests, how do I track my progress toward "enlightenment"?
How do I sort the list of contests so that the ones that further my enlightenment are brought to the foreground?
5. Challenge Details Page
- Here we need you to display the following information:
-- Challenge name
-- Tags
-- Prizes
-- Start Date
-- Milestone
-- End Date
-- Registrants Number
-- Submissions Number
-- Next Deadline
-- Email button.
-- Register button or Manage button if you are the copilot of the challenge.
6. Register for Challenge Page
- This will show the terms of use that applies for project.
- The user will be able to view any terms he agreed to.
- User can also agree to any pending term.
7. My Past Challenges Page
- Challenges I have registered
-- Challenge name
-- Prize
-- Winner Name
8. Search/Browse Forums Page
- Here we need you to display the following information:
-- Forum category name
-- Category description
-- Number of threads/messages
9. Single Forum Thread Page
- Here we need you to display a list of threads with the following information:
-- Thread Name
-- Posted by User
-- User photo
-- Username
-- Message text
-- Edit icon for your posts.
10. Push notifications
- New challenge post based on preferences
- New challenge forum post based on active challenges that I have registered for
- Push notification preferences
11. Training
- Find training/recognition program
- Register for a training/recognition program
- Launch and take online courses (videos, elearning, etc.) from a learning path
- Get recommendations on additional courses or material related to your recognition/level goals
- Get content "pushed" to you that is new, required for maintenance, popular, etc.
Target Users:
- Developer Community Members.
Judging Criteria:
- How well you translate the requirements into an attractive and usable design.
- Cleanliness of your graphics and design.
- Design and 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
Generated HTML files with all the 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.
Final Fixes
As part of the Final Fix phase, you may be asked to remove, update, or change some features of the wireframe.
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.