1 Pertemuan 12 Interface Matakuliah: M0446/Analisa dan Perancangan Sistem Informasi Tahun: 2005 Versi: 0/0.

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

Designing a Graphical User Interface (GUI) 10 IST – Topic 6.
Chapter 11 user support. Issues –different types of support at different times –implementation and presentation both important –all need careful design.
User Interface Structure Design
Criteria And Component Diagram Pertemuan 0708 Matakuliah: M Analisis dan Perancangan Sistem Informasi Lanjut Tahun:
Pertemuan 4 Membangun Teknologi Informasi Matakuliah: H0402/PENGELOLAAN SISTEM KOMPUTER Tahun: 2005 Versi: 1/0.
Dialog Styles. The Five Primary Styles of Interaction 4 Menu selection 4 Form fill-in 4 Command language 4 Natural language 4 Direct manipulation.
Dialog Styles. The Six Primary Styles of Interaction n Q & A n Menu selection n Form fill-in n Command language n Natural language n Direct manipulation.
Developed by Justin Francisco, SUNY Fredonia USER INTERFACE DESIGN By: Justin Francisco.
1 Pertemuan 22 Interface Matakuliah: M0086/Analisis dan Perancangan Sistem Informasi Tahun: 2005 Versi: 5.
Interface Design Instructor: Dr. Jerry Gao. Interface Design Jerry Gao, Ph.D. Jan Interface design - Internal and external interfaces - User interfaces.
Lecture 7 Date: 23rd February
© 2005 Prentice Hall12-1 Stumpf and Teague Object-Oriented Systems Analysis and Design with UML.
1 Pertemuan 9 Making an outline Matakuliah: G1072 – Reading 1 Tahun: 2005 Versi: revisi 0.
1 Pertemuan 17 Seleksi DBMS Matakuliah: >/ > Tahun: > Versi: >
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.
1 Pertemuan 21 Audit Reporting Matakuliah:A0274/Pengelolaan Fungsi Audit Sistem Informasi Tahun: 2005 Versi: 1/1.
The Process of Interaction Design. What is Interaction Design? It is a process: — a goal-directed problem solving activity informed by intended use, target.
1 Pertemuan 02 Visual Basic Environment and Control Matakuliah: D0524 / Algoritma dan Pemrograman Komputer Tahun: 2005 Versi:
1 Pertemuan 09 Database Matakuliah: D0524 / Algoritma dan Pemrograman Komputer Tahun: 2005 Versi:
These courseware materials are to be used in conjunction with Software Engineering: A Practitioner’s Approach, 6/e and are provided with permission by.
1 Pertemuan 9 Membuat dan mengelola sistem informasi Matakuliah: H0472 / Konsep Sistem Informasi Tahun: 2006 Versi: 1.
1 Pertemuan 5 Bisnis Proses Matakuliah: H0472 / Konsep Sistem Informasi Tahun: 2006 Versi: 1.
1 Pertemuan 13 Membangun Expert System Matakuliah: H0383/Sistem Berbasis Pengetahuan Tahun: 2005 Versi: 1/0.
Principles and Methods
Introduction to Web & HTML Pertemuan 08 Matakuliah: L0182 / Web & Animation Design Tahun: 2008.
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
© 2005 by Prentice Hall Chapter 3c Designing Interfaces and Dialogues.
Dialogue Styles.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
Chapter 13: Designing the User Interface
CSC450 Software Engineering
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.
Multimedia Authoring Tools Pertemuan 15&16 Matakuliah: O Computer / Multimedia Tahun: Feb
User Interface Theory & Design
Systems Analysis and Design in a Changing World, 6th Edition
1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.
Pertemuan 9 Cara mengelola Sumber Daya Informasi secara baik
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.
Pertemuan 5 Pengembangan Teknologi Informasi Matakuliah: H0402/PENGELOLAAN SISTEM KOMPUTER Tahun: 2005 Versi: 1/0.
1 SWE 513: Software Engineering Usability II. 2 Usability and Cost Good usability may be expensive in hardware or special software development User interface.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
CSC 480 Software Engineering Lecture 19 Nov 11, 2002.
Lecture 6 User Interface Design
Computer Graphics Lecture 28 Fasih ur Rehman. Last Class GUI Attributes – Windows, icons, menus, pointing devices, graphics Advantages Design Process.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
User Interface Structure Design Chapter 11. Key Definitions The user interface defines how the system will interact with external entities The system.
Slide 1 Chapter 11 User Interface Structure Design Chapter 11 Alan Dennis, Barbara Wixom, and David Tegarden John Wiley & Sons, Inc. Slides by Fred Niederman.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
©Ian Sommerville 2004Software Engineering, 7th edition. Chapter 4 Slide 1 Slide 1 Human Computer Interface Design (HCI - Human Computer Interactions Alias.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
Input Design Lecture 11 1 BTEC HNC Systems Support Castle College 2007/8.
LECTURE 18 16/11/15. MAKING THE INTERFACE CONSISTENT Consistency is one way to develop and reinforce the users conceptual model of applications and give.
FatMax Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 LicenseCreative Commons Attribution-NonCommercial-ShareAlike 2.5.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Human Computer Interface INT211
Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE
CONNECTING COMPONENT Pertemuan Matakuliah: M Analisis dan Perancangan Sistem Informasi Lanjut Tahun:
MODEL COMPONENT Pertemuan Matakuliah: M Analisis dan Perancangan Sistem Informasi Lanjut Tahun:
Chapter 2: Advanced programming concepts Part 3: The user interface Lecture 5 1.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
Chapter 6 : User interface design
Human-Computer Interaction
Matakuliah : M0086/Analisis dan Perancangan Sistem Informasi
Interaction Styles.
Chapter 11 user support.
CHAPTER 2: Guidelines, Principles, and Theories
Presentation transcript:

1 Pertemuan 12 Interface Matakuliah: M0446/Analisa dan Perancangan Sistem Informasi Tahun: 2005 Versi: 0/0

2 Learning Outcomes Pada akhir pertemuan ini, diharapkan mahasiswa akan mampu : Menunjukkan Interface

3 Outline Materi User dan Sistem Interface Pola User Interface Menentukan pola user interface

4 Aktivitas utama dalam Analisis Application Domain

5 Terminologi Interface: Fasilitas yang membuat model sistem dan function dapat berinteraksi dengan actors. User interface: Interface untuk users. System interface: interface ke sistem lain. Usage context: The application domain characterized by actors and use cases.

6 User Interface Are very important: they can make or break system use and benefit realisation. Needs to carefully fit the usage context. Need to be designed carefully - small details multiply difficulties with usage. Need to account for the different kinds of users with different skills and capabilities. Very difficult to design without feedback - generally must be tested with users.

7 Systems Interface(s) May need interfaces for non-human actors, i.e. other systems Not commonly used for administrative systems More common for monitoring & control systems –direct sensors in the environment - e.g. temperature –direct intervention, e.g. motors, switches –may also input or output from other computer systems Need to design and make sure that these technical connections can be realized

8 Sub-activities in Interface Analysis

9 Tailor Usability to Context Usage is relative to usage context

10 Study the Usage Context Study both human actors and use cases –Does the individual user solve several tasks in parallel? –Does the user move physically while working? –Is the work often interrupted? –Are certain use cases significantly different from the typical use cases? –Do certain work tasks require a quick response from the computerized system? –How is it ensured that the users notice when the computerized system performs a signal function?

11 Explore User-Interface Patterns A user interface usually mixes several patterns or styles Four main patterns/styles –menu –form filling –command language –direct manipulation (also natural language)

12 Menu Selection Advantages –Shortens learning –Reduces key-strokes –Structures decision making –Allows easy support of error handling –High level tools allow for easy programming Disadvantages –Risk of too many menus –Slows the frequent user down –Consumes screen space –Requires rapid display rate

13 Form Filling Advantages –Simplified data entry –Requires modest training –Makes assistance convenient –High level tools allow for easy programming Disadvantages –Consumes screen space

14 Command Language Advantages Flexible –Appeals to “power” users –Supports user initiative –Convenient for creating user-defined macros Disadvantages –Poor error handling –Requires extensive training

15 Direct Manipulation Advantages –Immediately visible result of interaction –Useful for both casual and frequent users –Can be extremely efficient Disadvantages –Effort required to develop –Difficult to invent meaningful icons, symbols, etc., unless can rely on standard objects

16 Dialog Style: Function-Oriented vs Object-Oriented Is the interface primarily based on functions or objects? Need both, but which choose first? –I.e., does the user choose the function first, then choose the object or vice versa? Function-oriented dialogues are better for routine, automated work Object-oriented ones are better for varied individual work tasks as they give more flexibility –But, usually require more development time and effort

17 Some Guidelines A dialogue needs to be simple, natural, and consistent. Requirements placed on the users’ memory need to be minimal. Feedback must be informative and constructive. Errors must be prevented. Detailed discussion is beyond the scope of this unit.

18 Determine User-Interface Elements Representations of objects in the model –Many possibilities: icons, fields, tables, diagrams, windows –Need a clear & consistent system of representations Activation of functions –Buttons, menu screens, pull-down/pop-up menus –Also need support for visualisation and feedback –Needs to be consistent and fit within the dialog pattern/style Result is a list of user-interface elements

19 Describe Interface Elements User Interface: –General effect: colours, fonts, types of menus, types of icons, default positions –Navigation: dialog linkages between buttons, menus, screens, windows, etc. –Computer screens/windows/forms, etc.: layout, interactivity, consistency –Outcome of activity is screen/form designs, navigation diagram and other descriptions

20 Evaluate the User Interface A User Interface cannot be constructed bottom up without experiments using prototypes. Should be a carefully controlled process using the five sub-activities. Planning needs to lead to concrete evaluation and quick development with efficient tools. Preparation needs to determine how collaborate with users, ensure realism, and select good example tasks that enhance feedback.

21 Explore Systems Interface Patterns Consider what/how data should be sent to and received from other systems (if any) Other systems may be –simple external devices: sensor, switch, or motor use simple read or activate device patterns –complex computer systems: need a communication protocol which may be supplied or need to be designed

22 Read External Device Pattern Read either regularly or dependent on an event Memory object can just be the model object

23 Interaction Protocol A protocol defines command facilities supporting the possible use cases for a system by another Is agreed upon by designers of the two systems (unless one has already been designed/built!) Specify a pattern for interaction using a list of commands for each side and their expected responses –Separate protocol item named for each command –E.g. Request some info or Prepare to accept info –Commands may check the state of the other system

24 Determine and Describe the Systems Interface Elements What other computer systems will the system be connected to and exchange information with? –What protocol(s) will be needed? Will the system be connected directly to the problem domain through external devices? –What external device read or write interfaces are needed? Result is a list and specification of each.

25 Evaluate System Interfaces Protocols can be tested on pencil and paper by working through use cases Ultimate test is that the physical connections actually work –If there is any doubt, these connections need to be tested as early as possible –Build and test technical feasibility prototypes

26 Principles of Interface Analysis Tailor usability to the application domain –need to know who the users are and in what situations the computerized system will be used Experiment and iterate –interfaces are complex and interact with users in ways that can’t be anticipated –experiments need to be planned, efficient, and realistic - and likely will be repeated

27 Principles of Interface Analysis (2) Identify all interface elements –Important not to leave anything out! –Details can be supplied/determined later, as long as the basic structure is clear and coherent