SM2222: Information Design and Visualization Public Information Symbols 4 November 2005.

Slides:



Advertisements
Similar presentations
Writing constructed response items
Advertisements

Structured Design The Structured Design Approach (also called Layered Approach) focuses on the conceptual and physical level. As discussed earlier: Conceptual.
Chapter 8 Enhancing Learning with Visuals
SM2222 Information Design and Visualization Product Instruction Design 21 October 2005.
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
Professional Communication: The Corporate Insider’s Approach Chapter Four Arrangement: Ordering and Visualizing Business Information.
Chapter 1 Introduction. “How do I send picture by ?” “Click on Attach button, or paper clip icon, select the picture and click attach” The instructions.
SIMS 213: User Interface Design & Development
Types of Data Displays Based on the 2008 AZ State Mathematics Standard.
CMPUT 301: Lecture 25 Graphic Design Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses by.
Designing Pages and Screens Comm Arts II Mr. Wreford.
SM5312 week 2: web design1 Web Design Principles Nick Foxall.
The Analytical Model Goldsmith. The Analytical Model A model for the analysis of illustration identifying 12 elements which provide a structure within.
Principles and Methods
Long Liu, Uvo Hoelscher Muenster University of Applied Sciences
Conceptual modelling. Overview - what is the aim of the article? ”We build conceptual models in our heads to solve problems in our everyday life”… ”By.
GIS Brownbag Series Making Maps that Communicate.
Foundations This chapter lays down the fundamental ideas and choices on which our approach is based. First, it identifies the needs of architects in the.
Level > Next Level > …. > Crumb Trail (Hansel & Grettel) Bread Crumb Trail.
Logos, Icons, and Descriptive Graphics Cindy Taylor.
Statistical Natural Language Processing. What is NLP?  Natural Language Processing (NLP), or Computational Linguistics, is concerned with theoretical.
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
Basic Concepts The Unified Modeling Language (UML) SYSC System Analysis and Design.
November 25, 2014Computer Vision Lecture 20: Object Recognition IV 1 Creating Data Representations The problem with some data representations is that the.
PROGRAMMING LANGUAGES The Study of Programming Languages.
Literacy Secretariat Literacy is everyone’s business Introduction to the Australian Curriculum: English Literacy as a general capability.
Microsoft Wang Li, Wang Yini, Li YIcheng.  This is a presentation about Microsoft Windows7 guidelines  Wang Li K8wali00  Li Yicheng K8liyi00  Wang.
The Map Design Process and the Elements of Map Composition SP 240 Cartography Alex Chaucer.
Principles of User Centred Design Howell Istance.
Yvonne M. Hansen Visualization for Thinking, Planning, and Problem Solving Simple, graphic shapes, the building blocks of a graphical language, play an.
Creating a Visual Package enhancing the document and leading the reader.
Drafting and Revising Definitions and Descriptions
VISUAL PERCEPTION 1. Developed by the German school called Gestalt Psychology –The relation between the figure and the background –Termination or closure.
Esri UC 2014 | Technical Workshop | Intelligence Analysis: How to Create Meaningful Map Products Natalie Feuerstein, Esri Mary Clawson, Esri.
Chapter 13 Creating Graphics. 2Chapter 13. Creating Graphics.
Principles of Good Screen Design
Organizing Your Information
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Chapter 14. Writing Definitions, Descriptions, and Instructions © 2013 by Bedford/St. Martin's1 What are definitions, descriptions, and instructions? A.
©2001 Southern Illinois University, Edwardsville All rights reserved. Today Fun with Icons Thursday Presentation Lottery Q & A on Final Exam Course Evaluations.
General Development Procedures for In- Vehicle Icons John L. Campbell Battelle Human Factors Transportation Center Seattle, Washington May 22, 2003 ITS.
1. What is an Icon? icon (def), n., pl. icons, icones 1. A picture, image, or other representation 2. (Eastern Ch.) a representation in painting, enamel,
VERITAS Confidential Graphic Design Shashank Deshpande VERITAS Software July, 2003.
King Saud University College of Engineering IE – 341: “Human Factors” Fall – 2015 (1 st Sem H) Chapter 3. Information Input and Processing Part.
Semantics The study of meaning in language. Semantics is…  The study of meaning in language.  It deals with the meaning of words (Lexical semantics)
Lecture 3 - Race against Time 1 Three points for today Sensory memory (SM) contains highly transient information about the dynamic sensory array. Stabilizing.
McGraw-Hill/Irwin © 2009 The McGraw-Hill Companies, All Rights Reserved Copyright © 2010 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill/Irwin.
G063 - Human Computer Interface Design Designing the User Interface.
LECTURE 4: ICAO CHART requirements
McGraw-Hill/Irwin © 2012 The McGraw-Hill Companies, Inc. All rights reserved. Obtaining Valid and Reliable Classroom Evidence Chapter 4:
©2001 Southern Illinois University, Edwardsville All rights reserved. CS 321 Human-Computer Interaction Today Fun with Icons Wednesday Project Milestone:
Design Concept Display. Emphasis The dictionary contains emphasis in the form of bolded words. The words in bold are given importance to differentiate.
Goals of Documentation ITSW 1410, Presentation Media Software Instructor: Glenda H. Easter.
3:01 PM Three points for today Sensory memory (SM) contains highly transient information about the dynamic sensory array. Stabilizing the contents of SM.
 A navigational display should serve these four different classes of tasks:  Provide guidance about how to get to a destination  Facilitate planning.
Conceptual Model Design Informing the user what to do Lecture # 10 (a) Gabriel Spitz.
FROM MONOMODAL TO MULTIMODAL METAPHORS
Chapter 13 Using Visual Aids.
1 Presentation Methodology Summary B. Golden. 2 Introduction Why use visualizations?  To facilitate user comprehension  To convey complexity and intricacy.
 Developed by the German school called Gestalt Psychology The relation between the figure and the background Termination or closure principle Other perceptive.
IT323 - Software Engineering 2 1 Tutorial 3.  Suggest ways in which the user interface to an e-commerce system such as an online stores might be adapted.
PRINCIPLES OF UNIVERSAL DESIGN: Usable learning environments for all students.
 The same story, information, etc can be represented in different media  Text, images, sound, moving pictures  All media can be represented digitally.
Understanding definitions, descriptions, and instructions
Classroom Assessment A Practical Guide for Educators by Craig A
The Semiotic Engineering of Human-Computer Interaction Section I Foundation Chapter 1 Introduction.
VISUAL LANGUAGE 2.
CEN3722 Human Computer Interaction Displays
Creating Visuals and Data Displays
Create Meaningful Graphics, Icons, and Images Lecture-14
Presentation transcript:

SM2222: Information Design and Visualization Public Information Symbols 4 November 2005

A symbol is essentially a picture or visual representation which depicts one or some of the features of referent (real-world object or concept) it represents.

Advantages of using symbols They can be identified at a greater distance and more rapidly They can be identified more accurately when seen at a glance They can be can seen better under adverse viewing conditions They can be understood by people who do not read the language of the country

Advantages of using symbols They can be detected more readily than can word signs They can be represented information in a spatially condensed form They can be multi-dimensional, incorporating such features as color, shape and size, as well as combination of these, into the basic symbol message

Categories of symbols Industrial and occupational (in the workplace) Representing methods (machines, instructions) Management of public places (transportation, museums, hospitals) Knowledge Particular activities (sports)

Criteria for effective symbols It must command attention or be easily detected by the person who needs the information It must be legible at the appropriate distance and must often be legible when seen for a very brief time (e.g. a highway sign) or under adverse viewing conditions (e.g. low illumination, glare) It must also be quickly identified, as drivers often have only a second to interpret and respond to the message It must be clearly understood and the action to be taken in response to the message should be immediately obvious

Criteria for effective symbols Comprehension Conspicuity Reaction Time Legibility Distance Learnability Potential users

A model of the relation between signal, sign and referent Signal Picture/ Abstract Drawing Sign Relation Iconic or Symbolic Referent World Object/ Abstract Concept

Classifications of symbols Form - includes resemblance, or use of an analogous image (e.g. the ‘falling rocks’ road sign symbol) Exemplar - use of a typical example for a class of objects (e.g. a book to represent ‘library’) Symbolic - an image represents a higher level of abstraction than the image itself (e.g. cracked wine glass to show ‘fragility’) Arbitrary – use of an image that has no relationship to the referent (e.g. the symbol for ‘biohazard’)

Understanding symbols The psychological processes involved in recognizing and understanding pictographs Abstract ones invoke referents at conceptual level (e.g. computer command), whereas concrete ones invoke specific objects or exemplars Cultural experience and context play a role in the understanding of symbols (e.g. railway train sign) A warning message indicate either the nature of the hazard or its consequences It will also be determined its ease of design and effectiveness Early development of icons for computer (e.g. papers, folders, mail boxes), but many operations now just do not have pictorial representations

Choice of symbols Should drivers be told what they can (or must) do, OR what they cannot do on the road?

Problems with symbols Many are too small to be seen from a distance, even at reading distance (e.g. on maps and brochures) They have very small or unnecessary detail Some are very similar to others, leading not only to confusion between symbol images, but also to misunderstanding of the messages The meaning of graphic symbols are not always obvious to the user It cannot communicate with people who do not read the language of the country Many symbols differ not only by style, but among cultures and over time within a culture (e.g. knife and fork vs. chopsticks depict restaurant)

Methods for evaluating symbols Field and laboratory evaluation of symbols

Methods for evaluating symbols Psychological methods - reaction time, glance legibility, legibility distance, comprehension, preference ratings and signal detection.

Methods for evaluating symbols Comprehension Test (the standard ISO procedure – write out the symbol’s meaning)

ISO procedure for the development of public information symbols

Methods for evaluating symbols Semantic Differential Method – a series of selected bipolar adjectives (e.g. beautiful – ugly, strong – weak), then write out the symbol’s meaning UglyBeautiful WeakStrong ComplexSimple Meaning:

Telephone

ISO 1979

Methods for evaluating symbols Comprehension Estimation Procedure – The correlations score of symbols between estimated and actual comprehension level

Methods for evaluating symbols The effects of context and familiarity on comprehension With full context – 2 sentence description e.g. You are walking in an international airport. This symbol is located on a sign extending from the wall overhead With partial context – 2 word description e.g. international airport No context information

Guidelines for the image content of symbols Standardize the image content description in the early stage But it permit slight variation in the graphical image for cultural differences, corporate identity requirement, changes in technology and creativity from the designer Fundamental design criteria of symbols for ‘comprehension’ and ‘legibility’ must still be met Symbols must be meaningful, legible, learnable, memorable and used consistently Emphasize the distinguishing features which are more easily recognized even than photographs It may involve ‘stylization’ or the portrayal and exaggeration of the useful and essential elements of an object relevant to its identification

Guidelines for the graphic design of symbols Uniformity of design – both within and between symbol system aids understanding

Guidelines for the graphic design of symbols Complexity and detail – symbols should be as visually simple as possible and involve an easily discriminated figure with few details

Guidelines for the graphic design of symbols 2 types of details in symbols – those necessary for adequate visibility at a greater distance and those desirable for understanding of the message

Guidelines for the graphic design of symbols Specific symbol elements – it is most appropriate to use side views of certain components

Guidelines for the graphic design of symbols Legibility –feature size –feature separation / gap size –feature familiarity –contrast

A Design Case Study Visual alerts to machinery hazards

The demands a visual message with characteristics: -It should be in the immediate vicinity of the hazard -It should be contrast with the background -It should instantaneously identify the nature of the hazard -It should indicate the consequences which can result if precaution are not taken -It should indicate the level of intensity or seriousness of the hazard -It should indicate instructions on how to avoid the hazard