Step 10 Visualisation Carlos Moura
|
|
|
- Shona Gaines
- 5 years ago
- Views:
Transcription
1 Step 10 Visualisation Carlos Moura COIN th JRC Annual Training on Composite Indicators & Scoreboards 06-08/11/2017, Ispra (IT)
2 Effective communication through visualization Why investing on visual information? 2 JRC-COIN Step 9 & 10 Communication & Visualization
3 Effective communication through visualization How many P s can you find in the text? A M C D F G O I S H P O F Q H O P I U O I U L F K S D K F K F J Z F C P T H B M U G I N D I C A T O R S D H D X B E W Z C O M P O S I T E A E T F R J L M N O J K P B R L A D X O G F J E I L K S A P R P U E D G H M X O Q B I 3 JRC-COIN Step 9 & 10 Communication & Visualization
4 Effective communication through visualization How many P s can you find in the text? A M C D F G O I S H P O F Q H O P I U O I U L F K S D K F K F J Z F C P T H B M U G I N D I C A T O R S D H D X B E W Z C O M P O S I T E A E T F R J L M N O J K P B R L A D X O G F J E I L K S A P R P U E D G H M X O Q B I 4 JRC-COIN Step 9 & 10 Communication & Visualization
5 Effective communication through visualization Visualization uses perception to free cognition 5 JRC-COIN Step 9 & 10 Communication & Visualization
6 Effective visualization How to achieve it? Is color important? Does it have to be pretty? Is there any science behind it? Where are the guidelines? 6 JRC-COIN Step 9 & 10 Communication & Visualization
7 Gestalt psychology Set of laws that accounts for how we perceive or intuit patterns and conclusions from the things we see. It allows for Better understanding of human perception Achieving better visuals Speeding up development by removing trial and error. 7 JRC-COIN Step 9 & 10 Communication & Visualization
8 Visual perception and the Principles of Gestalt Emergence forming complex patterns from simple rules. Can you see the dog? 8 JRC-COIN Step 9 & 10 Communication & Visualization
9 Visual perception and the Principles of Gestalt Emergence forming complex patterns from simple rules. 9 JRC-COIN Step 9 & 10 Communication & Visualization
10 Visual perception and the Principles of Gestalt Reification Constructive aspect of perception. The perceived experience contains more information than the sensorial stimulus. 10 JRC-COIN Step 9 & 10 Communication & Visualization
11 Visual perception and the Principles of Gestalt Multistability Ambiguous perceptual experiences to pop back and forth between alternative interpretations. 11 JRC-COIN Step 9 & 10 Communication & Visualization
12 Visual perception and the Principles of Gestalt Invariance Simple objects are recognized independent of rotation, translation and scale. 12 JRC-COIN Step 9 & 10 Communication & Visualization
13 Pragnanz Simplicity is the key People will perceive and interpret ambiguous or complex images as the simplest and complete form(s) possible. Independently of the figure, we always see the 4 points as vertices of a square = + not + 13 JRC-COIN Step 9 & 10 Communication & Visualization
14 Pragnanz Simplicity is the key Excel 2003 vs Excel 2013 Data-Ink ratio = data ink total ink used to make the graphic = 1 proportion of a graphic that can be erased without loss of data-information (Tufte, Edward The visual display of quantitative information) Some suggestions to reduce data-ink ratio: - No 3d charts - No backgrounds, shadows or gradients - Remove gridlines, decoration, borders, fillcolors 14 JRC-COIN Step 9 & 10 Communication & Visualization
15 Pragnanz Simplicity is the key An ordered chart is easier to read 15 JRC-COIN Step 9 & 10 Communication & Visualization
16 Gestalt principles Figure-ground organization The eye differentiates an object from its surroundings. Objects are either classified as figure or ground. Balancing figure and ground can make the perceived image more clear. 16 JRC-COIN Step 9 & 10 Communication & Visualization
17 Gestalt principles Law of Proximity Objects or shapes that are close to another appear to form groups. 17 JRC-COIN Step 9 & 10 Communication & Visualization
18 Gestalt principles Law of Proximity Objects or shapes that are close to another appear to form groups. A B C D A B C D 18 JRC-COIN Step 9 & 10 Communication & Visualization
19 Gestalt principles Law of Similarity Elements that share similar characteristics are perceived as more related than elements that don t share those characteristics. Similarity is particularly affected by color. 19 JRC-COIN Step 9 & 10 Communication & Visualization
20 Gestalt principles Law of Similarity Elements that share similar characteristics are perceived as more related than elements that don t share those characteristics. Similarity is particularly affected by color jan feb mar apr may jun jul ago sep oct nov dec 0 jan feb mar apr may jun jul ago sep oct nov dec 20 JRC-COIN Step 9 & 10 Communication & Visualization
21 Gestalt principles Law of Closure The minds tendency to see complete figures of forms even if a figure is incomplete, partially hidden by other objects or if part of the information is missing. 21 JRC-COIN Step 9 & 10 Communication & Visualization
22 Gestalt principles Law of Closure The minds tendency to see complete figures of forms even if a figure is incomplete, partially hidden by other objects or if part of the information is missing jan feb mar apr may jun jul ago sep oct nov dec 0 jan feb mar apr may jun jul ago sep oct nov dec 22 JRC-COIN Step 9 & 10 Communication & Visualization
23 Gestalt principles Law of Simetry The minds perceives objects as being symmetrical and forming around a center point. When two symmetrical elements are unconnected the mind perceptually connectes them to form a coherent shape. 23 JRC-COIN Step 9 & 10 Communication & Visualization
24 Gestalt principles Law of Common fate Visual elements moving in the same direction are perceived as being related to each other more than being related with others stationary or moving in a different direction. Images can also relate to similarity by shape. 24 JRC-COIN Step 9 & 10 Communication & Visualization
25 Gestalt principles Law of Common fate Visual elements moving in the same direction are perceived as being related to each other more than being related with others stationary or moving in a different direction. Images can also relate to similarity by shape. 25 JRC-COIN Step 9 & 10 Communication & Visualization
26 Gestalt principles Law of Continuity Elements tend to be grouped together if they are aligned within an object. 26 JRC-COIN Step 9 & 10 Communication & Visualization
27 Gestalt principles Law of Good Gestalt Objects tend to be perceptually grouped together if they form a pattern that is regular, simple and orderly. It means that as individuals perceive the world, they eliminate complexity and unfamiliarity so they can observe a reality in is most simplistic form. 27 JRC-COIN Step 9 & 10 Communication & Visualization
28 Gestalt principles Law of Past experience (isomorphic correspondance) Under some circunstances, visual stimuli are categorized according to past experience 28 JRC-COIN Step 9 & 10 Communication & Visualization
29 Gestalt principles Quality of Government First published in 2010 as a working paper Picked up by academic research Financed for 2013 update through FP7 Included in the Cohesion Report One of the pillars of the Cultural and Creative Cities Monitor 29 JRC-COIN Step 9 & 10 Communication & Visualization
30 Gestalt principles Quality of Government First published in 2010 as a working paper Picked up by academic research Financed for 2013 update through FP7 Included in the Cohesion Report One of the pillars of the Cultural and Creative Cities Monitor 30 JRC-COIN Step 9 & 10 Communication & Visualization
31 Gestalt principles Law of Uniform connectedness Elements that are visually connected are perceived as more related than elements with no connection. 31 JRC-COIN Step 9 & 10 Communication & Visualization
32 Gestalt principles Law of Common regions Elements are perceived as part of a group if they are located within the same closed region. 32 JRC-COIN Step 9 & 10 Communication & Visualization
33 Gestalt principles Law of Common regions Visual perception: 1 section containing many different elements Visual perception: 1 section containing 3 groups of metrics 33 JRC-COIN Step 9 & 10 Communication & Visualization
34 Gestalt principles Law of Common regions 34 JRC-COIN Step 9 & 10 Communication & Visualization
35 Preattentive attributes Used in data visualization to quickly focus the readers view on the most important point of information 35 JRC-COIN Step 9 & 10 Communication & Visualization
36 Preattentive attributes - examples Cultural and Creative Cities Monitor Rank Country page Preattentive attributes: Length/position and hue Social scoreboard Country Analysis Preattentive attributes: Position, hue, enclosure + connectedness 36 JRC-COIN Step 9 & 10 Communication & Visualization
37 Preattentive attributes - examples OECD Better Life Index Preattentive attributes: hue 37 JRC-COIN Step 9 & 10 Communication & Visualization
38 Color Color can be a powerful tool for presenting information if used effectively JRC-COIN Step 9 & 10 Communication & Visualization
39 Color Used innefectively, it can be a tool for disaster Capital regions are closer to the Europe 2020 targets Performance of less developed regions crucial for Europe 2020 High and low poverty road to development Quality of government varies dramatically within countries 39 JRC-COIN Step 9 & 10 Communication & Visualization
40 Color Some tips for choosing colors: - Limit color usage (less is more) good chromatic harmony can be achieved with 3 or 4 different colors. - Readability is fundamental Enough contrast between background and figure. - Tints, tones and shades. - Allow for white space. - Strategic use of colors to highlight important messages. - Keep cultural color meanings in mind. - Consistence use of colors and styles throughout the medium. 40 JRC-COIN Step 9 & 10 Communication & Visualization
41 Color Schemes Complementary Triadic Tetradic Opposite to each other on the colorwheel Analogous Three colors evenly space around the colorwheel Square Four colors arranged into two complementary pairs Split complementary Next to each other in the color wheel Four colors evenly space around the colorwheel Base color plus the two colors adjacent to it s complement 41 JRC-COIN Step 9 & 10 Communication & Visualization
42 Color Variations 42 JRC-COIN Step 9 & 10 Communication & Visualization
43 Color issues don t forget the 10% Color vision deficiency (CVD) affects approximately 8% of men (1 in 12 men) and 0.5% of women (1 in 200 women) Which means some people in the audience is affected by it (and some may even not aware). Make the test here: plates-cvd-test/#prettyphoto The most common form is called red-green color blindness and is encoded in the x-chromosome. Source: 43 JRC-COIN Step 9 & 10 Communication & Visualization
44 olor issues Red-blind (1.3%M/0.02%W) Green-blind (1.3%M/0.01%W) Blue-blind (0.001%M/0.03%W) ocial Scoreboard Red-weak (1.3%M/0.02%W) Green-weak (5%M/0.35%W) Blue-weak (0.02%M/0.01%W) 44 JRC-COIN Step 9 & 10 Communication & Visualization
45 olor issues eatmap Normal view Green-weak (5%M/0.35%W) Red-blind (1.3%M/0.02%W) Green-blind (1.3%M/0.01%W) 45 JRC-COIN Step 9 & 10 Communication & Visualization
46 Color tools 46 JRC-COIN Step 9 & 10 Communication & Visualization
47 Color tools 47 JRC-COIN Step 9 & 10 Communication & Visualization
48 Color tools 48 JRC-COIN Step 9 & 10 Communication & Visualization
49 Color tools 49 JRC-COIN Step 9 & 10 Communication & Visualization
50 Chart examples bad vs good Highlight what s important jan feb mar apr may jun jul ago sep oct nov dec 0 jan feb mar apr may jun jul ago sep oct nov dec 50 JRC-COIN Step 9 & 10 Communication & Visualization
51 Chart examples bad vs good Highlight what s important Is it ok? jan feb mar apr may jun jul ago sep oct nov dec 0 jan feb mar apr may jun jul ago sep oct nov dec 51 JRC-COIN Step 9 & 10 Communication & Visualization
52 Chart examples bad vs good Highlight what s important not color blind friendly (Red-blind simulation) jan feb mar apr may jun jul ago sep oct nov dec 52 JRC-COIN Step 9 & 10 Communication & Visualization
53 Chart examples bad vs good Highlight what s important Start from zero (and keep it simple) Source: 53 JRC-COIN Step 9 & 10 Communication & Visualization
54 Chart examples bad vs good Don t use 3d Avoid pie charts (specially in 3D) Source: 54 JRC-COIN Step 9 & 10 Communication & Visualization
55 Chart examples bad vs good Avoid comparing areas (even when the charts make sense) Keep it simple (sometimes a table is better to convey information) Source: 55 JRC-COIN Step 9 & 10 Communication & Visualization
56 C3 monitor country page cities rank Chart examples bad vs good Possible alternative 56 JRC-COIN Step 9 & 10 Communication & Visualization
57 Interactive data visualization Attract attention from the public Increase engagement Increase trust in the data The data tells the story Hundreds of possible stories The user create its own story Source (image): 57 JRC-COIN Step 9 & 10 Communication & Visualization
58 Interactive data visualization Source: 58 JRC-COIN Step 9 & 10 Communication & Visualization
59 COIN interactive platforms Social Scoreboard Cultural and Creative Cities Monitor JRC-COIN Step 9 & 10 Communication & Visualization
60 60 JRC-COIN Step 9 & 10 Communication & Visualization Any questions? You can find me at jrc-coin@ec.europa.eu
Visual Design. Simplicity, Gestalt Principles, Organization/Structure
Visual Design Simplicity, Gestalt Principles, Organization/Structure Many examples are from Universal Principles of Design, Lidwell, Holden, and Butler Why discuss visual design? You need to present the
Essentials for Text and Graphic Layout
5. Essentials for Text and Graphic Layout This section provides specific text and graphic guidelines that will help create a unified series of interpretive signs around Humboldt Bay. Text refers to the
Why Should We Care? More importantly, it is easy to lie or deceive people with bad plots
Plots & Graphs Why Should We Care? Everyone uses plots and/or graphs But most people ignore or are unaware of simple principles Default plotting tools (or default settings) are not always the best More
CS 556: Computer Vision. Lecture 18
CS 556: Computer Vision Lecture 18 Prof. Sinisa Todorovic sinisa@eecs.oregonstate.edu 1 Color 2 Perception of Color The sensation of color is caused by the brain Strongly affected by: Other nearby colors
ADDENDUM. PRINCIPLES OF DESIGN COURSE Topic YouTube link QR Code
ADDENDUM PRINCIPLES OF DESIGN COURSE Topic YouTube link QR Code Topic 1 Introduction to Graphic Design https://youtu.be/pacrrojlvui This video discussed on essential skills of a graphic design and its
C L A S S 2 T Y P O G R A P H Y. FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m.
C L A S S 2 T Y P O G R A P H Y FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m. Typography Typography separates graphic design from visual art. In every piece of type you see, somebody has considered how the letters,
Google Data Studio. Toronto, Ontario May 31, 2017
Google Data Studio Toronto, Ontario May 31, 2017 Introductions Share with us: Your name, organization, and role How do you currently display and share data? e.g. Excel? PowerPoint? Dashboards in Google
Software Visualization. Mircea Lungu
Software Visualization Mircea Lungu John Snow! The lines on the buildings are proportional to the number of deaths due to cholera from those buildings.! Do you know how did Snow realize which was the cause
Visual Design. Gestalt Principles Creating Organization and Structure Typography. Visual Design 1
Visual Design Gestalt Principles Creating Organization and Structure Typography Visual Design 1 UI Visual Design Objectives 1. Information communication - Enforce desired relationships (and avoid undesired
Preview from Notesale.co.uk Page 2 of 61
Modify a table Applying styles to tables; banding rows and columns; inserting total rows; removing styles from tables Filter and sort a table Filtering records; sorting data on multiple columns; changing
Today s Hall of Fame and Shame is a comparison of two generations of Google Advanced Search. This is the old interface.
1 Today s Hall of Fame and Shame is a comparison of two generations of Google Advanced Search. This is the old interface. 2 And this is the new interface. (If you can t read the image, go to http://www.google.com/advanced_search.)
Visual Design. Gestalt Principles Creating Organization and Structure Typography. UI Visual Design Objectives
Gestalt Principles Creating Organization and Structure Typography 1 UI Objectives 1. Information communication - Enforce desired relationships (and avoid undesired relationships) 2. Aesthetics - well designed,
Design Languages and Experience Design. SWE 432, Fall 2018 Web Application Development
Design Languages and Experience Design SWE 432, Fall 2018 Web Application Development Review: Fitt s law Time required to move to a target decreases with target size & increases with distance to the target
Information Visualization. Overview. What is Information Visualization? SMD157 Human-Computer Interaction Fall 2003
INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Information Visualization SMD157 Human-Computer Interaction Fall 2003 Dec-1-03 SMD157, Information Visualization 1 L Overview What is information
Web Development & Design Foundations with HTML5
1 Web Development & Design Foundations with HTML5 CHAPTER 5 WEB DESIGN Copyright Terry Felke-Morris 2 Learning Outcomes In this chapter, you will learn how to... Describe the most common types of website
Background. Lecture 2. Datafusion Systems
Background Lecture 2 1 Data vs Information Data is not information Data without context is useless Data + Interpretation -> Information / Knowledge but Junk + Fancy Presentation -> Fancy Junk Learn to
Color Issues for Accessible Game Development
Color Issues for Accessible Game Development This document is intended to provide guidance for the proper use of color in the development of accessible games. The information herein has been abridged from
Organizing Information and Creating Hierarchy. Cookie Caloia
Organizing Information and Creating Hierarchy Cookie Caloia Visual Hierarchy, theoretically The concept of visual hierarchy is based in Gestalt psychological theory, that proposes that the human brain
PLANNING. CAEL Networked Worlds WEEK 2
PLANNING CAEL5045 - Networked Worlds WEEK 2 WEEK 2 CHOOSING COLOURS CHOOSING FONTS COLLECTING CONTENT PLANNING STRUCTURE WIREFRAMES + MOCKUPS Every colour, including black and white, has implications for
Communication Design and Visualising Information May 5, 2016 Centre for Internet and Society, Bangalore
Communication Design and Visualising Information May 5, 2016 Centre for Internet and Society, Bangalore Presented at the Workshop on Research Methods for Internet Policy in South and Southeast Asia, held
Creating and Modifying Charts
Creating and Modifying Charts Introduction When you re ready to share data with others, a worksheet might not be the most effective way to present the information. A page full of numbers, even if formatted
Multimedia Design Principles. Darnell Chance August 2005
Multimedia Design Principles Darnell Chance August 2005 Home Page Things To Consider Organization Story Board Organization The 3 C s Alignment Proximity Tips/ Techs White Space Contrast Rule of Thumb Typography
Topic 0b Graphics for Science & Engineering
Course Instructor Dr. Raymond C. Rumpf Office: A 337 Phone: (915) 747 6958 E Mail: rcrumpf@utep.edu Topic 0b Graphics for Science & Engineering EE 4386/5301 Computational Methods in EE Outline What are
Format and Layout 8/31/2012. Using Visuals to Inform and Persuade
ENG112 Prof. Katherine Delhagen *No sound read every slide of the presentation carefully Using Visuals to Inform and Persuade Effective technical communication integrates textual and visual elements: o
Reporting Services Tips for the Stephen Few Fan
Reporting Services Tips for the Stephen Few Fan Meagan Longoria August 4, 2012 Presentation Information A copy of the presentation as well as links to sources and other helpful articles is posted on Google+.
Statistical graphics in analysis Multivariable data in PCP & scatter plot matrix. Paula Ahonen-Rainio Maa Visual Analysis in GIS
Statistical graphics in analysis Multivariable data in PCP & scatter plot matrix Paula Ahonen-Rainio Maa-123.3530 Visual Analysis in GIS 11.11.2015 Topics today YOUR REPORTS OF A-2 Thematic maps with charts
Visual Computing. Lecture 2 Visualization, Data, and Process
Visual Computing Lecture 2 Visualization, Data, and Process Pipeline 1 High Level Visualization Process 1. 2. 3. 4. 5. Data Modeling Data Selection Data to Visual Mappings Scene Parameter Settings (View
Visualization as an Analysis Tool: Presentation Supplement
Visualization as an Analysis Tool: Presentation Supplement This document is a supplement to the presentation Visualization as an Analysis Tool given by Phil Groce and Jeff Janies on January 9, 2008 as
What Type Of Graph Is Best To Use To Show Data That Are Parts Of A Whole
What Type Of Graph Is Best To Use To Show Data That Are Parts Of A Whole But how do you choose which style of graph to use? This page sets They are generally used for, and best for, quite different things.
Guide for Creating Accessible Content in D2L. Office of Distance Education. J u n e 2 1, P a g e 0 27
Guide for Creating Accessible Content in D2L Learn how to create accessible web content within D2L from scratch. The guidelines listed in this guide will help ensure the content becomes WCAG 2.0 AA compliant.
Creating an Accessible Microsoft Word document
Creating an Accessible Microsoft Word document Use Built-in Formatting Styles Using built-in formatting styles could be the single most important step in making documents accessible. Built-in formatting
The following slides present guidelines and suggestions for the use of fonts, colors, and graphics when preparing PowerPoint presentations.
PowerPoint Presentation Guidelines The following slides present guidelines and suggestions for the use of fonts, colors, and graphics when preparing PowerPoint presentations. This media (PPT) is designed
Lecture 2 Map design. Dr. Zhang Spring, 2017
Lecture 2 Map design Dr. Zhang Spring, 2017 Model of the course Using and making maps Navigating GIS maps Map design Working with spatial data Geoprocessing Spatial data infrastructure Digitizing File
Presented by Dr. Mariah Judd February 15, 2013
Presented by Dr. Mariah Judd juddm@iupui.edu February 15, 2013 » What are the first things you notice? Color Pictures Title Figures Section titles Bullets.text » Brain storm ideas for what you want your
Fundamental of Digital Media Design
Fundamental of Digital Media Design Chapter 5 Principle of Design by Noraniza Samat Faculty of Computer Systems & Software Engineering noraniza@ump.edu.my OER Fundamental of Digital Media Design by Noraniza
Note 8: Visual Interface Design
Computer Science and Software Engineering University of Wisconsin - Platteville Note 8: Visual Interface Design Yan Shi Lecture Notes for SE 3330 UW-Platteville Based on About Face 3: Chapter 14 Visual
What is Computer Vision?
Perceptual Grouping in Computer Vision Gérard Medioni University of Southern California What is Computer Vision? Computer Vision Attempt to emulate Human Visual System Perceive visual stimuli with cameras
Graphic Design Starter Pack
Graphic Design Starter Pack Graphic Design Contact Us// E-mail: graphic.design@shawacademy.com www.shawacademy.com Hello This Starter Pack aims to give you a better understanding of what Graphic Design
Last Time: Data and Image Models
CS448B :: 2 Oct 2012 Visualization Design Last Time: Data and Image Models Jeffrey Heer Stanford University The Big Picture Nominal, Ordinal and Quantitative task questions & hypotheses intended audience
CONVERT WITH COLOR. Your guide to using color to maximize the impact of your campaigns. The Best Way to Use Color in Design
CONVERT WITH COLOR Your guide to using color to maximize the impact of your email campaigns The Best Way to Use Color in Email Design www.beefree.io/ IMPROVE YOUR COLOR CHOICES TO MAXIMIZE EMAIL IMPACT
Marks. Marks can be classified according to the number of dimensions required for their representation: Zero: points. One: lines.
Marks and channels Definitions Marks are basic geometric elements that depict items or links. Channels control the appearance of the marks. This way you can describe the design space of visual encodings
PAGE LAYOUT IN GRAPHIC DESIGN Where do you start when you want to create an attractive and effective design?
PAGE LAYOUT IN GRAPHIC DESIGN Where do you start when you want to create an attractive and effective design? Aims & Outcomes for this week: Aims: To understand the three main page layout conventions used
Design Theory V Boo Virk Simon Andrews.
Design Theory V2017-06 Boo Virk Simon Andrews boo.virk@babraham.ac.uk simon.andrews@babraham.ac.uk Why does good design matter? Good design makes a great first impression Good design makes for effective
8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives. Overall Design Is Related to the Site Purpose. Website Organization
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 5 Web Design Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links by using INSERT+F7 Learning
20 _. 14 _ Visual Identity. 03 _ Brand Message. 24 _ Brand Consistency 04 _. 10 _ Color Palette. 02 _ Our Mission. Our Logo. Our.
brand guidelines 02 Our Mission 03 Brand Message 04 Our Logo 06 Construction & Clearspace 07 Using Our Logo 08 Logo Don ts 09 On Photographs 10 Color Palette 12 Primary Colors 13 Complimentary Colors 14
Data Visualization Principles for Dashboard Design
Data Visualization Principles for Dashboard Design Olin College, Data Dashboard Design Jerzy Wieczorek 11/10/15 1 / 70 Follow along These slides and a summary checklist are at http://www.stat.cmu.edu/~jwieczor/
Multimedia Design Principles
Multimedia By Tansa Ayazgok February 2018 Multimedia Things To Your Audience Time Cost Skill level Equipment Click here to view a link to the Best Portable Projectors for Presentations Click the image
CORPORATE IDENTITY 2017 For internal use.
CORPORATE IDENTITY 2017 For internal use www.rivacase.com CONTENTS Introduction RIVACASE positioning Four key elements of the corporate identity 1. Logo 2. Colours 3. Imagery 4. Elements at work Profile
EDWARD TUFTE. The Visual Display of Quantitative Information. Envisioning Information. Edward Tufte
EDWARD TUFTE The Leonardo da Vinci of data. -The New York Times The Visual Display of Quantitative Information Envisioning Information Edward Tufte Edward Tufte Background Info Visual Display of Quantitative
Seven Steps to Creating an Accessible Microsoft Word document
Seven Steps to Creating an Accessible Microsoft Word document Disability Access Services i About Disability Access Services Centralized Resource and Information on Disability Access Disability Access Services
ISE Cyber Security UCITS Index (HUR)
ISE Cyber Security UCITS Index (HUR) Why Cybersecurity is important Data breaches have become almost commonplace in the last few years Cybersecurity focuses on protecting computers, networks, programs,
CORPORATE IDENTITY 2017 For internal use.
CORPORATE IDENTITY 2017 For internal use www.rivacase.com PAGE 2 DESIGN BY RIVACASE GERMANY CONTENTS Introduction RIVACASE positioning Four key elements of the corporate identity 1. Logo 2. Colours 3.
Creating Accessible Word Documents
Creating Accessible Word Documents 1 of 11 Creating Accessible Word Documents Contents 1. General principles... 1 2. Styles/ Headings... 2 3. Table of Contents... 3 Updating a Table of Contents... 5 4.
Data Visualization Principles for Scientific Communication
Data Visualization Principles for Scientific Communication 8-888 Introduction to Linguistic Data Analysis Using R Jerzy Wieczorek 11//15 Follow along These slides and a summary checklist are at http://www.stat.cmu.edu/~jwieczor/
15-Minute Fix: A Step-by-Step Guide to Designing Beautiful Dashboards
15-Minute Fix: A Step-by-Step Guide to Designing Beautiful Dashboards With a dashboard, every unnecessary piece of information results in time wasted trying to filter out what s important. Stephen Few,
Design Principles. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of
Design Principles Advanced Higher Graphic Presentation Professional Graphic Presentations by kind permission of Design Principles:- Balance Balance in Composition Three different types of balance :- *
Cartographic Principles: Map design
MSc GIS: GIS Algorithms and Data Structures Cartographic Principles: Map design Martin Dodge (m.dodge@ucl.ac.uk) With Changes by Dan Ryan http://www.casa.ucl.ac.uk/martin/msc_gis/ some (scientific) rules
ALL-KANSAS NEWS WEBSITE CRITIQUE BOOKLET. This guide is designed to be an educational device SCHOOL NAME: NEW WEBSITE NAME: YEAR: ADVISER:
ÇP ALL-KANSAS NEWS WEBSITE CRITIQUE BOOKLET This guide is designed to be an educational device to improve the quality of your news website program. It is intended to point out positive aspects of your
ICT PROFESSIONAL MICROSOFT OFFICE SCHEDULE MIDRAND
ICT PROFESSIONAL MICROSOFT OFFICE SCHEDULE MIDRAND BYTES PEOPLE SOLUTIONS Bytes Business Park 241 3rd Road Halfway Gardens Midrand Tel: +27 (11) 205-7000 Fax: +27 (11) 205-7110 Email: gauteng.sales@bytes.co.za
Full file at
Matching Terms 1. e 2. g 3. i 4. f 5. b 6. c 7. a 8. h 9. l 10. j 11. d 12. k Short Answer Web Design, Third Edition End of Chapter Solutions CHAPTER TWO WEB PUBLISHING FUNDAMENTALS Instructions: Write
UX as Science. Jinsoo Kim Ph.D.
UX as Science Jinsoo Kim Ph.D. My Background Education Electrical Engineering (B.A.) Education (B.A. and M.A.) Cognitive Science (Ph.D.) Specialized in HCI (Human-Computer Interaction) Business Fmr Yahoo!
Effective Print Document Design
35c 460 CHAPTER 35 Effective Print Document Design 35a What is document design? Document design refers to the visual appearance of a print document (how it looks), as opposed to the content of the document
Approaches to Visual Mappings
Approaches to Visual Mappings CMPT 467/767 Visualization Torsten Möller Weiskopf/Machiraju/Möller Overview Effectiveness of mappings Mapping to positional quantities Mapping to shape Mapping to color Mapping
Making Your Word Documents Accessible
Making Your Word Documents Accessible Montclair State University is committed to making our digital content accessible to people with disabilities (required by Section 508). This document will discuss
S. Rinzivillo DATA VISUALIZATION AND VISUAL ANALYTICS
S. Rinzivillo rinzivillo@isti.cnr.it DATA VISUALIZATION AND VISUAL ANALYTICS Perception and Cognition vs Game #4 How many 3s? 1258965168765132168943213 5463479654321320354968413 2068798417184529529287149
WEB APPLICATION HIERARCHY
WEB APPLICATION HIERARCHY LUKE WROBLEWSKI AN EVENT APART, BOSTON 2008 1 Luke Wroblewski Yahoo! Inc. Senior Principal, Product Ideation & Design LukeW Interface Designs Principal & Founder Product design
STAT1010 cautions on graphics
3.4 Cautions with Graphics Graphics can be misleading. How do we perceive the graphic? Is the graphic portrayed honestly? Are they comparing apples to apples? Or apples to oranges? Is it a percentage change
Design World. Graphical Integrity. largely from Edward Tufte, The Visual Display of Quantitative Information, Graphics Press, 1983.
Design World Graphical Integrity largely from Edward Tufte, The Visual Display of Quantitative Information, Graphics Press, 1983. Graphical integrity Graphics can be a powerful communication tool Lies
All King County Summary Report
September, 2016 MTD MARKET UPDATE Data Current Through: September, 2016 18,000 16,000 14,000 12,000 10,000 8,000 6,000 4,000 2,000 0 Active, Pending, & Months Supply of Inventory 15,438 14,537 6.6 6.7
Perceptual Organization and Visual Design
Perceptual Organization and Visual Design Heidi Lam January 20, 2003 Outline Perceptual Organization: Theory Gestalt Laws Transparency Summary 1 Perceptual Organization How all the bits and pieces of visual
Build websites that suit the needs and abilities of users
Goal 1 Build websites that suit the needs and abilities of users The main goal of many websites is to display information users need. 2 Tools for indicating importance in the visual information hierarchy
Project Justification
Project Justification This unit of instruction is based on typography and the creative use of letterforms to visually communicate a message through images rather than just the printed word. Type manipulation
ONE K CREATIVE. tools for social impact storytelling: CREATING A CONSISTENT BRand
ONE K CREATIVE tools for social impact storytelling: CREATING A CONSISTENT BRand key elements to define for brand consistency DEFINING THE BASIC ELEMENTS OF YOUR BRAND ALLOWS YOUR TEAM - STAFF, BOARD MEMBERS,
Principles of Professional Communication 1!! Familiar icons & symbols what do they represent?! Familiar signs!
Principles of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words! Familiar icons & symbols what do they represent?! Principles of Professional Communication
Input part 3: Interaction Techniques
Input part 3: Interaction Techniques Interaction techniques A method for carrying out a specific interactive task Example: enter a number in a range could use (simulated) slider (simulated) knob type in
software.sci.utah.edu (Select Visitors)
software.sci.utah.edu (Select Visitors) Web Log Analysis Yearly Report 2002 Report Range: 02/01/2002 00:00:0-12/31/2002 23:59:59 www.webtrends.com Table of Contents Top Visitors...3 Top Visitors Over Time...5
Principles of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words!
Principles of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words! Familiar icons & symbols what do they represent?! Principles of Professional Communication
Elements and Principles Design
Elements and Principles Design Design Considerations Excellence in visual communication is founded on experience, cleverness, innate ability and precise execution. The designer begins with a good concept
Route Map (Start September 2012) Year 9
Route Map (Start September 2012) Year 9 3 th 7 th Sept 10 th -14 th Sept 17 th 21 st Sept 24 th 28 th Sept 1 st -5 th Oct 8 th -12 th Oct 15 th 19 th Oct 22 nd -26 th Oct 29 th Oct-2 nd Nov 5 th -9 th
Good Publication Design
Good Publication Design The top ten tips for creating professional print documents How do I create a well-designed print publication? Good publication design is an art form. Attractively presenting written
DARUL ARQAM Scope & Sequence Mathematics Grade 5. Revised 05/31/ st Quarter (43 Days) Resources: 1 : Aug 9-11 (3 days)
Maematics Grade 5 1st Quarter (43 Days) st 1 : Aug 9-11 (3 days) Orientation Topic 1: Place Value Lesson 1 Lesson 5 nd 2 : Aug 14-18 rd 3 : Aug 21-25 4 : Aug 28-30 (3 days) Topic 2: Adding and Subtracting
DATA ABSTRACTION & INTRO TO TABLEAU
cs6630 September 4 2014 DATA ABSTRACTION & INTRO TO TABLEAU Miriah Meyer University of Utah 1 administrivia... 2 - design critiques due tonight - first assignment out today - there *might* be 3 seats available
Web Design, 5 th Edition
2 Web Publishing Fundamentals Web Design, 5 th Edition Chapter Objectives Describe the advantages of web publishing Discuss basic web design principles Define the requirements for writing for the web Explain
Engage Education Foundation
E Free Exam for 2013-17 VCE study design Engage Education Foundation Units 3 and 4 Visual Communication and Design Practice Exam Solutions Stop! Don t look at these solutions until you have attempted the
Seattle (NWMLS Areas: 140, 380, 385, 390, 700, 701, 705, 710) Summary
September, 2016 MTD MARKET UPDATE Data Current Through: September, 2016 (NWMLS Areas: 140, 380, 385, 390,, 701, 705, 710) Summary Active, Pending, & Months Supply of Inventory 5,000 4,500 4,000 3,500 4,091
November 20, 2017 NEAIR Jersey City. Dashboard Design in Excel Beyond the Basics. Rich Hetherington Merima Babić
November 20, 2017 NEAIR Jersey City Dashboard Design in Excel Beyond the Basics Rich Hetherington Merima Babić 1 Temple University At A Glance Located in Philadelphia, Pennsylvania 17 Schools/Colleges
Seattle (NWMLS Areas: 140, 380, 385, 390, 700, 701, 705, 710) Summary
October, 2016 MTD MARKET UPDATE Data Current Through: October, 2016 (NWMLS Areas: 140, 380, 385, 390,, 701, 705, 710) Summary Active, Pending, & Months Supply of Inventory 4,500 4,000 3,500 4,197 4,128
WHAT ARE MOBILE PHONE SHOPPERS SEARCHING ONLINE?
WHAT ARE MOBILE PHONE SHOPPERS SEARCHING ONLINE? Data Centric Insights on Mobile Phone Brands Considered by Shoppers August 2018 Sparkwinn Research The Smart Shopper Insights Report June 2018 has been
Web-Friendly Sites. Planning & Design 1
Planning & Design 1 This tutorial presents useful tips and tricks to help you achieve a more Web-friendly design and make your sites more efficient. The following topics are discussed: How Z-order and
Accessible Content. Make sure your message reaches everyone!
Accessible Content Make sure your message reaches everyone! Disability Network Southwest Michigan We educate and connect people with disabilities to resources while advocating social change. What is Accessible
Maximising Search Engine Marketing. Search Marketing and Google Analytics
Maximising Search Engine Marketing Search Marketing and Google Analytics Why Digital Marketing? UK Business Digital Index 2016 52% state cost savings is one of the advantages to being online, a significant
Seattle (NWMLS Areas: 140, 380, 385, 390, 700, 701, 705, 710) Summary
November, 2016 MTD MARKET UPDATE Data Current Through: November, 2016 (NWMLS Areas: 140, 380, 385, 390,, 701, 705, 710) Summary 4,000 3,500 3,000 2,500 2,000 1,500 1,000 500 0 Active, Pending, & Months
Develop great research posters using Microsoft PowerPoint
www.qps.qut.edu.au Develop great research posters using Microsoft PowerPoint A step-by-step guide QUT PRINTING SERVICES A step-by-step guide This step-by-step guide will assist you to understand the purpose
RLMYPRINT.COM 30-DAY FREE NO-OBLIGATION TRIAL OF RANDOM LENGTHS MY PRINT.
My Print ON-DEMAND GRAPHS AND PRICE REPORTS TRY IT FREE FOR 30 DAYS! RLMYPRINT.COM 30-DAY FREE NO-OBLIGATION TRIAL OF RANDOM LENGTHS MY PRINT. Register and immediately begin using the new Web site to create
Text and Lists Use Styles. What Are Styles?
Creating Accessible Word Documents Using Microsoft Word 2003 Cassandra Tex, MBA Assistive Technology Specialist Student Disability Resource Center Humboldt State University Word documents are inherently
POWERPOINT Build a Presentation to Remember
POWERPOINT 2007 Build a Presentation to Remember Microsoft Office 2007 TABLE OF CONTENTS DOCUMENT THEMES... 1 THEMES... 1 COLOR SETS... 1 FONT SETS... 1 MASTER SLIDES... 2 USING THEMES IN THE SLIDE MASTER...
7.0 INTERACTION DESIGN USER INTERFACE
7.0 INTERACTION DESIGN USER INTERFACE PRINCIPLES OF INTERACTION DESIGN SUMMER 2014 DESIGNISM #18 A PICTURE IS WORTH A THOUSAND WORDS. AN INTERFACE IS WORTH A THOUSAND PICTURES. BEN SHNEIDERMAN USER INTERFACE
15 NEUROMARKETING. Mind Hacks. You Need To Be Using
15 NEUROMARKETING Mind Hacks You Need To Be Using Research suggests that there are definite behavioral patterns that most people follow almost automatically, and understanding those patterns gives you
Visual Design + Gestalt Principles. Professor Michael Terry
Visual Design + Gestalt Principles Professor Michael Terry For Friday A resume and business card design pair The visual design of the resume and business card should match Business card should have a front
Exploring Microsoft Office Word 2007
Exploring Microsoft Office Word 2007 Chapter 3: Enhancing a Document Robert Grauer, Keith Mulbery, Michelle Hulett Objectives Insert a table Format a table Sort and apply formulas to table data Convert