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.
- 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
- Layout: https://cssgrid-generator.netlify.app/
- Favicon: https://icon-icons.com/icon/dashboard/182989
- Glass effect: https://codepen.io/jonathansigg/pen/MWbaNdN
- Font: https://www.fontshare.com/fonts/zodiak
- Rain: https://unsplash.com/photos/bI423DxLEYk
- Clouds: https://unsplash.com/photos/M54cSayfQLI
- Clear: https://unsplash.com/photos/O85h02qZ24w
- Snow: https://unsplash.com/photos/SD68VmEjzdA
- Thunderstorm: https://unsplash.com/photos/-dfqaTOIFVA
- Mist: https://images.unsplash.com/photo-1543968996-ee822b8176ba?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2728&q=80
- Smoke: https://images.unsplash.com/photo-1622969309378-d8f04f392fb0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2729&q=80
- Haze: https://images.unsplash.com/photo-1423209086112-cf2c8acd502f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2664&q=80
- Dust: https://images.unsplash.com/photo-1586017198015-5cefee201cbd?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2670&q=80
- Fog: https://images.unsplash.com/photo-1506385131333-6cd291d2501a?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2670&q=80
- Sand: https://images.unsplash.com/photo-1543604502-9baac28067ad?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2670&q=80
- Ash: https://images.unsplash.com/photo-1475776408506-9a5371e7a068?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2258&q=80
- Squall: https://images.unsplash.com/photo-1505672678657-cc7037095e60?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2500&q=80
- Tornado: https://images.unsplash.com/photo-1615675546460-93f2f452dead?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2670&q=80