how to design a great dashboard (hebrew)

By © nikoretro

http://www.flickr.com/photos/bellatrix6/3796109344/in/photostream/

By © Michael Kwan

http://www.flickr.com/photos/beyondtherhetoric/4705467128/in/photostream/

© Nissan

http://www.caranddriver.com/photos-07q3/107620/nissan-mixim-concept-photo-120425

© Suzuki Ionis

http://green.autoblog.com/photos/suzuki-ionis-fuel-cell-concept/

By © Pop Culture Geek

http://www.flickr.com/photos/popculturegeek/4534097974/in/photostream/

© Tron: Legacy (2010)

22362676http://vimeo.com/

“It's not how you feel about the design or experience — it's how the product makes you feel about

yourself.“

— John Kiehle, RKS Design

© Peugeot

http://www.peugeot.pt/noticias/sxc-concept/

From: Superman Returns © Warner Bros. LTD

http://wwws.warnerbros.co.uk/supermanreturns/

בחרו נכון את המידע

בחרו נכון את המידע חשבו על

תרחישי השימוש

חשבו על תרחישי השימוש

הציגו נכון את המידע


עצבו את זה נהדר


5481://www.integritystaffing.com/blog/?p=http

. במבט אחד החלט האם הכל תקין

: אם לא

:שניות 10זהה בתוך . 1

כמות הרכיבים התקולים. א

רמת התקלה החמורה ביותר מביניהם. ב

אילו שירותים מושפעים מהרכיבים התקולים. ג

.העמק בפרטים של התקלה החמורה ביותר. 2

- - - וכך הלאה . 3

דשבורד לניטור חוות שרתים - תרחיש

. במבט אחד החלט האם הכל תקין

: אם לא


כמות הרכיבים התקולים. א

רמת התקלה החמורה ביותר מביניהם. ב

אילו שירותים מושפעים מהרכיבים התקולים. ג

.העמק בפרטים של התקלה החמורה ביותר. 2

- - - וכך הלאה . 3


. הכל תקיןבמבט אחד החלט האם

: אם לא


התקוליםהרכיבים כמות. א

ביותר מביניהםהתקלה החמורה רמת . ב

מהרכיבים התקוליםשירותים מושפעים אילו . ג

.ביותר בפרטים של התקלה החמורההעמק . 2

- - - וכך הלאה . 3


http://www.1to1media.com/weblog/2013/03/the_first_rule_of_big_data.html

כל השארכל השאר

המוקדהמוקד

הדגישו אתיוצאי הדופן

http://www.dashboardzone.com/bmc-dashboard-monitor-everything-through-dashboards

http://www.bmc.com/products/product-listing/atrium-dashboards-and-analytics.html

http://Idashboards.com/

http://edu-news.ro/o-posibila-solutie-pentru-furtul-academic/

http://www.appfirst.com/devops-dashboard/index.php

מקסמואת יחסדיו- המידע

Edward R. Tufte (1983) The Visual Display of Quantitative Information


דיו - מידע יחס )רעש/תדומה מעט ליחס או(

דיו מוקדש למידע

כל יתר הדיו :


— Edward R. Tufte (1983) The Visual Display of Quantitative Information

“Maximize the data‐ink ratio, within reason. Every bit of ink on a

graphic requires a reason.”

.במידת האפשר, דיו- המידעאת יחס מקסם "

."לנימוקטיפת דיו בגרף זקוקה כל

Original diagram by http://www.koreaherald.com/view.php?ud=20130317000227 / Redrawn by 5IVE

2012

61.4%

61.3%

61.2%

61.6%

59.9%

2013 2015 2021 2030

Gauge - מחוון המחוג

Gauge - מחוון המחוג

http://www.klipfolio.com/

http://www.juiceanalytics.com/writing/dashboard-gauges-indulgence-

with-restraint/

By 5IVE, our very selves. www.5ive.co.il

תנו משמעות למספרים

הרווח היה

22.5%

?עלייה או ירידה

22.5%

22.5%

22.5%

?אבסולוטי או יחסי)?או גם וגם(

$34.5 M

22.5%

?מהו ההקשר

?מה היה המספר בתקופה קודמת

Last Month 19.8%

22.5%

?מהו המספר בתחום מקביל

Rest of Company: 13.8%

22.5%

?איך השתנה המספר לאורך זמן

22.5%

0%

JunMayApr

?איך המספר עומד בטווחי ציפיות

22.5% 10% 20% 30%0%

Great!GoodOk

Stephen Few (2006) Information Dashboard Design, p. 26

Bullet Graph - לט גרףוב

:מראה

השוואה למדדים

השוואה למספר מקביל

סטיבן פיו

Sparkline - ספארקליין אדוארד טאפטי

:מראה

צורת התנודה של

המספר

http://www.google.com/analytics/

http://dribbble.com/shots/109505-mmx?list=searches&tag=stripe

22.5%

:מראה

כניסה לטווח שלילי

דפוס לאורך זמן

Piechart - דיאגרמת עוגה

http://docs.oracle.com/cd/E16764_01/web.1111/b31974/graphs_charts.htm

http://www.infosol.com/public-sector-sample-dashboard/ (Live!)

http://www.appsbi.com/wp-content/uploads/2010/03/ordermanagementexceldashboard.jpg

http://www.irritatedvowel.com/pub/blog/CustomBarChartswiththeSilverlightToolkit_FB8C/image.png

?עמודות דיאגרמתדיאגרמת עוגה או

:ואולי:אולי מוטב

http://dribbble.com/shots/507369-Dashboard

Redrawings by 5IVE

היזהרו מימד- בתלת


http://www.engadget.com/2008/01/15/live-from-macworld-2008-steve-jobs-keynote/

!)?21.2- גדול מ 19.5( !)?21.2- גדול מ 19.5(

שטוח: הכיוון

http://sush.io/

Metro Start Dashboard by Alex Lupse

http://dribbble.com/shots/950452-Metro-Start-Dashboard

www.geckoboard.com

השתמשו בצבע בחוכמה

http://www.dashboardinsight.com/dashboards/live-dashboards/perpetuum-software-sales-dashboard.aspx

http://www.perpetuumsoft.com/Demo/WebDashboard/RegionSales/RegionSales.aspx

http://dribbble.com/shots/652736-Unused-Design

http://dribbble.com/shots/629917-Infographic

POC Infographic by Tanveer Junayed

(Not REALLY used by The Economist… We hope.)

...וגם

גדוליםפונטים

http://ducksboard.com/

גדוליםפונטים

http://tryghost.org/features.html

אייקונים

https://wrapbootstrap.com/theme/perfectum-responsive-admin-template-WB0PHMG9K

אייקונים

http://www.fitbit.com/

כמויותהמחשת

http://www.kiwanja.net/media/docs/m4d-Infographic-2.jpg

!תודהרוזנריורם , ליאור צור:מחקר וכתיבה

גור-ירון דן: מחקר ורעיונאות

כהן") קוקו("אלה :עיצוב ואיור

www.5ive.co.il