Challenge Summary
Welcomes to the "Operations Health Dashboard Design Concepts Challenge". In this challenge we are looking for your original ideas, concepts and best UI designs. We have a content requirements and some general branding guidelines, but the overall designs, how content is displayed and user interactions are all open. Show us your best ideas and WOW us with your designs and layouts.
Round 1
Initial design for client review :
- Main Dashboard
- CBP Detail View
Round 2
The following screens with all feedback and updates included from checkpoint review :
- Main Dashboard
- CBP Detail View
Project Overview
The objective of the Operations Health Dashboard is to provide a view of the health of operations from both an IT and Business perspective. It is important to note that a foundational principle of the dashboard is to display all measures defined and all systems identified that correlate the Critical Business Processes regardless of whether real-time status reporting is active or not. These will be colored gray.
The Dashboard is broken up into 3 main sections with linking to detailed information screens from there. We are supplying you with a general outline of what these sections are, but we are looking to you to design what it should look like and how it should function. Take these content sections and the branding guidelines and design something that is clean, modern and easy to use. Think of cool UI elements and new ways to visualize content and data.
The dashboard will mostly be used on large desktop displays, but we are asking you to design what this will look like on mobile as well. Think about how the content and interactions need to change to be usable on a mobile device/ smaller screen. DO NOT just take the desktop version and scale it down to fit on the mobile screen size. Think about how section are broken out, is a sub-level of navigation needed, multiple screens, menus, etc. Show us a mobile experience that is just as easy and fast to use as the desktop version.
Required Screens/ Sections:
Main Dashboard Sections (Desktop & Mobile)
1. Critical Business Process (CBP) Health
The Critical Business Process Health pane lists the 23 Critical Business Processes (CBPs) in alphabetic order and has two indicators labeled 'Ops' and 'SLA'. A CBP can be selected from this pane to view a more detailed breakdown of the systems and measures that make up the CBP. Clicking on one of these items will take you to the CBP Detail View
- Ops Indicator: This indicator will show the health of the business process from an IT perspective. Significant outages impacting the availability or response time of systems that support the business process will cause the indicator to turn red in color. If the indicator is gray, it means that the monitoring that is in place for the system has not yet been configured for inclusion in the Dashboard. A green indicator means all processes are good.
- SLA Indicator: This indicator will show the Month to Date health of the business process from a business health perspective. The Operations Health program has identified measures that describe the health of each Critical Business Process. If the indicator is red, it means that the business process measure has been breached. If the indicator is gray, it means that the business process SLA is not yet in enrolled into real time updating, either manual or automated, for the dashboard. A green indicator means all processes are good.
2. Current Escalation Ticker
The Escalation Ticker pane runs across the top of the Dashboard and will display any open Escalation in the environment regardless of whether or not it impacts a CBP. An escalation is a service outage that breaches defined business impact triggers. If the escalation impacts one or more CBPs, it will trigger a red indicator in the associated CBPs in the Critical Business Process Health section of the Dashboard. Clicking on this item will take you to the EMS Detail View (Not included in this challenge)
3. World Map
The World Map view displays the health of the client's Inventory systems (RTCIS) in a geographical view. A red indicator means that the inventory system is unavailable and a gray indicator is an indication of planned downtime. Green means that that system is available.
Critical Business Process (CBP) - Detail View (Desktop & Mobile)
The CBP Detail View can be accessed by clicking on a Critical Business Process on the Dashboard and has 6 content sections:
1. CBP Health Indicator section
The CBP Health Indicator view will display three icons:
Ops – The status of the IT Systems that support the Business Process
SLA – The status of the Business Process SLAs
EMS – Whether or not there is a business impacting Incident for the Critical Business Process. Clicking on one of these items will take you to the EMS Detail View (Not included in this challenge)
2. Sub Process Health section
The Sub Process Health view will display the status of the sub processes for the chosen Critical Business Process based on the availability of the IT systems that support them. Clicking on one of these items will take you to the CBP Sub Process Detail View (Not included in this challenge)
3. Application Availability section
The Application Availability view displays the status of all the applications that support the chosen Critical Business Process
4. Business Process SLA section
The Business Process SLA view will show the status of each Business Process SLA defined for the chosen Critical Business Process
5. Escalations (EMS) section
The Escalation view will show any Business Impacting Incident that is currently active for the chosen Critical Business Process. Clicking on one of these items will take you to the EMS Detail View (Not included in this challenge)
6. CBP Relationship Graph
The CBP Relationship graph shows a visual relational view of the linkages between business applications, CBP sub processes and Critical Business Process.
Design Requirements:
- Clean, user friendly, modern and visually stunning designs
- Make sure you are following the branding doc
Branding:
- The client has supplied a basic branding guide with font and color suggestions to get you started. Use this as a baseline for your designs and concepts. You can find branding input within the Design Direction Site.
Included Documents:
- Design Direction Site: This site included branding guidelines, design input and inspiration
- IA/ User Flow Document: This is included within the Design Direction Site. This will give you an idea of how the screens are linking and working for the ENTIRE dashboard. We are NOT focusing on all these screens. Make sure you are following the requirements of this challenge.
- Fonts & Colors: Included within the Design Direction Site.
Screen Size Requirements:
We are targeting desktop and mobile designs. Show us a mobile experience that makes sense and is easy to use on the smaller screen size.
- Desktop: 1280px width
- Mobile: 640px width
Target Audience
- IT Professional (Technical related fields)
- Middle to Top Level Manager
Judging Criteria:
- How well does your design capture the content sections
- Creativity of your visualizations and UI layouts
- Clean and modern design styles
- Overall 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
Submit JPG/PNG for your submission files. Make sure you label your files correctly AND in order (01.png, 02.png, etc.). This is VERY IMPORTANT.
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, images (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.