Challenge Summary
Welcome to Meli - FFI Support Portal UI Design Refinement Challenge 1. The task of this challenge is to take the provided storyboards and update the requested items (using best practices in UX) and continue refining the overall Meli mobile experience.
NOTE: This challenge will have Rolling Checkpoint Review
- adroc will provide a design review if you submit your initial designs by 29th July 2015 13.00 PM EDT (Wednesday)
- Final deadline is on 30th July 2015, 8:00 AM EDT (Thursday)
Good luck and we are looking forward to your submissions!
Challenge Overview:
This challenge is focused on refining and improving the provided mobile experience and updating the overall application based on the provided guidelines. The application is now live and we need to update some of the screens and refine features that we are planning to add in future releases.
Project and Application Theme
The key concepts of this mobile "IT Help portal" is to “Fix, Fulfill, Inform” = FFI Support Portal
Fix
The ability for an Employee to find and fix their technical support issues or request help from Support.
Fulfill
The ability for IT Support to satisfy an order request (example: provide an employee with a new phone, provide a virtual machine for development, request a local support technician)
Inform
The ability for the Support Portal to keep Employees up-to-date on technical issues and to help educate through Search, FAQ's, News & Alerts.
Important
Fix, Fulfill, Inform are “concepts” of how you should think about a user interacting with this application. We are not actually saying “Fix, Fulfill, Inform” in the application. This is more of how conceptually the application should help an employee.
Existing Screens:
1) News & Alerts List Screen:
Following updates need to be done in 03_05 News _ Alerts.png
- Header on top of this screen shows a scrollable menu bar where user can select between “News & Alerts, Request and FAQ”, we want to remove this functionality and add a Hamburger button on the top left menu.
- For each of the news & alert item - in addition to the timestamp, we also want to show the date!
2) News Detail Screen:
Following updates need to be done in 03_06 News Details.png
- Please remove Image at the top of the screen (News items will not have images at this time), please move the article to top to cover up the space!
- We would like you to add date next to time stamp under the header alert title.
- Remove the “by Marc Wilson” shown below the title.
3) My Requests:
Following updates need to be done in 03_01_My_requests.png
- Header on top of this screen shows a scrollable menu bar where user can select between “News & Alerts, Request and FAQ”, we want to remove this functionality and add a Hamburger button on the top left menu. (similar to new & alerts screen)
4) Feedback Screen:
Following updates need to be done in 05_03_Navigation_feedback.png
- Add indicator on the range field to describe that ranking 1 is the lowest and 5 is the highest value
- Add a 5th question for “General Feedback”, it needs to have a text area - show the scrolled view with this field.
- Create a second screenshot for feedback that ONLY shows the general Feedback question which should be a text area for the user to enter their information.
5) FAQ Main Screens:
Following updates need to be done in 03_07 FAQ.png
- FAQ Header should be updated to remove the Alerts Scrolling header. The page should have a hamburger button similar to the News & Alerts Screen.
6) The FAQ Category Screen:
Following updates need to be done in 03_08 FAQ Categories.png
Rather than having a check box, this screen should have an “>” icon that takes user to list of FAQ’s under that category (03_07 FAQ.png), in general - it will look something like category selection shown in My Requests screen (04_02_Categories.png).
- Also, please remove the search shown at the top.
7) FAQ Details Screen:
Following updates need to be done in 03_09 FAQ Details.png
- We would like you to replace the FAQ content shown in 03_09 FAQ Details.png with the content shown in FAQ Content.png
New Screen:
8) Listing Notifications that users have subscribed to:
- We are looking to add a new screen that shows a list of items that a user have subscribed to.
- The list should be alphabetized and should have a standard iOS On/Off feature that indicates if the feature is on or off.
Screen Sizes
- iOS
- Design screens for iPhone 6 portrait display = 750x1334
Judging Criteria
- How well you update the mobile items
- Cleanliness of your graphics and design.
- User interface design
Submission & Source Files
Preview Image
Create your preview image as one (1) 1920x1080 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Please upload PNG images in a zip file with all requested contest requirements stated above. Number your files (01, 02, 03, etc) this will help review them in order.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Illustrator and saved as layered PSD/AI files.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colours. 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.