Challenge Summary
Welcome to the FAST!! Meli - Connected Building UX Design Refinement Challenge!
We recently ran a couple of challenges to get a complete designs for Connected Building iPad Application. In this challenge, we are looking for you to come up with better design solutions for the existing designs - please go through the detailed requirements to know the exact requirement.
NOTE: We have a quick deadline on this, please make to note the deadline and GET on this NOW!!
The purpose of this challenge is to come up with design solutions for existing designs. You will be using the existing design sources as a base for this challenge and work on the improve it.
Challenge Downloads:
Source files for this challenge is available in Google Drive
https://drive.google.com/folderview?id=0B2MK5NncVSuQLW5wcWFaQjRqMXM&usp=sharing
Design Considerations:
- We have attached the existing design sources, please use this as a base for your designs.
- For any new elements that you create - please follow the existing branding colors and follow the look & feel.
- You are required to submit standard resolutions for iPad landscape (standard), portrait screens are optional.
- Make sure all the new UI elements which you are designing are scalable vectors.
- Please submit all the screens that we have in the attached storyboards.
Required Changes:
We need the below changes to the attached designs..
- Please make sure to apply the below changes to all the associated images in the storyboard images.
Overall:
- Need more space beneath logo (need to make sure all the storyboard images.
- Background color of top navigation bar changed to make stand out more, but still within context of design
- Change inactive state of icons (outlines) to less neutral color - they seem possibly disabled - we want them to be obviously inactive
- Asset/Spaces panels (and Alert panel) - make all modal/panel borders the same - go with the gray border as used on Asset/Spaces panels
- Follow/Following buttons – match the iOS7 feel/design of the rest of the UI
- In the feeds, remove all instances of the block in Chatter feeds where you find “Air Handler Pressure Readings” gray rectangle, labels, download icon and label, “More Actions v” link and the surrounding box.
Assets and Spaces Panels (02 Space Panel.png and 03 Aset Panel.png):
Please make sure to apply the below changes to all the asociated images of Assets and Spaces Panels in the attached storyboard zip
- Currently we don't have a way to close the Assets and Spaces Panels, need a way to close the Assets Panel and Spaces Panel
- Please have darkening background of area outside of panel slightly to indicate inactive state of the background elements while the panel is open.
Alert Details (04_02 Alert Details.png):
Please make sure to apply the below changes to all the asociated images of Alert in the attached storyboard zip
- In the Alert Detail that comes up when the user taps on one of the Service Alerts, Remove the “Value:”, “Value Type:” and “Attachment:” sections (including the gray rectangles, label, Download.jpg icon and label -- and make the panel shorter based on removing those items.
- Alert Details - (already being changed for layout) - changing background color of either modal or background elements of app overall to help it stand out.
- Buttons on Alert Details - change colors - dark background instead - to make the actions stand out, also bring colors in line with others used in app elsewhere - the approach used on the Follow/Following buttons in the Asset panels can work for both consistency and design standards.
Dashboard:
Please make sure to apply the below changes to all the asociated images of Dashboard screens in the attached storyboard zip
- Adding color/shade to Global Feed header to help it stand out from background and other modules on the page.
- Weather gauge: Flesh out design with a similar look/feel to other gauges to include current conditions, today’s forecast. Trend gauges along bottom be “next 5 days” forescast..
Recommendations:
Please make sure to apply the below changes to all the asociated images of Recommendations screens in the attached storyboard zip
- 06_04 Recommendations_details.png: Need to make the Recommendation Details panel shorter by shrinking the space that is above and below the description text.
- 06_06 Recommendations_details-Rejection.png: Make style of Cancel/Submit buttons match the Accept/Reject/On Hold buttons more. The buttons (submit/cancel) are smaller and don't fit the design. Just need to make them match the buttons that are right above them better.
Target Audience:
- Senior IT Managers working in large server facilities with moderate application experience and may be walking around their building, and their subordinates
Judging Criteria:
- Cleanliness of your graphics and design.
- How well your capture the above requirements in your designs
- Concepts for displaying the information in a unique/creative manner.
- 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
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.
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.