7. User Interface Design.

Slides:



Advertisements
Similar presentations
CS 275Tidwell Course NotesPage 110 Chapter 7: Getting Input From Users Designing interactive forms, in which the user is expected to supply information.
Advertisements

User Interface Design Yonsei University 2 nd Semester, 2013 Sanghyun Park.
Chapter 13 User Interface Design.
A graphical user interface (GUI) is a pictorial interface to a program. A good GUI can make programs easier to use by providing them with a consistent.
XP Exploring the Basics of Microsoft Windows XP1 Exploring the Basics of Windows XP.
Soft. Eng. II, Spr 2002Dr Driss Kettani, from I. Sommerville1 CSC-3325: Chapter 4 Title: the user interface Reading: I. Sommerville, Chap. 15.
Multimedia Design Guidelines General Guidelines for Multimedia Learning Design.
PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.
This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation. All.
Interface Design Instructor: Dr. Jerry Gao. Interface Design Jerry Gao, Ph.D. Jan Interface design - Internal and external interfaces - User interfaces.
7M701 1 User Interface Design Sommerville, Ian (2001) Software Engineering, 6 th edition: Chapter 15
1 SWE Introduction to Software Engineering Lecture 26 – User Interface Design (Chapter 16)
1 / 31 CS 425/625 Software Engineering User Interface Design Based on Chapter 15 of the textbook [SE-6] Ian Sommerville, Software Engineering, 6 th Ed.,
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
Exploring the Basics of Windows XP. Objectives Start Windows XP and tour the desktop Explore the Start menu Run software programs, switch between them,
©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15Slide 1 User interface design l Designing effective interfaces for software systems.
PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.
Interaction Styles Interface Widgets. What are Interaction Styles?  A Collection of interface objects and associated techniques from which an interaction.
User Interface Design. Overview The Developer’s Responsibilities Goals and Considerations of UI Design Common UI Methods A UI Design Process Guidelines.
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
MCT260-Operating Systems I Operating Systems I Interfaces to Operating Systems.
Proposal 13 HUMAN CENTRIC COMPUTING (COMP106) ASSIGNMENT 2.
User interface design. Recap User Interface GUI Characteristics (Windows, Icons, Menus, Pointing, Graphics) User Centered Design User Interface Design.
©Ian Sommerville 2004Software Engineering, 7th edition. Chapter 16 Slide 1 User interface design.
User interface design.
Exploring the Basics of Windows XP
Learning About Technology Chapter 2. 2 Learning New Tools How do you learn to use new tools?  Read the instruction manual Programming a VCR Cooling my.
Chapter 29 - Interaction design
© 2009 Autodesk Autodesk ® Ecotect TM Analysis: The Desktop Component Interface Dr. Andrew Marsh Principal Software Engineer, AEC-Simulation.
Computing Essentials 2014 Basic Application Software © 2014 by McGraw-Hill Education. This proprietary material solely for authorized instructor use. Not.
User Interface Theory & Design
Object Oriented Programming 31465
How do people communicate with computers?
Systems Analysis and Design in a Changing World, 6th Edition
Creating Web Pages Overview. Design – Start with a Purpose Before you start any web page, you need to design the website. The first question that should.
1 SWE 513: Software Engineering Usability II. 2 Usability and Cost Good usability may be expensive in hardware or special software development User interface.
Warranty buyer beware. software manufacturers limit their liability for software problems by selling their software “as is”. can’t guarantee error free.
User interface design. Recap OOD is an approach to design so that design components have their own private state and operations Objects should have constructor.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Computer Graphics Lecture 28 Fasih ur Rehman. Last Class GUI Attributes – Windows, icons, menus, pointing devices, graphics Advantages Design Process.
Exploring Your Desktop To run presentation, please click on bottom arrow to right to change to next frame.
Designing Interface Components. Components Navigation components - the user uses these components to give instructions. Input – Components that are used.
Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 
Shilpa Seth.  Starting Windows XP Starting Windows XP  Desktop Desktop  Start Menu Start Menu  Recycle Bin Recycle Bin  Accessories Accessories 
Software Architecture
User Interface Theory & Design Lecture 6a 1.  User interface is everything the end user comes into contact with while using the system  To the user,
1 User Interface Design Components Chapter Key Definitions The navigation mechanism provides the way for users to tell the system what to do The.
MICROSOFT WORD ABOUT WORD. ACTIVITY Read the following notes. Make a list of words you need to know to get started with Microsoft word. Arrange them in.
William H. Bowers – Using Controls Cooper 26.
Technology Vocabulary By: Rakeysha Patterson. Search Engine  A computer program that searches documents, especially on the World Wide Web, for a specified.
CIS 4910 Information Systems Development Project Project Documentation.
FatMax Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 LicenseCreative Commons Attribution-NonCommercial-ShareAlike 2.5.
©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15Slide 1 User interface design l Designing effective interfaces for software systems.
Ch16: User Interface Design Users often judge a system by its interface rather than its functionality Poorly designed interfaces can cause users to make.
Systems Analysis and Design in a Changing World, 6th Edition 1 Chapter 7 - Designing the User and System Interfaces.
Human Computer Interface INT211
CMPF124 Personal Productivity With Information Technology Chapter 1 – Part 2 Introduction to Windows Operating Systems Manipulating Windows GUI CMPF 124.
OPERATING SYSTEMS, FILE EXTENSIONS, AND THE INTERNET.
©Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15Slide 1 Chapter 15 User Interface Design.
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.
Chapter 2: Advanced programming concepts Part 3: The user interface Lecture 5 1.
Printed Reports Analysis questions –Who will use the report? –What is the purpose of the report? –When or how often is the report needed? –Where does the.
Chapter 29 - Interaction design Chapter 29 is available online:
XP New Perspectives on Microsoft Windows XP Tutorial 1 1 Microsoft Windows XP Creating a Web Site Tutorial 1.
A user interface, like the one created by the DOS operating system, that makes use of typed commands.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
Chapter 15 User Interface Design.
Chapter 6 : User interface design
Understand Charts and SmartArt Graphics
Windows 7 Microsoft Windows is the dominant operating system on personal computers around the world, and the operating system is the most important software.
Presentation transcript:

7. User Interface Design

Interface Models Desktop metaphor The model of an interface is a “desktop” with icons representing files, cabinets, etc. Control panel metaphor The model of an interface is a hardware control panel with interface entities including: buttons, switches, menus, lights, displays, sliders etc. © O. Nierstrasz ESE

Information Presentation Factors Is the user interested in precise information or data relationships? How quickly do information values change? Must the change be indicated immediately? Must the user take some action in response to a change? Is there a direct manipulation interface? Is the information textual or numeric? Are relative values important? Ch 15 © O. Nierstrasz ESE

Design Factors in Message Wording Context The user guidance system should be aware of what the user is doing and should adjust the output message to the current context. Experience The user guidance system should provide both longer, explanatory messages for beginners, and more terse messages for experienced users. Skill level Messages should be tailored to the user’s skills as well as their experience. I.e., depending on the terminology which is familiar to the reader. Style Messages should be positive rather than negative. They should never be insulting or try to be funny (!) Culture Wherever possible, the designer of messages should be familiar with the culture of the country (or environment) where the system is used. (A suitable message for one culture might be unacceptable in another!) © O. Nierstrasz ESE

Direct Manipulation A direct manipulation interface presents the user with a model of the information space which is modified by direct action. Examples forms (direct entry) WYSIWYG document and graphics editors © O. Nierstrasz ESE

Help System Design “Help?” — means “Please help. I want information.” “Help!” — means “HELP. I'm in trouble.” Help information Should not simply be an on-line manual Screens or windows don't map well onto paper pages Dynamic characteristics of display can improve information presentation but people are not so good at reading screens as they are text. © O. Nierstrasz ESE