Dashboard Design

🎉 Student Examples

Project is complete and met objectives. Ready to show, promote, and deliver to intended audiences. Version 1.0 is ready to go live!

• Kate C. https://dashboard-widgets-web3.netlify.app/

• June L. https://ulawless-dashboard-widgets.netlify.app/

• Cesar M.A. https://dashboard-widgets-cesar.netlify.app/

Dashboard Widgets

Same data. Different experience.

The concept of a Dashboard appears nearly everywhere. Most obvious are car dashboards with displays of speed, mileage, and navigation. Less obvious examples are: the FaceBook banner with notifications, informational displays in lobbies, and “widgets” on iOS and Android. A portion of a larger display is a widget.

Why Does This Exist?

• Application of Dashboard Design concepts

• APIs allows for alternative User Interfaces for same information

• Real products and real data, versus static prototypes

• Dashboards convey information in real-time — without prompting

• Apply concepts from Web Design 1 and 2 with APIs from Web 3

Although dashboards are potentially powerful, this potential is rarely realized. The greatest display technology in the world won't solve this if you fail to use effective visual design - Stephen Few, Author of Information Dashboard Design: The Effective Visual Communication of Data

Examples

Applications of these concepts can be seen in:

• Search for Dashboard on Codepen

• Fast Food restaurants

• Samsung Smart displays

• Panic Status Boards

• iOS Widgets and Android Widgets

• Make your own mirror display

• Future in car dashboards