Wireframing for Data Dashboards
Synopsis
This webinar will introduce wireframing for dashboards. Wireframing is often the most challenging yet overlooked phase of a dashboard building project. A wireframe is a visual layout of your dashboard. The wireframe captures what graphs and visual displays will be part of the dashboard and how they will be arranged. These wireframes are not fully functional but a representation of the functionality that the dashboard will eventually contain.
Materials
Slides can be accessed HERE
And the video recording of the webinar is available HERE
This compainion website has additional self paced materials and addtional content related to wireframes along with some recommended exercises - please see the episodes below to access this content.
Presenters
- Sean Cleveland - University of Hawaiʻi System
- Jennifer Geis - University of Hawaiʻi System
Prerequisites
- Have a modern web browser
Learning Outcomes:
By the end of this workshop attendees will know how to:
- Demonstrate understanding of advantages of wireframing and why it is important.
- Demonstrate the use of wireframes for communication early in the dashboard design process
- Understand the steps of how to create dashboard wireframes
Source Material Citations
- https://xd.adobe.com/ideas/process/wireframing/wireframe-examples-websites-mobile-apps
- https://www.lucidchart.com/blog/how-to-make-a-wireframe-in-Lucidchart
- https://www.springboard.com/blog/design/how-to-create-a-wireframe
- https://balsamiq.com/learn/articles/five-steps-to-great-wireframes/
Funders
Funding for this material was made possible by the Overdose Data to Action cooperative agreement from the Centers for Disease Control and Prevention (CDC). The views expressed do not necessarily reflect the official policies of the federal Department of Health and Human Services; nor does mention of trade names, commercial practices, or organizations imply endorsement by the U.S. Government.