{"id":2532,"date":"2014-01-06T12:52:07","date_gmt":"2014-01-06T11:52:07","guid":{"rendered":"http:\/\/svay.com\/blog\/?p=2532"},"modified":"2014-01-06T12:52:07","modified_gmt":"2014-01-06T11:52:07","slug":"how-to-design-a-dashboard","status":"publish","type":"post","link":"https:\/\/svay.com\/blog\/how-to-design-a-dashboard\/","title":{"rendered":"How to design a dashboard"},"content":{"rendered":"<p>Here is a simple recipe for designing a dashboard :<\/p>\n<ul>\n<li>show shiny charts<\/li>\n<li>have a dark blue-ish sidebar<\/li>\n<li>go flat<\/li>\n<\/ul>\n<p>Here are some examples from Dribbble :<\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1268885-Story-Book\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/78637\/screenshots\/1268885\/story_book.jpg\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1198606-Dashboard-preview\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/14521\/screenshots\/1198606\/scaligent_v10_smaller_drib_3.png\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1262636-To-Do-Dashboard\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/86061\/screenshots\/1262636\/todo400.jpg\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1299285-Movie-App-Teaser-2\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/2559\/screenshots\/1299285\/small_1x.jpg\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1283421-Wimi-Tasks-V3\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/9418\/screenshots\/1283421\/shoot.png\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1335526-Analytics-Dash\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/141038\/screenshots\/1335526\/newdash_1x.png\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1166885-Crescent-Admin\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/30071\/screenshots\/1166885\/shot_1x.png\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1275775-Tables-Graphs-Full-Pixels-Attached\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/56668\/screenshots\/1275775\/graphs___tables_1x.png\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1185356-Dashboard\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/41613\/screenshots\/1185356\/dashboard_1x.jpg\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1320067-Dashboard-Wordpress\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/57127\/screenshots\/1320067\/dashboard_1x.jpg\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1364297-Dashboard\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/23999\/screenshots\/1364297\/artboard_1_1x.png\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1271341-Sales-Dashboard\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/18730\/screenshots\/1271341\/dash-shot_1x.png\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1130993-Accent-Dash\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/141038\/screenshots\/1130993\/accentdash2_1x.png\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1152706-Skimbl-Report\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/77877\/screenshots\/1152706\/skimbl_report_1x.png\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1315388-Dashboard-Web-App-UI-Job-Summary\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/44126\/screenshots\/1315388\/job_summary_shot.png\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1183204-Dashboard-App-UI\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/62319\/screenshots\/1183204\/thumb_1x.png\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1098459-Dribbble-Dashboard\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/85668\/screenshots\/1098459\/dash_dribbble_1x.jpg\" width=\"400\" height=\"300\" \/><\/a><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/1309461-Droplr-Dashboard\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone\" alt=\"\" src=\"http:\/\/d13yacurqjgara.cloudfront.net\/users\/96387\/screenshots\/1309461\/dribbble2_1x.png\" width=\"400\" height=\"300\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here is a simple recipe for designing a dashboard : show shiny charts have a dark blue-ish sidebar go flat Here are some examples from Dribbble :<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[28],"tags":[53,52],"_links":{"self":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2532"}],"collection":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/comments?post=2532"}],"version-history":[{"count":2,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2532\/revisions"}],"predecessor-version":[{"id":2534,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2532\/revisions\/2534"}],"wp:attachment":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/media?parent=2532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/categories?post=2532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/tags?post=2532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}