Introduction to Human Computer Interaction
|
|
- Judith Charles
- 5 years ago
- Views:
Transcription
1 Introduction to Human Computer Interaction Course on NPTEL, Spring 2018 Week 8 & 9 Visual Design, Colors, Fitts Law, Gulfs Ponnurangam Kumaraguru ( PK ) Associate Professor ACM Distinguished & TEDx Speaker Linkedin/in/ponguru/ 1
2 1997
3 2018
4 1994
5 1994
6 1995
7
8 1996
9
10 1996
11
12 Fundamentals of Visual Design 12
13 Outline Grid Systems Hierarchy of Size Grouping Small Multiples Repetition Color 13
14 Example Grid Amazon (1/3) 14
15 Visual Grouping: Proximity 15
16 Visual Grouping: Similarity 16
17 Visual Grouping: Connections 17
18 Visual Grouping: Ordering 18
19 Making Things Distinct Size Value Orientation Texture Shape Position (2D / 3D) Kevin Mullet and Darrell Sano, Designing Visual Interfaces 19
20 Small Multiples 20
21 Outline Grid Systems Hierarchy of Size Grouping Small Multiples Repetition Color 21
22 Repetition of design elements 22
23 Map #1 23
24 Map #2 24
25 25
26 Visual Grouping: Ordering 26
27 Visual Grouping: Ordering 27
28 Visual Grouping: Ordering 28
29 How to Get Color Right Design Tip Design your UIs in grayscale first Forces you to focus on intensity Can use a photocopier to help here Keep luminance (intensity) values from grayscale when moving to color Helps ensure everything remains clear 29
30 Focus Design Implication Pure (saturated) colors require more focusing than less pure (desaturated, pastels) Don t use saturated colors in UIs unless you really need something to stand out (stop sign) 30
31 31
32 Any human cognitive work that you are aware of? Cognitive Science How is your brain processing information? How does it recognize objects / words? Michael Just & Tom Mitchel s work 32
33 Fitts Law
34 So What Went Wrong? 34
35 How to fix it? 35
36 Fitts Law Model of human movement primarily used in human computer interaction and ergonomics that predicts that the time required to rapidly move to a target area is a function of the distance to the target and the size of the target. 36
37 Fitts Law Fitts law tells us about difficulty for pointing and selection tasks Predicts time to make a movement Moving hand is a series of micro-corrections Time = A + B*log2(Dist / Size + 1) A and B are empirically derived constants Time to move the hand depends only on relative precision required 37
38 Fitts Law Example Pop-up Linear Menu Pop-up Pie Menu Today Sunday Monday Tuesday Wednesday Thursday Friday Saturday Which will be faster on average? pie menu (bigger targets & less distance) 38
39 Pie Menus in Practice Pie menus are example of an interaction technique 39
40 Pie Menus in Practice If better, why don t we see them more? Harder to implement Don t scale past a few items Unfamiliar to people E.g. ipod? 40
41 The Interface Cycle I want to add a thin black box around the title 41
42 The Interface Cycle Display SYSTEM Updates display 42
43 The Interface Cycle USER Display Evaluates and understands display SYSTEM Updates display 43
44 The Interface Cycle USER Display Evaluates and understands display SYSTEM Updates display Formulates goals and actions 44
45 The Interface Cycle USER Display Evaluates and understands display SYSTEM Updates display Formulates goals and actions Acts to produce inputs 45
46 The Interface Cycle Display USER Evaluates and understands display Formulates goals and actions Acts to produce inputs SYSTEM Updates display Interprets input events Input Devices 46
47 The Interface Cycle Display USER Evaluates and understands display Formulates goals and actions Acts to produce inputs SYSTEM Updates display Updates internal state Interprets input events Input Devices 47
48 Norman s Gulfs Norman describes two user activities bridging users and systems The Gulf of Evaluation User perceives & interprets state of system User System 48
49 Norman s Gulfs Norman describes two user activities bridging users and systems The Gulf of Evaluation User perceives and interprets state of system The Gulf of Execution User formulates inputs to achieve goals Shrinking these gulfs makes interfaces easier User System to use 49
50 Example Gulfs of Evaluation? I want to add a thin black box around the title 50
51 Example Gulfs of Evaluation? User understands & evaluates display Pretty easy to see no black box around text yet Compare editing web page in text editor 51
52 Example Gulfs of Evaluation? User understands & evaluates display Pretty easy to see no black box around text yet Compare editing web page in text editor Formulates goals and actions Add a black box Acts to produce inputs Too many buttons? Too many menus? What s dog on side for? 52
53 Why Does Gulf of Evaluation Happen? 53
54 Why Does Gulf of Evaluation Happen? Some causes of Gulf of Evaluation Poor use of colors Bad layout, poor grouping Important information looks same as unimportant Forcing people to remember lots of things Lack of feedback in response to inputs Unfamiliar display of information Design patterns, convention 54
55 Why Does Gulf of Execution Happen? 55
56 Why Does Gulf of Execution Happen? Some causes of Gulf of Execution Unfamiliar devices Unfamiliar interactions Don t know what is possible Widgets might not have meaning (solvable with experience) Interaction patterns might not have meaning (see above) Example patterns: Dialogs, Shopping Carts 56
57 Activity Find one interface that is cognizant and apply Fitt s law and one interface that is not Find two interfaces where the gulf of evaluation is high and two interfaces where the gulf of execution is high Post it to the mailing list 57
58 Outcomes of the activity? What did you learn? 58
59 Ponnurangam Kumaraguru ( PK ) Associate Professor Indraprastha Institute of Information Technology New Delhi pk@iiitd.ac.in precog.iiitd.edu.in
Input part 3: Interaction Techniques
Input part 3: Interaction Techniques Interaction techniques A method for carrying out a specific interactive task Example: enter a number in a range could use (simulated) slider (simulated) knob type in
More informationInput: Interaction Techniques
Input: Interaction Techniques Administration Questions about homework? 2 Interaction techniques A method for carrying out a specific interactive task Example: enter a number in a range could use (simulated)
More informationOverview of Human Cognition and its Impact on User Interface Design
Overview of Human Cognition and its Impact on User Interface Design Stepping Back, Big Picture Recap Output Output hardware (CRTs, LCDs, etc) Pixel level operations (frame buffer, bitblt, color models)
More informationVisual Design + Gestalt Principles. Professor Michael Terry
Visual Design + Gestalt Principles Professor Michael Terry For Friday A resume and business card design pair The visual design of the resume and business card should match Business card should have a front
More informationPlunging into the waters of UX
Plunging into the waters of UX Maja Engel TCUK 2017 UX vs. UI design UX is a journey UI design and technical communication are vehicles for that journey «things» that the user can interact with A UI without
More informationGOMS. Adapted from Berkeley Guir & Caitlin Kelleher
GOMS Adapted from Berkeley Guir & Caitlin Kelleher 1 GOMS Goals what the user wants to do Operators actions performed to reach the goal Methods sequences of operators that accomplish a goal Selection Rules
More informationVisual Design. Gestalt Principles Creating Organization and Structure Typography. Visual Design 1
Visual Design Gestalt Principles Creating Organization and Structure Typography Visual Design 1 UI Visual Design Objectives 1. Information communication - Enforce desired relationships (and avoid undesired
More informationVisual Design. Gestalt Principles Creating Organization and Structure Typography. UI Visual Design Objectives
Gestalt Principles Creating Organization and Structure Typography 1 UI Objectives 1. Information communication - Enforce desired relationships (and avoid undesired relationships) 2. Aesthetics - well designed,
More informationInteraction Techniques. SWE 432, Fall 2016 Design and Implementation of Software for the Web
Interaction Techniques SWE 432, Fall 2016 Design and Implementation of Software for the Web Today What principles guide the design of usable interaction techniques? How can interaction designs help support
More informationInteraction Techniques. SWE 432, Fall 2017 Design and Implementation of Software for the Web
Interaction Techniques SWE 432, Fall 2017 Design and Implementation of Software for the Web Today What principles guide the design of usable interaction techniques? How can interaction designs help support
More informationAnnouncements. Usability. Based on material by Michael Ernst, University of Washington. Outline. User Interface Hall of Shame
Announcements Usability Based on material by Michael Ernst, University of Washington Optional cumulative quiz will be given online in Submitty on May 2. Replaces your lowest Quiz 1 10. More details on
More informationThe Interaction. Dr. Karim Bouzoubaa
The Interaction Dr. Karim Bouzoubaa UI Hall of Fame or Shame? The buttons are limited to text labels: à pi instead of (scientific mode) à sqrt rather than à * instead of X Why only one line of display?
More informationThe Interaction. notion of interaction interaction frameworks ergonomics interaction styles context of interaction
The Interaction notion of interaction interaction frameworks ergonomics interaction styles context of interaction Interaction Frameworks Interaction: communication between the user and the system Why have
More informationVISUAL HIERARCHY Explain: Elements are arranged in order of importance in the designs. Such things as size, weight and contrast are used to create a
VISUAL HIERARCHY Explain: Elements are arranged in order of importance in the designs. Such things as size, weight and contrast are used to create a hierarchical structure. Visual hierarchy naturally creates
More informationACT! Calendar to Excel
Another efficient and affordable ACT! Add-On by ACT! Calendar to Excel v.6.0 for ACT! 2008 and up http://www.exponenciel.com ACT! Calendar to Excel 2 Table of content Purpose of the add-on... 3 Installation
More informationUNIVERSITY OF CALIFORNIA AT BERKELEY. Name:
UNIVERSITY OF CALIFORNIA AT BERKELEY COMPUTER SCIENCE DIVISION - EECS CS160 Second Midterm Examination Prof L.A. Rowe Spring 2001 Name: Score: Question Possible Points 1 (50 points) 2 (10 points) 3 (20
More informationCognitive Disability and Technology: Universal Design Considerations
Cognitive Disability and Technology: Universal Design Considerations Clayton Lewis Coleman Institute for Cognitive Disabilities RERC-ACT clayton.lewis@colorado.edu Prepared for AUCD Training Symposium,
More informationGraphical Screen Design
1 Graphical Screen Design Grids are an essential tool for graphical design Important graphical design concepts include visual consistency visual relationships visual organization legibility and readability
More informationView a Students Schedule Through Student Services Trigger:
Department Responsibility/Role File Name Version Document Generation Date 6/10/2007 Date Modified 6/10/2007 Last Changed by Status View a Students Schedule Through Student Services_BUSPROC View a Students
More informationLesson Share TEACHER'S NOTES LESSON SHARE. ing by Olya Sergeeva. Overview. Preparation. Procedure
Lesson Share TEACHER'S NOTES Age: Adults Level: Intermediate + Time: 1 hour 40 minutes Objective: to practise writing work-related emails Key skills: writing Materials: one copy of the worksheet per student;
More informationUX Design Principles and Guidelines. Achieve Usability Goals
UX Design Principles and Guidelines Achieve Usability Goals Norman s Interaction Model Execution/Evaluation Action Cycle Donald Norman, The Design of Everyday Things, 1990 Execution/Evaluation Action Cycle:
More informationClaims Management - Delay analysis Online Workshop. Week No. 1: concept of claims
Online Workshop Week No. 1: concept of claims Presented by : Hany Ismail, MSc, PMP Workshop Concept Online Workshop Course Duration. Course PDU s. Course weekly Schedule. Wednesday New Lecture by Instructor
More informationFridays, Saturdays, and Sundays March 2 May 6 (none on Easter, April 1) Saturday times are 9 12:50 p.m., 1 4:50 p.m., 5 9 p.m.
Dick s Sporting Goods, Tom Thumb/Albertsons, and Lowe s Sign-ups Dick s Sporting Goods Dates and Times: Fridays, Saturdays, and Sundays March 2 May 6 (none on Easter, April 1) Friday times are 4 8 p.m.
More informationToday: CMPUT 301: Lecture 14 The Interaction
Today: CMPUT 301: Lecture 14 The Interaction Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses by Ken Wong, Eleni Stroulia Zach Dodds, Martin
More informationUI Evaluation: Cognitive Walkthrough. CS-E5220 User Interface Construction
UI Evaluation: Cognitive Walkthrough CS-E5220 User Interface Construction Usability Testing With users Usability test Without users Heuristic evaluation Cognitive walkthrough Nielsen s Ten Heuristic Rules
More informationScheduling WebEx Meetings with Microsoft Outlook
Scheduling WebEx Meetings with Microsoft Outlook About WebEx Integration to Outlook, page 1 Scheduling a WebEx Meeting from Microsoft Outlook, page 2 Starting a Scheduled Meeting from Microsoft Outlook,
More informationText and Lists Use Styles. What Are Styles?
Creating Accessible Word Documents Using Microsoft Word 2003 Cassandra Tex, MBA Assistive Technology Specialist Student Disability Resource Center Humboldt State University Word documents are inherently
More informationWeb UI Dos and Don ts
Web UI Dos and Don ts 1. A One Column Layout instead of multi-columns a. A one column layout gives you more control over your narrative. It guides your readers in a more predictable way from top to bottom.
More informationGraphical Screen Design
Graphical Screen Design CRAP (contrast, repetition, alignment, proximity) Grids are an essential tool for graphical design Other important graphical screen design concepts Visual consistency Visual relationships
More informationHuman Factors / User Interface Design Guidelines. Slides adapted from Craig Zilles
Human Factors / User Interface Design Guidelines Slides adapted from Craig Zilles 1 2 How would you interact with this? 3 How about this? 4 Design Terminology: Affordances An affordance is a relation between
More informationSBD:Interaction Design
analysis of stakeholders, field studies ANALYZE Problem scenarios claims about current practice SBD:Interaction Design metaphors, information technology, HCI theory, guidelines DESIGN Activity scenarios
More informationRemotely Test Any Networked Equipment
1 Remotely Test Any Networked Equipment Universal Test Head Platform includes: Multiple Test Heads Scheduler Resource Balancing Database: Equipment Links Equipment History Test History Test Library Windows
More informationUSER INTERFACE DESIGN + PROTOTYPING + EVALUATION Interface Hall of Fame or Shame?
USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Interface Hall of Fame or Shame? Conceptual Models & Interface Metaphors Tabbed dialog for setting options in MS Web Studio more tabs than space to display
More informationInput. Scott Klemmer. HCI Design. with materials from Bjoern Hartmann, Stu Card, Pat Hanrahan
Input Scott Klemmer HCI Design. with materials from Bjoern Hartmann, Stu Card, Pat Hanrahan A7 Example Xu Li, Hans Yuan, Brian Nguyen, Input 4 Input! How do these devices work for getting information into
More informationUser Testing & Automated Evaluation. Product Hall of Shame! User Testing & Automated Evaluation. Visual Design Review. Outline. Visual design review
landay 1 USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Product Hall of Fame or Shame? User Testing & Automated Evaluation Prof. James A. Landay University of Washington Apple One Button Mouse Autumn
More informationLecture 15. Interaction paradigms-2. CENG 412-Human Factors in Engineering July
Lecture 15. Interaction paradigms-2 CENG 412-Human Factors in Engineering July 9 2009 1 Announcements Final project presentations start on July 20 Guidelines will by posted by July 13 Assignment 2 posted
More informationFOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS
FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS CAN YOU ALL HEAR ME? LESSON 8 Graphic Design for Web ELEMENTS LINE SHAPE (FORM) COLOUR TEXTURE MASS (SIZE) SPACE PRINCIPLES ALIGNMENT BALANCE CONTRAST
More informationAQA Decision 1 Algorithms. Section 1: Communicating an algorithm
AQA Decision 1 Algorithms Section 1: Communicating an algorithm Notes and Examples These notes contain subsections on Flow charts Pseudo code Loops in algorithms Programs for the TI-83 graphical calculator
More informationDesign Languages and Experience Design. SWE 432, Fall 2018 Web Application Development
Design Languages and Experience Design SWE 432, Fall 2018 Web Application Development Review: Fitt s law Time required to move to a target decreases with target size & increases with distance to the target
More information(Refer Slide Time: 1:12)
Mobile Computing Professor Pushpendra Singh Indraprastha Institute of Information Technology Delhi Lecture 06 Android Studio Setup Hello, today s lecture is your first lecture to watch android development.
More informationMidterm No. 1 for V Wednesday, October 6, 2010
Midterm No. 1 for V2000004 Wednesday, October 6, 2010 There are three sections. Each section is worth 35 points. The maximum score on the test is 105. Please remember to print your name clearly on every
More informationIllinois Wesleyan University Scheduling Instructions
Illinois Wesleyan University Scheduling Instructions To schedule an event, go to the Events Calendar from the My IWU login site (www.my.iwu.edu). Click on R25 Room Scheduler. To login, select My Requests.
More informationInteraction Design. Chapter 5 (May 13th, 2014, 9am-12pm): Laws of Interaction Design
Interaction Design Chapter 5 (May 13th, 2014, 9am-12pm): Laws of Interaction Design 1 Why laws? What for? There are 3 good reasons for laws in ID:! describe: understand what is going on predict what will
More informationHow It All Stacks Up - or - Bar Charts with Plotly. ISC1057 Janet Peterson and John Burkardt Computational Thinking Fall Semester 2016
* How It All Stacks Up - or - Bar Charts with Plotly ISC1057 Janet Peterson and John Burkardt Computational Thinking Fall Semester 2016 In a game of poker, players bet by tossing chips into the center
More informationDATA VISUALIZATION Prepare the data for visualization Data presentation architecture (DPA) is a skill-set that seeks to identify, locate, manipulate,
DATA VISUALIZATION Prepare the data for visualization Data presentation architecture (DPA) is a skill-set that seeks to identify, locate, manipulate, format and present data in such a way as to optimally
More informationStep 10 Visualisation Carlos Moura
Step 10 Visualisation Carlos Moura COIN 2017-15th JRC Annual Training on Composite Indicators & Scoreboards 06-08/11/2017, Ispra (IT) Effective communication through visualization Why investing on visual
More informationVisual Design. Simplicity, Gestalt Principles, Organization/Structure
Visual Design Simplicity, Gestalt Principles, Organization/Structure Many examples are from Universal Principles of Design, Lidwell, Holden, and Butler Why discuss visual design? You need to present the
More informationPlease write neatly. We cannot give credit for what we cannot read
CS 160: USER INTERFACE DESIGN UC BERKELEY SPRING 2016 MIDTERM EXAM Professor Eric Paulos 16 March 2016 Your name (please print): This is a closed book, individual test. You are not allowed to use your
More informationAdobe Graphics Software
Adobe Graphics Software Untitled-1.indd 1 20.11.2015 13:05:28 Untitled-1.indd 2 20.11.2015 13:05:28 3 Recent versions have brought in functionality for working with 3D designs, though the program still
More informationLecture 7 Interaction Fundamentals
Lecture 7 Interaction Fundamentals Mark Woehrer CS 3053 - Human-Computer Interaction Computer Science Department Oklahoma University Spring 2007 [Taken from Stanford CS147 with permission] Learning Goals
More informationCISC-124. Dog.java looks like this. I have added some explanatory comments in the code, and more explanation after the code listing.
CISC-124 20180115 20180116 20180118 We continued our introductory exploration of Java and object-oriented programming by looking at a program that uses two classes. We created a Java file Dog.java and
More informationWhat is interaction? communication user system. communication between the user and the system
What is interaction? communication user system communication between the user and the system 2 terms of interaction The purpose of interactive system is to help user in accomplishing goals from some domain.
More informationAccessible Document Guidelines
Accessible Document Guidelines A good way to think of document accessibility is to treat it in the same way we consider spelling and grammar. It should be built into a document, not added on afterwards.
More informationCSE 403. Requirements
CSE 403 Requirements There are only two hard problems in software engineering (tip of the day) Naming Cache invalidation/coherency Off-by-one errors Class announcements Requirements due at 11:59PM on Monday
More informationINTRODUCTION TO USER INTERFACE DESIGN. M. Meyer Bridges To Computing
BRIDGES TO COMPUTING General Information: This document was created for use in the "Bridges to Computing" project of Brooklyn College. You are invited and encouraged to use this presentation to promote
More informationENGLISH TYPE 40 OPERATING INSTRUCTIONS
ENGLISH TYPE 40 OPERATING INSTRUCTIONS 1 www.division-furtive.com 2011-2014 Division Furtive All Rights Reserved 20140521 2 Content ENGLISH Initial activation Basic operation Setting the watch Advanced
More informationFACULTY AND STAFF COMPUTER FOOTHILL-DE ANZA. Office Graphics
FACULTY AND STAFF COMPUTER TRAINING @ FOOTHILL-DE ANZA Office 2001 Graphics Microsoft Clip Art Introduction Office 2001 wants to be the application that does everything, including Windows! When it comes
More informationCloning Enums. Cloning and Enums BIU OOP
Table of contents 1 Cloning 2 Integer representation Object representation Java Enum Cloning Objective We have an object and we need to make a copy of it. We need to choose if we want a shallow copy or
More informationUI Elements. If you are not working in 2D mode, you need to change the texture type to Sprite (2D and UI)
UI Elements 1 2D Sprites If you are not working in 2D mode, you need to change the texture type to Sprite (2D and UI) Change Sprite Mode based on how many images are contained in your texture If you are
More informationTutorTrac for Staff LOGINS: Kiosk Login Setting up the Kiosk for Student Login:
LOGINS: TutorTrac for Staff Kiosk Login Setting up the Kiosk for Student Login: Click on the TutorTrac icon: This goes to http://tutortrac.davenport.edu (or type in the URL, if the shortcut is not available).
More informationCSCI 311 WEB ACCESSIBILITY
CSCI 311 WEB ACCESSIBILITY The Plan Look at the importance of building accessible sites What accessibility means Accessibility guidelines Examples Motivating Example What is it like to navigate websites
More informationDouble Your Affiliate Commissions with this VERY Simple Strategy
Double Your Affiliate Commissions with this VERY Simple Email Strategy If you aren't resending your emails to the unopens you are missing out on one of the easiest and most readily available sources of
More informationLecture 12. Data Types and Strings
Lecture 12 Data Types and Strings Class v. Object A Class represents the generic description of a type. An Object represents a specific instance of the type. Video Game=>Class, WoW=>Instance Members of
More informationBluewave Professional Pet Sitter Demo Guide
Bluewave Professional Pet Sitter Demo Guide This document is in draft status. We are actively writing, editing and changing the content. Once we ve finished the content, we will have a editor review the
More informationMODELLING-Choosing a model
MODELLING-Choosing a model Model categories When using a model to help in the design process, it is important that the right type of model is used. Using the wrong type of model can waste computing power
More informationCreating an Accessible Microsoft Word document
Creating an Accessible Microsoft Word document Use Built-in Formatting Styles Using built-in formatting styles could be the single most important step in making documents accessible. Built-in formatting
More informationUsing Microsoft Word. Tables
Using Microsoft Word are a useful way of arranging information on a page. In their simplest form, tables can be used to place information in lists. More complex tables can be used to arrange graphics on
More informationThe first thing we ll need is some numbers. I m going to use the set of times and drug concentration levels in a patient s bloodstream given below.
Graphing in Excel featuring Excel 2007 1 A spreadsheet can be a powerful tool for analyzing and graphing data, but it works completely differently from the graphing calculator that you re used to. If you
More informationStore Locator for Magento 2. User Guide
Store Locator for Magento 2 User Guide Table of Contents 1. Store Locator Configuration 1.1. Accessing the Extension Main Setting 1.2. General 1.3. Service API and Comments 1.4. Store Search 2. Store Locator
More informationCIMA study resources for CIMA professional examinations. November 2010 examinations
CIMA study resources for CIMA professional examinations November 2010 examinations Introduction The CIMA professional qualification is taken by many working adults as a business qualification and the qualification
More informationThe 23 Point UX Design Checklist
The 23 Point UX Design Checklist The 23 Point UX Design Checklist During the design process, some flaws in your product will go unnoticed. Those little (or sometimes big) things can do a lot to hurt the
More informationInteraction Design. Ruben Kruiper
Interaction Design Ruben Kruiper What do you know? What do you think Interaction Design stands for? 2 What do you expect? Interaction Design will be: Awesome Okay Boring Myself I m not a big fan... This
More informationUSER INTERFACE DESIGN
USER INTERFACE DESIGN Today Before we talk about how to code interfaces in Java, some concepts. Norman: The Design of Everyday Things; General design principles; Activity theory; Gulf of execution; gulf
More informationCS5340 Human-Computer Interaction.! February 21, 2013!!
CS5340 Human-Computer Interaction February 21, 2013 www.hcibook.com/e3 Today s Class T4 & T5 Design practicalities Evaluation techniques Paper Presentations T4 & T5 Due 6pm Feb 28 T4: Concept Selection
More informationDESIGNING A POSTER A SHORT GUIDE FROM THE JET LIBRARY
DESIGNING A POSTER A SHORT GUIDE FROM THE JET LIBRARY The main thing to remember about posters is that they are a visual medium so how they look is as, if not more, important than the text you put on them.
More informationPosting Bridge Game Results to VCBridge.org by Bob Gruber
Posting Bridge Game Results to VCBridge.org by Bob Gruber To post bridge game results to VCBridge.org the Ventura Unit, Unit 547, web site you need three things: 1. an Internet connection, 2. ACBLscore
More informationMIT GSL week 4 Wednesday. User Interfaces II
MIT GSL 2018 week 4 Wednesday User Interfaces II User Centered Design Prototyping! Producing cheaper, less accurate renditions of your target interface! Essential in spiral design process, useful in later
More informationHuman-Computer Interaction: An Overview. CS2190 Spring 2010
Human-Computer Interaction: An Overview CS2190 Spring 2010 There must be a problem because What is HCI? Human-Computer interface Where people meet or come together with machines or computer-based systems
More informationQuality Assurance User Interface Modeling
Quality Assurance User Interface Modeling Part II - Lecture 4 1 The University of Auckland New Zealand 254 18/09/ /2012 Interviewing Methods of the FBI 254 18/09/ /2012 Cognitive interview: method to enhance
More informationHuman-Computer Interaction IS 4300
Human-Computer Interaction IS 4300 Prof. Timothy Bickmore Overview for Today Brief review. Affordances & Cognitive Models. Norman's Interaction Model Heuristic Evaluation. Cognitive Walk-through Evaluation
More informationHow to use the Sales Based Availability Dashboard
How to use the Sales Based Availability Dashboard Supplier Guide Sept 2017 v1 1 Contents What is Sales Based Availability and why is it important?... 3 How is Sales Based Availability calculated and how
More informationROCHESTER INSTITUTE OF TECHNOLOGY SIS DESIGN ADRIENNE MICHALAKIS GRAPHICS USER INTERFACE
ROCHESTER INSTITUTE OF TECHNOLOGY SIS DESIGN ADRIENNE MICHALAKIS GRAPHICS USER INTERFACE PAGE 2 PROJECT STATEMENT To create a clear and hassle free information system that will allow RIT students to efficiently
More informationTips for Reducing Formula Size
Tips for Reducing Formula Size Salesforce, Summer 17 @salesforcedocs Last updated: August 9, 2017 Copyright 2000 2017 salesforce.com, inc. All rights reserved. Salesforce is a registered trademark of salesforce.com,
More informationUsability. CSE 331 Spring Slides originally from Robert Miller
Usability CSE 331 Spring 2010 Slides originally from Robert Miller 1 User Interface Hall of Shame Source: Interface Hall of Shame 2 User Interface Hall of Shame Source: Interface Hall of Shame 3 Redesigning
More information2. The histogram. class limits class boundaries frequency cumulative frequency
MA 115 Lecture 03 - Some Standard Graphs Friday, September, 017 Objectives: Introduce some standard statistical graph types. 1. Some Standard Kinds of Graphs Last week, we looked at the Frequency Distribution
More informationBuild websites that suit the needs and abilities of users
Goal 1 Build websites that suit the needs and abilities of users The main goal of many websites is to display information users need. 2 Tools for indicating importance in the visual information hierarchy
More informationInteraction Design. Task Analysis & Modelling
Interaction Design Task Analysis & Modelling This Lecture Conducting task analysis Constructing task models Understanding the shortcomings of task analysis Task Analysis for Interaction Design Find out
More informationJavaScript. Like PHP, JavaScript is a modern programming language that is derived from the syntax at C.
Like PHP, JavaScript is a modern programming language that is derived from the syntax at C. It has been around just about as long as PHP, also having been invented in 1995. JavaScript, HTML, and CSS make
More informationHuman-Computer Interaction IS4300
Human-Computer Interaction IS4300 1 Quiz 3 1 I5 due next class Your mission in this exercise is to implement a very simple Java painting applet. The applet must support the following functions: Draw curves,
More informationAlternative GUI for Interaction in Mobile Environment
Alternative GUI for Interaction in Mobile Environment Juraj Švec * Department of Computer Science and Engineering Czech Technical University in Prague Prague / Czech Republic Abstract Standard personal
More informationUV Mapping to avoid texture flaws and enable proper shading
UV Mapping to avoid texture flaws and enable proper shading Foreword: Throughout this tutorial I am going to be using Maya s built in UV Mapping utility, which I am going to base my projections on individual
More informationSaturday, October 26th, 11am. JALT2013, Kobe Convention Center, Portopia Kobe, October 25th - 28th.
Metaprograms as a Tool for Critical Thinking in Reading and Writing Second JALT Critical Thinking SIG forum Cullen, Brian - Nagoya Institute of Technology cullen.brian@gmail.com Saturday, October 26th,
More informationCognitive Walkthrough. Francesca Rizzo 24 novembre 2004
Cognitive Walkthrough Francesca Rizzo 24 novembre 2004 The cognitive walkthrough It is a task-based inspection method widely adopted in evaluating user interfaces It requires: A low-fi prototype of the
More information15-Minute Fix: A Step-by-Step Guide to Designing Beautiful Dashboards
15-Minute Fix: A Step-by-Step Guide to Designing Beautiful Dashboards With a dashboard, every unnecessary piece of information results in time wasted trying to filter out what s important. Stephen Few,
More informationScheduling WebEx Meetings with Microsoft Outlook
Scheduling WebEx Meetings with Microsoft Outlook About WebEx Integration to Outlook, page 1 Scheduling a WebEx Meeting from Microsoft Outlook, page 2 Starting a Scheduled Meeting from Microsoft Outlook,
More informationUSER INTERACTION DESIGN GUIDELINES
USER INTERACTION DESIGN GUIDELINES TOPICS: Chapter 2 Organizing usability issues: The User Action Framework Selected design guidelines, with examples Guidelines specifically for Web design Usability inspection
More informationUser Interface Design: Principles, Fitts' Law. 15 January 2009 CMPT370 Dr. Sean Ho Trinity Western University
User Interface Design: Principles, Fitts' Law 15 January 2009 CMPT370 Dr. Sean Ho Trinity Western University Fluid and C++ program design Two ways of structuring your FLTK program: BankInterest example:
More informationGRADE 1 SUPPLEMENT. March Calendar Pattern C7.1
GRADE 1 SUPPLEMENT Set C7 Geometry: Describing 3-D Shapes Calendar Pattern Includes March Calendar Pattern C7.1 Skills & Concepts H identify, name, and describe 3-D shapes in isolation and in everyday
More informationECET 590 Special Problems in Electrical & Computer Engineering Technology (SmartGrid Technology)
ECET 590 Special Problems in Electrical & Computer Engineering Technology (SmartGrid Technology) Spring 2010 Paul I-Hai Lin, Professor of Electrical and Computer Engineering Technology Indiana University-Purdue
More informationMITOCW watch?v=kz7jjltq9r4
MITOCW watch?v=kz7jjltq9r4 PROFESSOR: We're going to look at the most fundamental of all mathematical data types, namely sets, and let's begin with the definitions. So informally, a set is a collection
More information