We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byJaylon Crumb
Modified about 1 year ago
User Interface Design Main issues: What is the user interface How to design a user interface
SE, User Interface Design, Hans van Vliet, © Where is the user interface? Seeheim model: separate presentation and dialog from application More recently: MVC – Model-View-Controller
SE, User Interface Design, Hans van Vliet, © Seeheim model
SE, User Interface Design, Hans van Vliet, © Model-View-Controller (MVC)
SE, User Interface Design, Hans van Vliet, © What is the user interface? User interface: all aspects of a system that are relevant to the user Also called: User Virtual Machine (UVM) A system can have more than one UVM, one for each set of tasks or roles An individual may also have more than one user interface to the same application, e.g. on a mobile phone and a laptop
SE, User Interface Design, Hans van Vliet, © Two ways to look at a user interface Design aspect: how to design everything relevant to the user? Human aspect: what does the user need to understand?
SE, User Interface Design, Hans van Vliet, © Human factors Humanities Psychology: how does one perceive, learn, remember, … Organization and culture: how do people work together, … Artistic design Graphical arts: how doe shapes, color, etc affect the viewer Cinematography: which movements induce certain reactions Getting attractive solutions Ergonomics Relation between human characteristics and artifacts Especially cognitive ergonomics
SE, User Interface Design, Hans van Vliet, © Models in HCI Internal models (‘models for execution’) Mental model (model of a system held by a user) User model (model of user held by a system) External models (‘for communication’) Model of human information processing Conceptual models (such as Task Action Grammar)
SE, User Interface Design, Hans van Vliet, © Model of human information processing
SE, User Interface Design, Hans van Vliet, © Use of mental models Planning the use of technology First search by author name Finetuning user actions while executing a task Refine search in case of too many hits Evaluate results Keep the titles on software engineering Cope with events while using the system Accept slow response time in the morning
SE, User Interface Design, Hans van Vliet, © Characteristics of mental models (Norman) They are incomplete They can only partly be ‘run’ They are unstable They have vague boundaries They are parsimonious They have characteristics of superstition
SE, User Interface Design, Hans van Vliet, © Conceptual model All that is modeled as far as it is relevant to the user Formal models Some model the user’s knowledge (competence model) Others focus on the interaction process Others do both
SE, User Interface Design, Hans van Vliet, © Viewpoints of conceptual models Psychological view: definition of all the user should know and understand about the system Linguistic view: definition of the dialog between the user and the system Design view: all that needs to be decided upon from the point of view of user interface design
SE, User Interface Design, Hans van Vliet, © Design of the user interface
SE, User Interface Design, Hans van Vliet, © Dimensions of task knowledge
SE, User Interface Design, Hans van Vliet, © Gathering task knowledge (cnt’d) Cell A (individual, explicit): interviews, questionnaires, etc Cell B (individual, implicit): observations, interpretation of mental representations Cell C (group, explicit): study artifacts: documents, archives, etc Cell D (group, implicit): ethnography
SE, User Interface Design, Hans van Vliet, © Guidelines for user interface design Use a simple and natural dialog Speak the user’s language Minimize memory load Be consistent Provide feedback Provide clearly marked exits Provide shortcut Give good error messages
SE, User Interface Design, Hans van Vliet, © Summary Central issue: tune user’s mental model (model in memory) with the conceptual model (model created by designers) User interface design requires input from different disciplines: cognitive psychology, ethnography, arts, …
User Interface Design Main issues: What is the user interface How to design a user interface ©2008 John Wiley & Sons Ltd.
User Interface Design Part 1. User Interfaces “Today, user needs are recognized to be important in designing interactive computer systems, but as recently.
Nine principles of design Simple and natural dialog Speak the user’s language Minimize user’s memory load Be consistent Provide feedback Provide clearly.
4. Interaction Design Overview 4.1. Ergonomics 4.2. Designing complex interactive systems Situated design Collaborative design: a multidisciplinary.
Component-Based Software Engineering Main issues: assemble systems out of (reusable) components compatibility of components.
User Interface Design CIS 322 Office hours: Tuesday 1-2pm Thursday 12-1pm Room
Addition 1’s to
Modeling Main issues: What do we want to build How do we write this down.
Test B, 100 Subtraction Facts
Addition Facts = = =
1 SEG3120 User Interfaces Design and Implementation LAB 3: Heuristic Evaluation.
1 Chapter 12 User Interface Design Software Engineering: A Practitioner’s Approach, 6th edition by Roger S. Pressman.
WEEK 1 You have 10 seconds to name…
©Ian Sommerville 2006Software Engineering, 8th edition. Chapter 16 Slide 1 User interface design.
People Management, People Organization Main issues: People are key in software development Different ways to organize SD projects.
Past Tense Probe Past Tense Probe – Practice 1 Past Tense Probe – Practice 2.
1 Week 2 The Object-Oriented Approach to Requirements.
Testing HCI Usability Testing. Chronological order of testing Individual program units are built and tested (white-box testing / unit testing) Units are.
List and Search Grants Chapter 2. List and Search Grants 2-2 Objectives Understand the option My Grants List Grant Screen Viewing a Grant Understand the.
1http://img.cs.man.ac.uk/stevens Interaction Models of Humans and Computers CS2352: Lecture 7 Robert Stevens
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
1 CMPT 275 Software Engineering Phase: Design High level design activity.
= This is the fact family. You say: 8+3=11 and 3+8= =8 and 11-8=3.
Improving System Safety through Agent-Supported User/System Interfaces: Effects of Operator Behavior Model Charles SANTONI & Jean-Marc MERCANTINI (LSIS)
Multimedia Specification Design and Production 2012 / Semester 1 / week 5 Lecturer: Dr. Nikos Gazepidis
1 Directed Depth First Search Adjacency Lists A: F G B: A H C: A D D: C F E: C D G F: E: G: : H: B: I: H: F A B C G D E H I.
Software Engineering Management Main issues: Plan - as much as possible, but not too much, up front Control - continuously.
Design. Hard design - increase control. - Displays are more virtual / artificial. Marketplace pressure: - Adding operations cheaper. Adding controls expensive.
Ergonomics/Human Integrated Systems (Project 02).
CS4026 Formal Models of Computation Running Haskell Programs – power.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
1 Requirements Analysis and Design Engineering Southern Methodist University CSE 7313.
1 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
User Interface Design Users should not have to adapt to a piece of software; the software should be designed to fit the user.
MULT. INTEGERS 1. IF THE SIGNS ARE THE SAME THE ANSWER IS POSITIVE 2. IF THE SIGNS ARE DIFFERENT THE ANSWER IS NEGATIVE.
User Centred Design Overview. Human centred design processes for interactive systems, ISO (1999), states: "Human-centred design is an approach to.
Heuristic Evaluation Evaluating with experts. Discount Evaluation Techniques Basis: Observing users can be time- consuming and expensive Try to predict.
PowerPoint Presentation for Dennis & Haley Wixom, Systems Analysis and Design Copyright 2000 © John Wiley & Sons, Inc. All rights reserved. Slide 1 Systems.
Design Rules-Part B Standards and Guidelines Material from Authors of Human Computer Interaction Alan Dix, et al.
From Model-based to Model-driven Design of User Interfaces.
Asper School of Business University of Manitoba Systems Analysis & Design Instructor: Bob Travica User interface Updated: December 2014.
AUTHOR PRADEEP KUMAR B.tech 1 st year CSE branch Gnyana saraswati college of eng. & technology Dharmaram(b)
Usability and Evaluation Dov Te’eni. Figure 7-2: Attitudes, use, performance and satisfaction AttitudesUsePerformance Satisfaction Perceived usability.
1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
©Ian Sommerville 2004Software Engineering, 7th edition. Chapter 6 Slide 1 Software Requirements.
Psychological Aspects Presented by Hanish Patel. Overview HCI (Human Computer Interaction) Overview of HCI Human Use of Computer Systems Science.
Art Foundations Exam 1.What are the Elements of Art? List & write a COMPLETE definition; you may supplement your written definition with Illustrations.
SUBTRACTING INTEGERS 1. CHANGE THE SUBTRACTION SIGN TO ADDITION 2. TAKE THE INVERSE OF THE SECOND NUMBER 3. FOLLOW THE RULES FOR ADDITION 4. ADD THE OPPOSITE.
© 2017 SlidePlayer.com Inc. All rights reserved.