Challenge Summary
Welcome to the Stone iPhone Android Application Wireframe Contest. The objective of this contest is to create the HTML wireframes for iPhone/Android platform.
In the end of this contest we are looking for a process flow and layout design of the pages mentioned below that are part of the whole application. This application must be user friendly, intuitive, and easy to use.
You must sign CCA before eligible to compete in this contest and download all attachments!
If you have any question, please raise in the forum, Let's discuss anything!
Round 1
Your submitted solution for client review.
1. Login(s)
2. Homepage(s)
3. Unit Details(s)
4. View Service Call Details(s)
5. View Maintenance Procedure(s)
6. Log Service Call(s)
7. View Open Service Call(s)
8. Inbox(s)
9. Settings - Add Contract / Building(s)
10. Settings - Contact Information(s)
Any comments about your wireframe, make sure all pages have correct flow!
Round 2
Final pages of wireframe
1. Login(s)
2. Homepage(s)
3. Unit Details(s)
4. View Service Call Details(s)
5. View Maintenance Procedure(s)
6. Log Service Call(s)
7. View Open Service Call(s)
8. Inbox(s)
9. Settings - Add Contract / Building(s)
10. Settings - Contact Information(s)
Any comments about your wireframe, make sure all pages have correct flow!
Contest Details
Stones is a company that provides business to business services. The client is looking to create a new mobile application that allows users to monitor and track the performance of their equipment. The application will need to have the ability to perform the following basic operations: .
- View or Show operational availability of the equipment and service interaction.
- Place service calls directly online
- Place service calls directly via voice communication.
- Alert notifications
- Security
- Multilingual
- Analytics
The application will need to have basic help descriptions to allow new users to learn how to use these tools.
Before you start working on this contest, please check following references of Wireframe Kits for iPhone/Android platform to help you building the wireframe.
- http://www.smashingmagazine.com/2010/08/27/free-wireframing-kits-ui-design-kits-pdfs-and-resources/
- http://superdit.com/2011/10/11/10-mobile-app-wireframing-tools/
- http://www.smashingmagazine.com/2010/08/27/free-wireframing-kits-ui-design-kits-pdfs-and-resources/
Stone iPhone/Android Application Wirefame Requirements
General
- Your wirefame solution must useful. So, it can save a web designer so much time and energy!. All pages/elements must linked each others. Show us correct flow.
- The application will build in small screens of iPhone/Android, Please think the best solutions. Use layout space wisely! Take advantage of iPhone/Android features.
- Client already create some initial mockup of Mobile Application at MobileApp - mockup.pdf. Your wireframe must represents all page and flow from that document & any system requierements from our Conceptualization Document Stones Mobile App Conceptualization.doc. You should use that as a guide, but if there is better way to display information, feel free to make changes.
- DO NOT just copy paste the mockup image. Your wireframe should re-created. And you're encouraged to bring new feelings of the application by provide any clever idea represents any elements in pages.
Login
Reference: MobileApp - mockup.pdf : Page 2
- User should be able to select the Country/Language
- Please create error validation version of login page
- Create separate page of "Forgot password"
Homepage
Reference: MobileApp - mockup.pdf : Page 4, 5 & 6
- Default looks of homepage
- Clicking on any unit, unit association details should display.
- Notice the difference when click View details by Unit & View details by Portfolio
Unit Details
Reference: MobileApp - mockup.pdf : Page 7
- Clicking "detail? icon should take user to "Unit Details? screen
- If user is coming from "Unit? then details of that unit should display 3.
- If user is coming from "Portfolio? then details of all Units should display
- Suggest Us
View Service Call Details
Reference: MobileApp - mockup.pdf : Page 8
- Clicking "detail? icon should take user to "View Service Calls? details screen
View Maintenance Procedure
Reference: MobileApp - mockup.pdf : Page 9
- Clicking "Maintenance Procedures? button should take user to "View Maintenance Procedures? details screen
Log Service Call
Reference: MobileApp - mockup.pdf : Page 10
- Clicking "Log Service Call? button should take user to "Log Service Call? screen
View Open Service Call
Reference: MobileApp - mockup.pdf : Page 11
- Clicking "Open Calls? button should take user to "View Open Calls? details screen
Inbox
Reference: MobileApp - mockup.pdf : Page 12 & 13
- Clicking "Inbox" should open the message inbox screen
- Clicking "category" should open messages
Settings - Add Contract / Building
Reference: MobileApp - mockup.pdf : Page 14
- User should be able to add multiple contract or building numbers
Settings - Contact Information
Reference: MobileApp - mockup.pdf : Page 15
- User should be able to see associated Customer Information
Target Audience
Current Customer.
Potential Customer.
Judging Criteria
- User Experience
- Completeness and accuracy of the wireframe as defined in the attached requirements.
- How well your wireframes provide a consistent user flow
- How well you implement the required data and any suggestions, interactions and user flow you recommend (provide any notes or comments for the client)
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
Wireframes should be built in HTML, Axure, MS Visio or OmniGraffle. The resulting files are not critical in this contest. The most important point is that all the content is listed and the pages are linked together to show page flow. Keep your source files out from this submission folder.
Source Files
All original source files of the submitted ideas. If you would like to submit notes please include notes.txt file.
Final Fixes
As part of the final fixes phase you may be asked to modify content or user click paths.
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.