Content: www.kelake.orgwww.kelake.org Presenter: Bülent Duagi.

Slides:



Advertisements
Similar presentations
Cognitive-metacognitive and content-technical aspects of constructivist Internet-based learning environments: a LISREL analysis 指導教授:張菽萱 報告人:沈永祺.
Advertisements

Map of Human Computer Interaction
COMPUTER INTERFACES.
Taavi Tamberg What is screen? Device User Interface Information Service Innovation.
Ch.6: Requirements Gathering, Storyboarding and Prototyping
Annoy Your Users Less Session 202 Philip Wolfe, Lead Developer Farm Credit Services of America.
Tailoring Needs Chapter 3. Contents This presentation covers the following: – Design considerations for tailored data-entry screens – Design considerations.
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.
Evaluation in Digital Media Graphics Basic Concepts.
James Tam What HCI (and this course) all about 1 1 These notes are based roughly upon the optional reading a Taxonomy of HCI optional reading
Designing an Interface for Disabled user By Abdi jama Laveeza Ola.
What is Interaction Design?. What is interaction design? Designing interactive products to support people in their everyday and working lives –Sharp,
Design Resources Presented for Capstone Course in Educational Technology Danah Henriksen May 31, 2003.
Chapter 2 Making interactive systems feel natural for users
Chapter 4 Cognitive Engineering HCI: Designing Effective Organizational Information Systems Dov Te’eni Jane M. Carey.
Section VI: Comprehension Teaching Reading Sourcebook 2 nd edition.
Understanding Task Orientation Guidelines for a Successful Manual & Help System.
Copyright 2012 Intel Corporation. All rights reserved 1 Presented by Saul Pila.
Design, goal of design, design process in SE context, Process of design – Quality guidelines and attributes Evolution of software design process – Procedural,
CHALLENGE Identify the following items. At the end try to describe what all the items have in common.
Interaction Design IxD. An Overview The field : Terms, influences, organizations, jobs. More on defining Interaction Design (IxD)? Principles Design activity.
Section 9.2 Computer Applications
1. Human – the end-user of a program – the others in the organization Computer – the machine the program runs on – often split between clients & servers.
William H. Bowers – Designing Look and Feel Cooper 19.
Evaluation of digital collections' user interfaces Radovan Vrana Faculty of Humanities and Social Sciences Zagreb, Croatia
Principles of User Centred Design Howell Istance.
WEB DESIGN & DEVELOPMENT STROLLING THROUGH…. WHAT IS??? Web design (Designers) Look and feel Graphic Design HTML, CSS, JavaScript Create UI & UX Web Development.
Yvonne M. Hansen Visualization for Thinking, Planning, and Problem Solving Simple, graphic shapes, the building blocks of a graphical language, play an.
Usability By: Sharett Wooten and Gwen Payne. What is Usability Usability addresses the relationship between tools and their users. In order for a tool.
Describing Methodologies PART II Rapid Application Development* Systems Analysis and Design II.
COMM11003 Professional & Technical Communication Lesson 1 Introduction to communication concepts in a technical context.
Knowledge Management Systems Schedule - Discuss Small Pieces, Loosely Joined - Readings Discussion - RSS Reader review - Book Report selection - Dates.
SCV2113 Human Computer Interaction Semester 1, 2013/2013.
Universally Designed Syllabi Kirsten Behling, MA Suffolk University.
APPLICATION SOFTWARE. EXAMPLE S What’s an application software ? Application software consists of programs designed to make users more productive and/or.
Developed by Reneta Barneva, SUNY Fredonia User Interface Design (Chapter 11)
1 Good Design and Bad Design Hsin-I Chang(Christine) Ph.D. student Higher Education Educational Policy & Administration University of Minnesota, Twin Cities.
© Anselm Spoerri Multimedia Production Lecture 1 Setting the Stage Course Goals Gameplan Examples from Previous Courses Summary.
Virtual University - Human Computer Interaction 1 © Imran Hussain | UMT Imran Hussain University of Management and Technology (UMT) Lecture 40 Observing.
Object-Oriented Design Simple Program Design Third Edition A Step-by-Step Approach 11.
INTRODUCTION TO USER DOCUMENTATION Function and purpose Production specifications Evaluate the effectiveness.
Introduction to multimedia. What is multimedia? ”Multimedia is the seamless integration of text, sound, images of all kinds and control software within.
The Impact of the Interface Design on web-base Learning: Visual and Navigation Dynamics on Learners’ Satisfaction 指導教授: Chen, Ming- Puu 報告者 : Chang, Chen-Ming.
ELEMENTS OF VISUAL DESIGN Designing Cohesive Visuals for Print and Digital.
Interaction Design: Overview
Human Computer Interaction CITB 243 Chapter 1 What is HCI
Communication and Computer Science Fundamentals for the Web September 26, 2006.
CSE 102 Introduction to Computer Engineering What is Computer Engineering?
"Insert Session Title Here" November 13-14, 2015 Educational App Integration: Creating Tablet-Enhanced Instruction.
Human Factors Issues Chapter 8. What is Human Factors? Application of the scientific knowledge of human capabilities and limitations to the design of.
Different Types of HCI CLI Menu Driven GUI NLI
Drama Cultivating Creativity and Individuality. Personal Curriculum Goals Drama curriculum that is forward looking so that student’s earlier learning.
Cooper Hewitt Museum How To Design a Great Poster
Chapter 5:User Interface Design Concepts Of UI Interface Model Internal an External Design Evaluation Interaction Information Display Software.
Structure and Function: IA for Web Applications. Innovate - For What’s Next™ ©1999 Scient, Proprietary and Confidential Page 2 Structure - IA with content.
Word Processing Word processing packages such as Microsoft Word are text based. When text is entered via a keyboard, the characters are displayed on screen.
All about Me C. Sage Lichtenwalner User Experience Design Major February 16, 2015.
Review assessment two and three Design and develop an interactive, multimedia application to meet the documented requirements of an identified client.
1 CP586 © Peter Lo 2003 Multimedia Communication Analysis & Design of Electronic Communication.
Copyright 2006 John Wiley & Sons, Inc Chapter 5 – Cognitive Engineering HCI: Developing Effective Organizational Information Systems Dov Te’eni Jane Carey.
DATA VISUALIZATION BOB MARSHALL, MD MPH MISM FAAFP FACULTY, DOD CLINICAL INFORMATICS FELLOWSHIP.
CEN3722 Human Computer Interaction Cognition and Perception
The Semiotic Engineering of Human-Computer Interaction Section I Foundation Chapter 1 Introduction.
Term Project Evaluations Guiding Principles Summary
Fundamentals of Human Computer Interaction (HCI)
Document Design Justine Nielsen April 28, 2003
Section VI: Comprehension
Welcome Introduction to InformationVisualization:
Presentation transcript:

Content: Presenter: Bülent Duagi

 “Usable design and aesthetics should go hand in hand: aesthetics need not be sacrificed for usability.” Donald Norman, The Design of Everyday Things

 transforming data into information  making the complex easier to understand and to use  connects with: ◦ Typography ◦ Graphic Design ◦ Applied Psychology ◦ Applied Ergonomics ◦ Computing etc.

As a response to people’s need to understand and use such things as:  Forms  Legal documents  Computer interfaces  Technical information  Other complex stuff

 Information designers consider the selection, structuring and presentation of the information provider's message in relation to the purposes, skills, experience, preferences and circumstances of the intended users.

Skills needed [nice to have]:  Graphic communication  Typography  Psychology of reading and learning  Human Computer Interaction [HCI]  Usability research  Understanding of the potential and limitations of different media

 IA -> about cognition, how people process information and construe relationships between different pieces of information  ID -> about perception, how people translate what they see and hear into knowledge  IA -> abstract, mental structures  ID -> concrete, color/shape/etc.

 Printed and graphical information is now the driving force behind all of our lives!  "The extent to which symbols and graphics affect our lives can be seen by the dramatic increase in IQ scores in all cultures which have acquired information technology: in the United States there has been an average increase of 3 IQ points per decade over the last 60 years, for a total of an 18 IQ point increase. There is no known biological explanation for this increase and the most likely cause is widespread exposure to text, symbols, and graphics that accompany modern life."

 “Information design will also help a business to communicate effectively with its customers via its tender documents, brochures, technical specifications, instructions for use, publications, website, contracts, invoices, bills, etc. There is now the potential for customising many of these documents, but this introduces a new range of design challenges. Badly designed documents cost money because they fail to elicit the response required, and they may frustrate and even alienate customers who have the option of shopping elsewhere." Sue Walker

 One of the most fundamental interactions on the web is the filling out of forms. This is one activity that information design plays a key role.  Lets look at an example...

 What have we done to improve the form?

Can we do more?

 High density is good  Clutter/confusion are failures of design and not complexity  In showing parallels, only the relevant differences should appear  Value and power of parallelism: once you have seen one element all the others are accessible  Graphics should emphasize the horizontal direction

 Enforce visual comparisons.  Show causality.  Show multivariate information.  Integrate words, numbers and images.  Work with great content.  Make comparisons adjacent in space, rather than stacked in time.

Questions?