The absence of color draws the eye toward the color-filled graphs and comment box. The use of color also highlights the key information sections. The design uses icons whenever it can, rather than text, for the navigation menu and editing actions.
The primary focal point is the list. Horizontal lines help group the data across the page but are spacious enough to not clutter the table. Data is also grouped vertically though bolded text, shape and color, and text format, which helps to preserve data unity.
The white space keeps the product catalog digestible and conceptually clear. The information architecture is consistent, enabling the user to explore and dig deeper into a service.
Users immediately feel welcome and can personalize their product experience. They also can manage their time expectations through the progress bar, and are then guided through highlighted steps that show them where they are and hints at the next step.
The most important information is bold, and the visualization is not overloaded with exact numbers or percentages. Instead of telling the user what is happening, the graph shows how many info and key updates are occurring.
This dashboard shows a local government’s recent official statistics about different issues. As opposed to using a card or tile to distinguish trends, a simple ruled line treatment and ample white space delineate the separation between containers of information.
The application enables a user on a mobile device to productively manage on the go. The layout is spacious and gives ample room for thumbs to manipulate list items with ease. The buttons are also large enough for users to press confidently without errors.
The tablet interface keeps context in mind. White space keeps the product catalog digestible on a smaller interface. The information architecture is consistent, enabling the user to explore and dig deeper into a service.
The design clusters information so that data does not overburden the user. Instead, she can drill down to the specific sample data she needs.
The pop-up enables users to edit, create and manipulate content in a clean workspace. The separated toolbars in the white and red panels create contextual boundaries. The toolbar in the white space formats text inside the white space; the toolbar in the red space performs different operations.
This dashboard launches a user into any number of their created spaces. As the spaces grow, the information architecture allows the content to grow into the existing hierarchy. Breadcrumbs and landmarks help the user navigate through large content spaces.
The dashboard helps the user focus on the most important content: data, and how that data is changing. The outlined-unfilled bars in the graph present a unique way to illustrate data projections through showing rather than telling. Users can see data patterns and make adjustments based on them.
A user can see contextual information about customers for better personalization of their responses and tone. Each solution contains clearly labeled and readable steps. A confidence level helps set the user’s expectations for the solution success rate.
A user can quickly scan patient records because the text is readable with comfortable leading. Specific search terms are bolded for better findability. A side toolbar also lets the user download, print or save those resources for later use to increase productivity.
The chart fills most of the screen space, and this communicates its importance. The table is legible with an appropriate row height for a mobile device. Icons are suitable sizes and have proper spacing between them, which reduces unintentional clicks.
This table shows the data as a running list of rows and columns. Because the user is focused on scanning information, the list is given primary focus (in black), and everything in shades of pink, a neutral monochromatic, fades into the background.
This dashboard demonstrates the multiple ways to present big data through information visualizations, depending on context. Complementary color is also used to call out warnings.
This dashboard uses maps to intelligently visualize location-based alerts. Color contrast helps alert the user to security warnings, and smaller, clean graphs beneath help the user contextualize the alert based on historical data.
This dashboard uses cards to organize information and promote consistency. Color contrast helps focus the eye on the most important data on the page.