Presentation Styles Balancing Function And Fashion Ben Carson Rajesh Golla Sunil D’souza.

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

1 Human Computer Interaction Week 3 User Interface Design.
Display (Output) Design Cognitive functions Present task data Communicate task organization Grouping and ordering Draw attention Aid discrimination/searching.
Five Common PowerPoint Mistakes Western Oregon University (and how to fix them)
Copyright © 2005, Pearson Education, Inc. Chapter 12 Balancing Function and Fashion.
User Interface Design Yonsei University 2 nd Semester, 2013 Sanghyun Park.
Creating an OOED Application
Guide to Oracle10G1 Introduction To Forms Builder Chapter 5.
A Guide to Oracle9i1 Introduction To Forms Builder Chapter 5.
CMPUT 301: Lecture 25 Graphic Design Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses by.
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.
© De Montfort University, Design Process Howell Istance Department of Computer Science De Montfort University.
Copyright © 2005, Pearson Education, Inc. An Instructor’s Outline of Designing the User Interface 4th Edition by Ben Shneiderman & Catherine Plaisant Slides.
Principles and Methods
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.
Principles of Graphics Design
© De Montfort University, Principles of Graphics Design Howell Istance School of Computing Technology De Montfort University.
Copyright 2006 Prentice-Hall, Inc. Essentials of Systems Analysis and Design Third Edition Joseph S. Valacich Joey F. George Jeffrey A. Hoffer Chapter.
© 2005 by Prentice Hall Chapter 3c Designing Interfaces and Dialogues.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
User interface design. Recap User Interface GUI Characteristics (Windows, Icons, Menus, Pointing, Graphics) User Centered Design User Interface Design.
User interface design.
Software Construction and Evolution - CSSE 375 Software Documentation 1 Shawn & Steve Right – For programmers, it’s a cultural perspective. He’d feel almost.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
Graphical Tree-Based Scientific Calculator: CalcuWiz Will Ryan Christian Braunlich.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
CONTROLSITE & Accessibility Independence for All Presented by: John Leal Goss Interactive Production Team.
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
System Design: Designing the User Interface Dr. Dania Bilal IS582 Spring 2009.
Chapter 8: Writing Graphical User Interfaces Visual Basic.NET Programming: From Problem Analysis to Program Design.
Designing Forms, Reports, and Screens CMIS570 Week 11.
1 ADVANCED MICROSOFT EXCEL Lesson 9 Applying Advanced Worksheets and Charts Options.
User Interface Design Session 11- LBSC 790 / INFM 718B Building the Human-Computer Interface Cartoon removed.
10 Usability Heuristics for User Interface Design.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Software Engineering Chapter 16 User Interface Design Ku-Yaw Chang Assistant Professor Department of Computer Science and Information.
Balancing Function and Fashion (Shneiderman and Plaisant, Ch. 11)
CHAPTER TEN AUTHORING.
1 Balancing Form and Function  Form and Function  High Usability  Aesthetically Pleasing  Error Messages  Non-anthropomorphic Design  Design Display.
Software Architecture
INTRODUCTION TO USER DOCUMENTATION Function and purpose Production specifications Evaluate the effectiveness.
Web Site Design. Overview Why? Internet and Intranet Common Mistakes. Elements of a Web Site. Structure. Navigation.
IFS310: Module 12 User Interface Design - Navigation/Communication between the system and users.
© 2010 Pearson Addison-Wesley. All rights reserved. Addison Wesley is an imprint of Designing the User Interface: Strategies for Effective Human-Computer.
Step 3: Continue…. Grouping Aids in establishing structure and meaningful form In addition to providing aesthetic appeal, grouping has been found to:
Copyright © 2012 Pearson Education, Inc. Publishing as Prentice Hall 8.1.
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.
USER INTERFACE DESIGN (UID). Introduction & Overview The interface is the way to communicate with a product Everything we interact with an interface Eg.
Ch16: User Interface Design Users often judge a system by its interface rather than its functionality Poorly designed interfaces can cause users to make.
User Interface Design Lecture #4 Part-A. 30 January, 2008Human Computer Interaction Spring 2008, Lecture #4A 2 Agenda Principles on User Interface Design.
Mr. Munaco Computer Technology TEACHING ADVANCED WORD 2007.
Desinging the User Interface Dr. Dania Bilal IS582 Spring 2008.
1 Technical Communication A Reader-Centred Approach First Canadian Edition Paul V. Anderson Kerry Surman
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.
William H. Bowers – Specification Techniques Torres 17.
3461 Laying Out Components Principles of Good Screen Design Galitz, W. O., (2002) The Essential Guide to User Interface Design, 2nd Edition, Wiley Computer.
Chapter 5 Affective aspects. Overview Expressive interfaces –how the ‘appearance’ of an interface can affect users User frustration – what it is and how.
Ch. 12 Balancing Function and Fashion
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
Error Messages and Other Feedback
Chapter 2 Hix & Hartson Guidelines.
Software engineering USER INTERFACE DESIGN.
Kuliah 11: Balancing Function and Fashion
CHAPTER 11: Balancing Function and Fashion
Lessons Vocabulary Access 2016.
e-Text Not All Created Equally
Presentation transcript:

Presentation Styles Balancing Function And Fashion Ben Carson Rajesh Golla Sunil D’souza

Introduction  4 Design Issues Error messages Error messages Non anthropomorphic design Non anthropomorphic design Display design Display design Color Color

Error Messages  Specificity  Constructive guidance & positive tone  User centered phrasing  Physical format  Effective messages

Specificity POOR Syntax Error Invalid Data BETTER Unmatched left parenthesis Days range from 1 to 31 Specific error messages instead of vague condemning messages

Constructive guidance and positive tone POOR Disastrous string overflow BETTER Use shorter strings or expand string space Help users to rectify mistakes rather than condemn them

User centered phrasing Give user the feeling that he controls the system rather than just responds to commands Give user the feeling that he controls the system rather than just responds to commands E.g. POOR BETTER Enter Data Ready For Data Enter Data Ready For Data

Physical format  Upper-case only text v/s Mixed-case  Placement : near the error v/s same position  Sound alerts – can be annoying

Develop better error messages Better wording - consult technical writers Better wording - consult technical writers Quality Control - approval of expert committees Quality Control - approval of expert committees Develop guidelines Develop guidelines a) Positive tone a) Positive tone b) Specific b) Specific c) user centric c) user centric d) neat comprehensible format d) neat comprehensible format Carry out usability tests Carry out usability tests Collect user performance data Collect user performance data

Non anthropomorphic Design Failure of anthropomorphic design Failure of anthropomorphic design Ex: bank tellers: Tillie the teller and BOB, postal buddy Ex: bank tellers: Tillie the teller and BOB, postal buddy Text only preferred over anthropomorphic designs Text only preferred over anthropomorphic designs Anthropomorphic interfaces using first person pronouns may be counter productive Anthropomorphic interfaces using first person pronouns may be counter productive Poor: I will begin the lesson when you press RETURN Poor: I will begin the lesson when you press RETURN Better: You can begin the lesson by pressing RETURN Better: You can begin the lesson by pressing RETURN Better: To begin the lesson, press RETURN Better: To begin the lesson, press RETURN

Display Design Display's key to successful design Display's key to successful design Smith and Mosier’s 162 guidelines of data display Smith and Mosier’s 162 guidelines of data display Designers thorough knowledge of users tasks Designers thorough knowledge of users tasks Effective designs ( proper sequence, grouping, consistency, orderly format, highlighting, shading, color, font etc) Effective designs ( proper sequence, grouping, consistency, orderly format, highlighting, shading, color, font etc)

Non anthropomorphic guidelines Avoid presenting computers as people Avoid presenting computers as people Choose appropriate humans for introductions or guides Choose appropriate humans for introductions or guides Use caution in designing computer generated human faces or cartoon characters Use caution in designing computer generated human faces or cartoon characters Use cartoon characters in games Use cartoon characters in games Design comprehensible, predictable, and controllable interfaces Design comprehensible, predictable, and controllable interfaces Provide user centered overviews Provide user centered overviews Do not use “I” when computer responds to human actions Do not use “I” when computer responds to human actions Use “you” to guides users, or just state facts Use “you” to guides users, or just state facts

Six categories of principles which show complexity of designers task 1. Elegance and simplicity 2. Scale, contrast and proportion 3. Organization and visual structure 4. Module and program 5. Image and representation 6. Style

Field layout Explore with a variety of layouts. Explore with a variety of layouts.

Narrative form Structured form Empirical results

display complexity metrics The four task independent metrics for alphanumeric displays Overall density Overall density Local density Local density Grouping Grouping Layout complexity Layout complexity

Structured format Unstructured format

Layout appropriateness

Color Use of color for a system is subjective. Use of color for a system is subjective. Some systems require color Some systems require color Alphanumeric displays can be helped or hurt by the use of color Alphanumeric displays can be helped or hurt by the use of color

Guidelines for Using Color Use color conservatively Use color conservatively Limit the number of colors Limit the number of colors Recognize that color is a coding technique Recognize that color is a coding technique Color coding should support the task Color coding should support the task Color coding appears with minimal input Color coding appears with minimal input Color coding is under user control Color coding is under user control Design for monochrome first Design for monochrome first Consider needs of color deficient users Consider needs of color deficient users

More Guidelines Color can help with formatting Color can help with formatting Use a consistent color scheme Use a consistent color scheme Be aware of common expectations about color codes Be aware of common expectations about color codes Be aware of problems with color pairings Be aware of problems with color pairings Use color changes to indicate status changes Use color changes to indicate status changes Use color in graphic displays for greater information density Use color in graphic displays for greater information density

Conclusion Hoadley, 1990 study of display charts Hoadley, 1990 study of display charts “uncritical addition of color may not be uniformly beneficial” “uncritical addition of color may not be uniformly beneficial” Color can improve some displays and lead to more efficient use of the system, but improper use of color can mislead and be counterproductive Color can improve some displays and lead to more efficient use of the system, but improper use of color can mislead and be counterproductive