Data Visualization & UI/UX
- 1. Unclassified Betül ALTAY Senior Software Engineer Artificial Intelligence and Big Data Team June, 2018 Data Visualization Image retrieved from http://blogs.vishwak.com/how-tableau-can-help-in- insurance-analytics-and-data-visualization/
- 2. Unclassified Ask Terms If You Don’t Know! Retrieved from http://worldartsme.com/thinking-smiley-face- clipart.html#gal_post_8992_thinking-smiley-face-clipart-1.jpg
- 3. Unclassified What you expect for this presentation? Retrieved from https://maelaelsa.wordpress.com/2012/04/22/
- 4. Unclassified Napoleon's March to Moscow: The War of 1812 Starting with a convention Retrieved from https://sites.psu.edu/julieludeman/2016/02/22/edward- tufte-the-da-vinci-of-data / “A good sketch is better than a speech.” Napoleon Bonaparte Size of army Geographical coordinates Travelling direction Location of army on certain dates Temperatures
- 5. Unclassified Explore What is used for? Retrieved from http://www.hrandu.com/news/how-many-geeks-does-it- take-to-change-a-light-bulb/ and https://zhuanlan.zhihu.com/p/29100262 Communicate
- 6. Unclassified What we want? See hidden data in a context Make comparison Make prediction Understand trends and patterns Detect anomalies such as gaps, outliers Exploration by Data Visualization Retrieved from http://www.hrandu.com/news/how-many-geeks-does-it- take-to-change-a-light-bulb/ Where we want to achieve? Analyse and discover Evaluate and decide Decision Support Systems Business Intelligence Tools Intelligence Tools Crime Analytic Software
- 7. Unclassified Express Explain Present Inspire Remember Communication by Data Visualization Retrieved from https://zhuanlan.zhihu.com/p/29100262
- 8. Unclassified vs. Example: Ansombe Quartet Retrieved from https://www.slideshare.net/janwillemtulp/data- visualization-5724069/16-Shape
- 9. Unclassified vs. Example: How Many 3’s? Retrieved from https://www.slideshare.net/janwillemtulp/data- visualization-5724069/16-Shape
- 11. Unclassified 0 1 2 3 4 5 6 Category 1 Category 2 Category 3 Category 4 Series 1 Series 2 Series 3 Retrieved from https://zhuanlan.zhihu.com/p/21897086?from_voters_page=true A 1 2 3 4
- 13. Unclassified Graphs = Nodes + Edges Retrieved from https://vtechworks.lib.vt.edu/bitstream/handle/10919/73739/CMT_Final_P resentation.pdf?sequence=14&isAllowed=y
- 14. Unclassified Graphs = Nodes + Edges Retrieved from https://www.shmoop.com/computer- science/graphs/trees.html
- 15. Unclassified Word Graphs Retrieved from http://huzzah.edublogs.org/2008/10/25/whats-in-a-wordle/
- 19. Unclassified Geographical Maps Retrieved from http://amsterjob.com/google-maps-of-usa/
- 20. Unclassified SVG Maps Retrieved from http://www.socialtwostep.com/data-is-beautiful-7-data- visualization-tools-for-digital-marketers/
- 22. Unclassified • Personalized Insurance • Insurance companies can provide personalized plans tailored to their needs and risks • Personalized policies can reduce costs & the companies gain competitive advantage Which Visualization Type(s) Should Be Used? Retrieved from https://www.registria.com/wp-content/uploads/2016/10/
- 23. Unclassified • Retail/Ticketing Systems • Recommendation engines can provide up-sell and/or cross-sell options • Pricing analysis can be used to serve real-time custom pricing options • Campain management Which Visualization Type(s) Should Be Used? Retrieved from https://www.titrespresse.com/34016351612/acia-herbicide- glyphosate-decele-produits-alimentaires-testes
- 24. Unclassified • Smart City Systems • Transportation planning (underground, bus, etc.) • Waste management • Incident management • Public safety (video/behavioral analytics, etc.) Which Visualization Type(s) Should Be Used? Retrieved from https://event-driven.com/about-us/
- 25. Unclassified • Predictive Maintenance • Railways, Airways • Logistic support analysis Which Visualization Type(s) Should Be Used? Retrieved from https://en.wikipedia.org/wiki/Vibration and iStockPhoto
- 26. Unclassified • Business Intelligence • KPI reporting, Dashboards • Exploratory data analysis for Enterprises Which Visualization Type(s) Should Be Used? Retrieved from iStockPhoto
- 27. Unclassified • Fraud Detection • Customs • Investigative case management Which Visualization Type(s) Should Be Used? Retrieved from https://en.wikipedia.org/wiki/Network_theory and iStockPhoto
- 36. Unclassified Example: Sales Table Source: Tableau
- 37. Unclassified How many products were sold in each category? Example: Sales Table Source: Tableau
- 38. Unclassified How many products were sold in each sub-category of each category? Example: Sales Table Source: Tableau
- 39. Unclassified Comparison of amount of sales in each sub-category of each category? Example: Sales Table Source: Tableau
- 40. Unclassified Comparison of amount of sales and profits of products in each sub-category of each category? Example: Sales Table Source: Tableau
- 41. Unclassified Conjuntion of Techniques Source: Tableau • Color/Lightness • Size • Symbols • Shape • Location • Time
- 43. Unclassified Bad Data Visualization Examples Retrieved from Boris Thorbecke, Product Storytelling and Data Visualization Presentation
- 44. Unclassified Retrieved from Boris Thorbecke, Product Storytelling and Data Visualization Presentation
- 45. Unclassified Retrieved from Boris Thorbecke, Product Storytelling and Data Visualization Presentation
- 46. Unclassified Retrieved from Boris Thorbecke, Product Storytelling and Data Visualization Presentation
- 47. Unclassified Retrieved from Boris Thorbecke, Product Storytelling and Data Visualization Presentation
- 48. Unclassified Retrieved from Boris Thorbecke, Product Storytelling and Data Visualization Presentation
- 49. Unclassified Retrieved from Boris Thorbecke, Product Storytelling and Data Visualization Presentation
- 50. Unclassified Retrieved from Boris Thorbecke, Product Storytelling and Data Visualization Presentation
- 51. Unclassified Retrieved from Boris Thorbecke, Product Storytelling and Data Visualization Presentation
- 52. Unclassified If you have to show lots of data… Retrieved from Boris Thorbecke, Product Storytelling and Data Visualization Presentation …focus something!
- 54. Unclassified • Overview • Zoom • Filter • Sort • Compare • Find anomalies & outliers • Characterize trends & distributions • … Visualization is not Enough; Interaction is Needed!
- 55. Unclassified BI Tools Retrieved from https://tr.pinterest.com/pin/477381629236050350/
- 58. Unclassified User Interface/User Experience Retrieved from http://www.blog.asepmaulanaismail.com/2015/
- 62. Unclassified Step1: Creating Product Strategy Retrieved from https://lh3.googleusercontent.com/gbyB6ij36wG- V_yOeK8Lfu8O3CZ5BKd5jZKARgB6EtUMg9L9OeFqvSkbzbZeHzv3keuc=s114 Customer Analysis Competitor Analysis
- 63. Unclassified User Persona Retrieved from https://uxpressia.com/blog/user-persona-vs-buyer-persona- difference
- 64. Unclassified User Story Retrieved from https://www.scrumwithstyle.com/courses/effective-user- stories/
- 65. Unclassified Step 2: Prototyping Retrieved from http://rightmoveconsultants.com/content-development/ Content Development Sketchs/Mockups Minimum Viable Product MVP
- 66. Unclassified Step 3: Testing & Improving Retrieved from https://www.optimizely.com/optimization-glossary/ab- testing/ and https://medium.theuxblog.com/user-testing-v-s-usability- testing-c3a9edd04612
- 67. Unclassified
- 70. Unclassified sold product count in markets per category of segments Hands-on2 Retrieved from https://www.tableau.com/learn/tutorials/on- demand/getting- started?product=tableau_desktop&version=10_0&topic=getting_started
- 71. Unclassified Average Sales per Month Hands-on3 Retrieved from https://www.tableau.com/learn/tutorials/on- demand/getting- started?product=tableau_desktop&version=10_0&topic=getting_started
- 72. Unclassified Extra: A Simplest so Nicest Example Retrieved from https://www.invisionapp.com/blog/the-periodic-table-of- design/
- 73. Unclassified