Challenge Summary
Welcome to 5 Star Rating of Assets Design Challenge! In this challenge, we are looking for [topcoder] community to help create set of interfaces for our new application. We are providing wireframes to help get you going.
Challenge Description:
We are looking to allow people to be able to rate Assets. This page is essentially a listing of assets and the only portion of this page that will be interacted with is the star rating. All insert, update, delete functionality is provided elsewhere. Please provide a UI design that will encompass these concepts of rating Assets.
Assets are associated with a practice. These practices can be none to many and here are the possible practices:
- Salesforce
- Google
- Workday
Supporting Documents:
- Click thru wireframe (Wireframe.zip)
- Client notes (Screenshot.png)
Design Considerations:
- REMEMBER: DO NOT COPY the wireframes exactly - The wireframes are meant to help guide you and let you understand the application the audience would like to see designed. Think about the user experience/user interactions and show us your solutions! You can do something different or whatever you think make sense of this mobile application.
- Review the wireframes - they are very detailed and will help, but do not copy 100% the layout, be creative!
Responsive platforms:
In order of priority, the responsive design should focus on:
- Full Screen Desktop, Laptop (1024px width and height as required)
- Standard mobile app sizing in the portrait orientation (320px X 480px)
Required Features:
Each asset should display the following information:
- Title: This is simply a text title
- Description: This is the short description and can be assumed it would be one to two sentences.
- Practices: This is a list of text values however displayed visually.
- Recommended: This is simply a Boolean so feel free to design an image for this
- Number of Asset Reuses: Simply an integer but would be nice to see as some type of image
- Preview URL: This is a url that users can click on to see a preview of the asset. some sort of image would be nice here as well
- Asset Type: This is a text literal of either code or document and would be nice if it had a visual rendering
- Asset Sub-Type: Driven from a Salesforce multi-select pick list (here you should just display a list of text values) and some Asset Types will not have any sub types can be displayed as a list of text values since to many variations for images
- Technologies Used: Driven from a Salesforce multi-select pick list; you should just be displayed as a list of text values.
- Primary Contributor: Persons Name
- Star Rating: Should be an image based experience with the stars being clickable. This is the only user interaction portion of this page. All other data elements are read only. There are two concepts with the star rating. There is my rating and the aggregate rating. Please design for this type of experience much like the rating experience on Netflix. This should be a 5 star rating system.
Note: Please dont forget to implement the notes in (Screenshot.png)
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
Target Audience:
- Appirio staff.
Judging Criteria:
- How well you plan the user experience and capture your ideas visually
- Cleanliness of your graphics and design
- Your design should possible to build and make sense as a mobile application
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.