Information Design Which is the design of informations?

Slides:



Advertisements
Similar presentations
Graphical input techniques
Advertisements

Human Computer Interface
These courseware materials are to be used in conjunction with Software Engineering: A Practitioner’s Approach, 6/e and are provided with permission by.
User Interface. What is a User Interface  A user interface is a link between the user and the computer. It allows the user and the computer to communicate.
A Communication Model How Mass Communication Works!
Interpersonal Communication John A. Cagle. Interpersonal Communication Interpersonal communication deals with relationships between people, usually in.
UQI120S2 Human Computer Interaction Designing and building GUIs We made the point that the final product should fit the cognitive makeup of the user. We.
CA 121 Intro to Programming Tariq Aziz and Kevin Jones GUI Programming in Visual Studio.NET Chapter 1 Tariq Aziz and Kevin Jones.
About metaphorical expressions The essence of a metaphor is understanding and experiencing one kind of things in terms of another Metaphor is pervasive.
Part 3: Design Days 15, 19, 21, 23 Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction.
©TheMcGraw-Hill Companies, Inc. Permission required for reproduction or display. COMPSCI 125 Introduction to Computer Science I.
T.Sharon-A.Frank 1 Multimedia Introduction and Motivation.
Interaction Styles Interface Widgets. What are Interaction Styles?  A Collection of interface objects and associated techniques from which an interaction.
0 HCI Today Talk about HCI Success Stories Talk about HCI Success Stories Talk about Norman’s Paper Talk about Norman’s Paper Start talking about The human.
Compunet Corporation Programming with Visual Basic.NET GUI Week # 11 Tariq Ibn Aziz.
COMMUNICATION Introduction Meaning of communication
User Interfaces. User Interface What do we mean by a user interface? The user is the person who is using the computer. A user interface is what he or.
Human Computer Interface. Human Computer Interface? HCI is not just about software design HCI applies to more than just desktop PCs!!! No such thing as.
Information Design Which is the design of informations? Jakub Jura Engeneering Psychology 2008 Department of Instrumentation and.
Ch 26 & 27 User Interfaces.
Jayden Sedunary. For those non computer literate people, a Graphical User Interface is a type of interface item that allows people to interact with programs.
Chapter 5 Models and theories 1. Cognitive modeling If we can build a model of how a user works, then we can predict how s/he will interact with the interface.
11.10 Human Computer Interface www. ICT-Teacher.com.
AS Level ICT Selection and use of appropriate software: Interfaces.
These slides are designed to accompany Software Engineering: A Practitioner’s Approach, 7/e (McGraw-Hill, 2009) Slides copyright 2009 by Roger Pressman.1.
ARTIFICIAL INTELLIGENCE [INTELLIGENT AGENTS PARADIGM] Professor Janis Grundspenkis Riga Technical University Faculty of Computer Science and Information.
Human-Computer Interaction
Ethnographic Approaches to Communication - Models of Communication 29 April 2002Prof. Dr. J. Beneke, SS 2002 Antje Lorenz, Björn Bauer, Ines Gläser Introduction.
SPEECH AND WRITING. Spoken language and speech communication In a normal speech communication a speaker tries to influence on a listener by making him:
A-Level Computing#BristolMet Session Objectives#15 MUST define the term user interface SHOULD describe the characteristics of different UIs and suggest.
School of something FACULTY OF OTHER Facing Complexity Using AAC in Human User Interface Design Lisa-Dionne Morris School of Mechanical Engineering
The Psychology of Human-Computer Interaction
Different Types of HCI CLI Menu Driven GUI NLI
Human Computer Interface INT211
What is Communication? Güven Selçuk.
Software Interfaces. Learning Objectives Describe the characteristics of different types of user interfaces. Discuss the types of user interfaces which.
Introduction to Human Factors in Information Systems Dr. Cindy Corritore Creighton University ITM 734 Fall 2005.
Graphical User Interface.  A graphical user in terface (GUI) is often pronounced as ‘goo-ey’.  It is atype of user interface that controls a display.
Decision Support System by Simulation Model (Ajarn Chat Chuchuen) 1 Chapter 6 User Interface Management.
Communicating and interacting; Feelings must be shared.
Allows the user and the computer to communicate with each other.
Computer Graphics Lecture 1 Introduction to Computer Graphics
11.10 Human Computer Interface
Event-driven programming
Can One Not “Not Communicate?
Unit 2 User Interface Design.
Communication theory Chapter 2 © Pearson 2012.
THE INTERACTIONAL VIEW THE PALO ALTO GROUP
Human Machine Interface (HMI) SAGE Automation
Computer Technology Notes #3
Software engineering USER INTERFACE DESIGN.
The Interactional View of Paul Watzlawick
Chapter 12 User Interface Design
Ch 1 Second Half What is a Language?
THE INTERACTIONAL VIEW THE PALO ALTO GROUP
Components of Communication
Neurovědy Jaký je hardware lidské mysli?
GRAPHICAL USER INTERFACE
Information Design Which is the design of informations?
GRAPHICAL USER INTERFACE GITAM GADTAULA. OVERVIEW What is Human Computer Interface (User Interface) principles of user interface design What makes a good.
GRAPHICAL USER INTERFACE GITAM GADTAULA KATHMANDU UNIVERSITY CLASS PRESENTATION.
05 | Desktop Applications
Information Design Which is the design of informations?
Information Design Which is the design of informations?
Basic Concepts of The User Interface
WJEC GCSE Computer Science
Information on Communication
What is Interaction? Communication User  System
Human-computer interaction
Presentation transcript:

Information Design Which is the design of informations? Engeneering Psychology 2008 Department of Instrumentation and Control Engineering, Faculty of Mechanical Engineering, CTU in Prague, Technicka 4, 166 07 Prague 6 Information Design Which is the design of informations? HMI – Human-Machine Interaction, MMI – Man Human-Machine Interaction, GUI - Graphical user interface, Graphic design, Visual Style, Information Design, Vizualization of Information’s Flow, Firm Stzle, Visual Communication, Language of Visual Information, Jakub Jura jakub.jura@fs.cvut.cz

Information Design Information design has been defined as the art and science of preparing information so that it can be used by human beings with efficiency and effectiveness (Jacobson Eds. 2000 p. 15). data  information  knowledge  wisdom (Jacobson Eds. 2000 p. 271)

Ladislav Sutnar (1897 – 1976)

Communication’s Schema Decoding of information Coding of information S R Communication Channel Interpretation Sign resource of communicator Sign resource of communicant Communicator communiqué Communicant vysílač sdělení přijímač sender message receiver Sensation modalities: Vision Hearing Touch Olfaction Gustation

Analog and Digital Communication Analog Communication Everything is expressed continuously by simile of quantity. There is not negation in Analog language. Touch the intuition, imagination, metaphor, narration. Digital Communication Everything is expressed uncontinuously in the words. Touch the reason, logic and dispassionate argumentation.

Axioms of Communication One Cannot Not Communicate. Every communication has a content and relationship aspect which is metacommunication for the former. The nature of a relationship is dependent on the punctuation of the partners communication procedures . Human communication involves both digital and analog modalities . Inter-human communication procedures are either symmetric or complementary Watzlawick defines five (5) basic axioms in his theory on communication that are necessary to have a functioning communication between two individuals. If one of these axioms is somehow disturbed, communication might fail. All of these axioms are derived from the work of Gregory Bateson, much of which is collected in Steps to an Ecology of Mind (1972). One Cannot Not Communicate (Man kann nicht nicht kommunizieren): Every behaviour is a kind of communication. Because behaviour does not have a counterpart (there is no anti-behaviour), it is not possible not to communicate. Every communication has a content and relationship aspect such that the latter classifies the former and is therefore a metacommunication.: This means that all communication includes, apart from the plain meaning of words, more information - information on how the talker wants to be understood and how he himself sees his relation to the receiver of information. The nature of a relationship is dependent on the punctuation of the partners communication procedures: Both the talker and the receiver of information structure the communication flow differently and therefore interpret their own behaviour during communicating as merely a reaction on the other's behaviour (i.e. every partner thinks the other one is the cause of a specific behaviour). Human communication cannot be desolved into plain causation and reaction strings, communication rather appears to be cyclic. Human communication involves both digital and analog modalities: Communication does not involve the merely spoken words (digital communication), but non-verbal and analog-verbal communication as well. Inter-human communication procedures are either symmetric or complementary, depending on whether the relationship of the partners is based on differences or parity. Paul Watzlawick, Pragmatics of Human Communication, http://en.wikipedia.org/wiki/Paul_Watzlawick

Model of Operator Reasoning action SS MS Controled System output

Meanings of Colors SAFETY ADVANCED or ORDER RISK OF DANGER or WARNING DANGER or PROHIBITION NEUTRAL INFORMATION or CANCEL Feeling from the color X Meanings of the colors http://www.muzeum-umeni-benesov.cz/iid/mez-graf-komunikace/cz/vymezeni_barev_a_tabulek_ke_specifikaci_obsahu_sdeleni.html

http://www. muzeum-umeni-benesov http://www.muzeum-umeni-benesov.cz/iid/mez-graf-komunikace/cz/system_orientacniho_znaceni.html

User Interface HMI - Human Machine Interface, Man Machine Interface, HCI – Human Computer Interface TUI - Text User Interface CLI - Command Line Interface GUI - Graphical user interface 3DUI - Three-dimensional user interface http://goanna.cs.rmit.edu.au/~gl/research/HCC/interact97.html

GUI - Graphical user interface Where is used? What is an Interaction Design? http://en.wikipedia.org/wiki/Graphical_user_interface

WIMP standard W: Window(s) I: Icon(s) M: Menu(s); Mouse/Mice (rarely) (note that mice are a subset of pointing devices) P: Pointing device(s); Pointing; Pointer(s) (note that the term "pointer" is often used as a synonym for mouse cursor); Pull-down menu(s) (note that pull-down menus can be thought of as a subset of menus) WIMP interaction was developed at Xerox PARC in 1973) and popularized by the Macintosh computer in 1984. http://en.wikipedia.org/wiki/WIMP_(computing)

GOMS standard Goals - what the user intends to accomplish. An approach to human computer interaction observation developed in 1983 by Stuart Card, Thomas P. Moran and Allen Newell Goals - what the user intends to accomplish. Operators - actions that are performed to get to the goal. Methods - sequences of operators that accomplish a goal. Selection rules - user would select a certain method over the others.

Handlers & Pilot Lamps

http://en.wikipedia.org/wiki/User_interface http://en.wikipedia.org/wiki/Graphical_user_interface http://en.wikipedia.org/wiki/Graphic_design http://cs.wikipedia.org/wiki/WIMP http://en.wikipedia.org/wiki/GOMS