Cooper Part II Making Well-Behaved Products Different Needs

Slides:



Advertisements
Similar presentations
FatMax Licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 LicenseCreative Commons Attribution-NonCommercial-ShareAlike 2.5.
Advertisements

Data Representation (in computer system) Computer Fundamental CIM2460 Bavy LI.
MIS316 – BUSINESS APPLICATION DEVELOPMENT – Chapter 14 – Files and Streams 1Microsoft Visual C# 2012, Fifth Edition.
Microsoft Visual Basic 2012 CHAPTER ONE Introduction to Visual Basic 2012 Programming.
Debi Orton, Co-Chair NYS Forum IT Accessibility Committee.
Systems Analysis and Design in a Changing World, 6th Edition
1 JCM 106 Computer Application for Journalism Lecture 1 – Introduction to Computing.
Assistive Technology and Web Accessibility University of Hawaii Information Technology Services Jon Nakasone.
Systems Analysis and Design in a Changing World, 6th Edition
Spring /6.831 User Interface Design and Implementation1 Lecture 22: Internationalization.
14 Chapter 11: Designing the User Interface. 14 Systems Analysis and Design in a Changing World, 3rd Edition 2 Identifying and Classifying Inputs and.
System Design: Designing the User Interface Dr. Dania Bilal IS582 Spring 2009.
Company Confidential 1 This presentation is solely for the use of Patni personnel. No part of it may be circulated, quoted, or reproduced for distribution.
10/8/2015© Jeff Offutt, Menu Design Guidelines Jeff Offutt SWE 432 Design and Implementation of Software for.
Review for Final Exam Fall 2014 Jeff Offutt SWE 632 User Interface Design and Development.
Website Accessibility. What is Website Accessibility? Making information on the internet usable and understandable for EVERYONE, including those with.
Lecture 3Programming Handheld and Mobile devices 1 Programming of Handheld and Mobile Devices Lecture 3 Palm conventions Rob Pooley
4 Simple Web Design Rules. Your Web Site Should Be Easy To Read  Choose your text and background colors very carefully  Don't use backgrounds that obscure.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
Microsoft Assistive Technology Products Brought to you by... Jill Hartman.
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
Different Types of HCI CLI Menu Driven GUI NLI
Introduction to Web Session 01 Subject: L0182 / Web & Animation Design Year: 2009.
Users and the Interface When designing an information system you need to have a clear idea of who the target audience is. If the target audience is an.
Design Phase intro & User Interface Design (Ch 8)
Oman College of Management and Technology Course – MM Topic 7 Production and Distribution of Multimedia Titles CS/MIS Department.
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
Systems Software. Systems software Applications software such as word processing, spreadsheet or graphics packages Operating systems software to control.
Microsoft Visual Basic 2015 CHAPTER ONE Introduction to Visual Basic 2015 Programming.
INTRODUCTION TO COMPUTER PROGRAMMING ITC-314. Computer Programming  Computer Programming means creating a sequence of instructions to enable a computer.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
Windows Forms for mobile development
[Donald A. Norman, “The Design of Everyday Things,” Chapter 3]
Business System Development
Chapter 10 Multimedia and the Web.
Introduction to Visual Basic 2008 Programming
System Design Ashima Wadhwa.
Software Quality Assurance
User Interface Design and Development
Cooper Part III Interaction Details Designing for the Desktop
Norman Chapter 3 Knowledge in the Head (+ Mental Models)
Usability and user Interfaces
Norman Chapter 4 Knowing What To Do
Accidental and Essential Problems Excise Tasks
Compact Framework Directional Interface
Website Accessibility
Unit I Flash Cards Start.
Human Computer Interface
Review for Final Exam Fall 2016
Human Computer Interface
CIS16 Application Development – Programming with Visual Basic
Software Usability and Design
GRAPHICAL USER INTERFACE
Cooper Part II Making Well-Behaved Products Flow
Krug Chapter 6 B: Flow in UIs
Introduction UI designer stands for User Interface designer. UI designing is a type of process that is used for making interfaces in the software or the.
Human Computer Interface
Human Computer Interface
Cooper Part III Interaction Details Designing for the Desktop
Software Quality Assurance
Cooper Part II Making Well-Behaved Products Visual Design
Web Standards and Accessible Design.
Software Usability and Design
Krug Chapter 3 Billboard Design 101
Chapter 2 Foundations of usability
Review for Final Exam Fall 2018
DESIGNING WEB INTERFACE Presented By, S.Yamuna AP/CSE 8/1/2019
Lecture 36 – Unit 6 – Under the Hood Binary Encoding – Part 2
Accessibility.
Review for Final Exam Spring 2017
Presentation transcript:

Cooper Part II Making Well-Behaved Products Different Needs Jeff Offutt http://www.cs.gmu.edu/~offutt/ SWE 632 User Interface Design and Development Cooper Ed4, Ch 16 (abbreviated version)

Information in the World Information in the Head Norman, Design of Everyday Things Examples of information in the head : Labels : Names of people, Mom’s phone number Location of classes Which car is yours Examples of information in the world : Signs : Street, room numbers, house numbers, restaurants Contact info on pocket computers Maps and navigation systems Digital devices created a massive migration of information from our heads to the world 26-Apr-19 © Jeff Offutt

Usable UIs have lots of information in the world (in the UI) World and Head Information in your head Faster and easier to use Private You must learn, remember, and keep it up to date Information in the world Slower to use Public Not limited by your memory Invisible commands must be in your head Pedagogic commands can be in the world Usable UIs have lots of information in the world (in the UI) 26-Apr-19 © Jeff Offutt

Language Issues Diacriticals: A sign that modifies the sound of a letter Ö, Ò, Ó, Ô, Õ, … English has none ASCII: 7 bits is okay for English, but most European languages need 8 bits Japanese has 8000 characters, Chinese has > 100,000! Unicode has 16 bits Sorting: the rules vary by language Capitalization: Rules differ by dialect Canadian: é  É French: é  E 26-Apr-19 © Jeff Offutt

Be sure to get local users to test the UI Language Issues (2) Hyphenation: varies by language Name orderings differ: Jeff Offutt, Li Nan Numeric formats Currency symbols ($, £, ¥, …) Location varies Separators Time: 4:30 .. 4.30 Large numbers: 5,000,000 .. 5.000.000 .. 500,0000 Dates: May 13, 2014 – 05/13/14 .. 13/05/014 .. 2014/13/05 Time: 4:30 .. 16:30 Clocks Telephone numbers Be sure to get local users to test the UI 26-Apr-19 © Jeff Offutt

Accessibility Can your GUI, website, web app, or mobile app be used by people with disabilities or impairments? Section 508 compliance : Standards for accessing technology Government site : http://www.gsa.gov/portal/content/105254 Free website checker : http://www.508checker.com/ Accessibility goals Users can understand instructions, information, and feedback Users can manipulate controls and inputs Users can navigate easily and know where they are It is acceptable to have a different UI (accessible) 26-Apr-19 © Jeff Offutt

Accessibility Guidelines Use tools in the OS Don’t override user-selected settings Enable keyboard access methods Use display options for visually impaired users Provide visual-only and audible-only output Don’t flash, flicker, or blink Use simple, and clear language Allow users to slow down the UI Keep layouts and flow consistent Provide text for visual elements 26-Apr-19 © Jeff Offutt

Summary Some users have very different needs Effective UIs must support all users 26-Apr-19 © Jeff Offutt