A Semiotic Model of User-Interface Metaphor

Slides:

Advertisements

Similar presentations

Student will achieve complete concept about culture of our own and others.

Advertisements

Graphical input techniques

SIMS 213: User Interface Design & Development Marti Hearst Tues, Jan 27, 2004.

Prepared by Arch PhD Antonino Di Raimo UNIVERSITETI POLIS SHKOLLA NDERKOMBETARE E ARKITEKTURES DHE POLITIKAVE URBANE Write the shape! (An introduction.

One-Pager Instructions

A graphical user interface (GUI) is a human-computer interface (i.e., a way for humans to interact with computers) that uses windows, icons and menus.

© Swanshurst School Reading For Information. © Swanshurst School What is Reading for Information? Reading for information is very different to reading.

User Interface Evaluation Usability Inspection Methods

Essential Introduction to Computers. What is a Computer? An electronic device, operating under the control of instructions stored in its own memory, that.

Spatial Hypermedia and Augmented Reality

Marakas: Decision Support Systems, 2nd Edition © 2003, Prentice-Hall Chapter Chapter 7: Expert Systems and Artificial Intelligence Decision Support.

Computers in the Second Language Writing Classroom

Prototyping Teppo Räisänen

The Visual Knowledge Builder: A Second Generation Spatial Hypertext Frank M. Shipman III Haowei Hsieh Preetam Maloor J. Michael Moore.

SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 12, 2002.

What is a prototype? A prototype is a small scale model of your larger product. Can be a physical object, or a simple software program. Many physical.

1 of 3 Using digital ink, the Microsoft® Tablet PC offers the full power and functionality of a notebook PC with the added benefits of pen-based computing.

The Use of Word Processor in Teaching English R A N Y

CHAPTER 1: INTORDUCTION TO C LANGUAGE

How does the user think visually? That understanding can tell us about how to design visual images.

User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.

By, David Anderson.  Determine team members to collaborate on assessment.  Create a written AT assessment plan:  Determine assessment questions  Expected.

Assistive Technology Russell Grayson EDUC 504 Summer 2006.

Conceptual Models & Interface Metaphors. Objectives By the end of this class, you will be able to… Define conceptual model Identify instances where the.

Principles of User Centred Design Howell Istance.

1Copyright © 2011 Pearson Education, Inc. Publishing as Prentice Hall. Exploring Microsoft Office Access 2010 by Robert Grauer, Keith Mast, and Mary Anne.

Introduction To Computer System

MULTIMEDIA DEVELOPMENT

AS Level ICT Selection and use of appropriate software: Interfaces.

Introduction to Interactive Media The Interactive Media Development Process.

Interaction Design Chapter 10. The Human Action Cycle Psychological model Describes steps users take to interact with computer systems Use actions and.

Section 2 Software.

1 Rilla Khaled, Pippin Barr James Noble Victoria University of Wellington New Zealand Robert Biddle Carleton University Canada Extreme System Programming.

Classical vs. Agile Requirements Development Svetlin Nakov Telerik Software Academy academy.telerik.com Senior Technical Trainer

Test Case Manager v 3.0 Pierce Business Systems High Bridge Road Monroe, WA with customization by Ron Utz of Esker, Inc.

©2001 Southern Illinois University, Edwardsville All rights reserved. Today Fun with Icons Thursday Presentation Lottery Q & A on Final Exam Course Evaluations.

The founding fathers Ferdinand Saussure Charles S. Peirce.

PowerPoint Presentation for Dennis, Wixom, & Tegarden Systems Analysis and Design with UML, 3rd Edition Copyright © 2009 John Wiley & Sons, Inc. All rights.

Output Design. Output design  Output can be: Displayed on a screen/VDU/monitor. Printed on paper as hard copy. Sound.

Introduction ICT and Graphics © Copyright William Rowan 2007.

Encyclopaedia Idea1 New Library Feature Proposal 22 The Encyclopaedia.

COGNITIVE SEMANTICS: INTRODUCTION DANA RETOVÁ CSCTR2010 – Session 1.

Convergence 2003 Wellington – Te Papa, 29 April 2003 Easily Making IT Easy to Use Robert Biddle, James Noble Victoria University of Wellington

Metaphors in Computing  Metaphors are the fundamental concepts, terms, and images by which and through which information is easily recognized, understood,

Starter: how do these texts use graphology to create meaning?

4. How did you use media technologies in the construction, research, planning and evaluation stages?

©2001 Southern Illinois University, Edwardsville All rights reserved. CS 321 Human-Computer Interaction Today Fun with Icons Wednesday Project Milestone:

COMPUTER SOFTWARE FORM 1. Learning Area Introduction to computer software Operating System (OS) Application Software Word Processing Software Presentation.

Logic as Semiotic: The Theory of Signs Charles Sanders Pierce

Logos, Icons, and Metaphors Anne Tarpey I385T February 27, 2003.

Slide 6-1 Chapter 6 System Software Considerations Introduction to Information Systems Judith C. Simon.

Metaphors Informing the user what to do Lecture 10 Gabriel Spitz 1.

Sketching and Prototyping Sketches / low / medium / high fidelity prototypes – as investment in design increases (red arrow), so does the formality of.

Conceptual Model Design Informing the user what to do Lecture # 10 (b) Gabriel Spitz.

Do Now You have 10 minutes to finish your About Me essay. When you are done, print out both your new About Me Ad and your typed essay.

Copyright 2006 John Wiley & Sons, Inc Chapter 5 – Cognitive Engineering HCI: Developing Effective Organizational Information Systems Dov Te’eni Jane Carey.

 System Requirement Specification and System Planning.

Decision Support and Business Intelligence Systems (9 th Ed., Prentice Hall) Chapter 12: Artificial Intelligence and Expert Systems.

Office 2016 and Windows 10: Essential Concepts and Skills

CEN3722 Human Computer Interaction Interface Metaphors and Conceptual Models Dr. Ron Eaglin.

Software Development Approaches

Easily Making IT Easy to Use

Logic as Semiotic: The Theory of Signs Charles Sanders Pierce

Determining Importance in Reading

Ch. 2 Fundamental Concepts in Semiotics Part One

Metaphors in Web Design and Navigation

Determining and Expressing Your Purpose

You need: A pencil, eraser, highlighter and your ELA duo-tang

Presentation transcript:

A Semiotic Model of User-Interface Metaphor Pippin Barr Robert Biddle, James Noble

User-Interface Metaphor You can take advantage of people's knowledge of the world around them by using metaphors to convey concepts and features of your application. Use metaphors involving concrete, familiar ideas and make the metaphors plain, so that users have a set of expectations to apply to computer environments. (Apple Computer Inc., 1992) Familiar metaphors provide a direct and intuitive interface to user tasks. By allowing users to transfer their knowledge and experience, metaphors make it easier to predict and learn the behaviors of software-based representations. (Microsoft Corporation, 1995)

The Peircean Triad

Eco’s Model Reader To make his text communicative, the author has to assume that the ensemble of codes he relies upon is the same as that shared by his possible reader. The author has thus to foresee a model of the possible reader (hereafter Model Reader) supposedly able to deal interpretatively with the expressions in the same way as the author deals generatively with them. (Eco, 1979, p.7)[Our emphasis.]

Unlimited Semiosis

A Semiotic Model of Metaphor: Pierce, Lakoff & Johnson

A Semiotic Model of a User-Interface Sign

The Document Metaphor

A Semiotic Model of User-Interface Metaphor

The Parts of a User-Interface Metaphor Metaphorical Entailments Designer’s Interpretant Representamen UI Metaphorical Entailments User's Interpretant

Metaphor and Metaphorical Entailments The data is an object. The data can be written on. The data can be read. The data contains text, and possibly images and graphs, etc. The data can be ripped. The data can be typed up. The data is usually on white paper. The data can be photocopied. The data can be written in pencil or pen or ink. The data can (sometimes) be edited using twink or an eraser. The data contains information. The data can be set on fire. The data can be picked up and moved from place to place. The data can be thrown in a trashcan. The data can give you a paper-cut. …

UI Metaphorical Entailments The data is an object. The data can be written on. The data can be read. The data contains text, and possibly images and graphs, etc. The data can be typed up. The data is usually on white paper. The data contains information. The data can be picked up and moved from place to place. The data can be thrown in a trashcan. …

The Relations of the User-Interface Metaphor Definition Metaphor Interpretation Metaphor Match Realisation and Refinement Representation User Interpretation Metaphor Success

Further Work Use of the semiotic model in usability testing (exploration: heuristics) Application of the semiotic model to the design process (exploration: icons) Detailed case study of metaphor some particular software (exploration: MS Office “Project Gallery”)

A Semiotic Model of User-Interface Metaphor Pippin Barr Robert Biddle, James Noble