M150 -B / Unit 12. By Wawi. A good user interface design enables the user to effectively interact with the system and perform his tasks.
|
|
- Charleen Bates
- 5 years ago
- Views:
Transcription
1 A good user interface design enables the user to effectively interact with the system and perform his tasks. (True) HCI: (Human-Computer Interaction) is the study of how humans interact with computers and their applications. It tells us how to build user interfaces that are safe, efficient, easy and enjoyable to use (as well as functional!). A user interacts with a computer system via the user interface (UI). (True) the UI of different types of computer systems are different because the ways in which we interact with them are different. (True) The UI is two-way communication. (True) 1
2 Because of the UI is all you will see of any computer system, certain authors have concluded that, to users, the user interface is the system. (True) What is the difference between the terms user interface and human computer interaction? The user interface constitutes that part of the computer system through which the user communicates commands, and receives data for interaction with a computer system. Human computer interaction, as a discipline, is the study of how users interact with computer systems. It is concerned with the design of computer systems that are safe, efficient, easy and enjoyable to use, as well as being functional. How could we consider a UI as a good one? 1- easy to use. 2- easy to understand. 3- meets the needs of the intended users. 4- supports users in the tasks they wish to undertake. 2
3 A good UI designer thinks about the users of the UI and pays great attention to the usability of the UI for users. (True) What Usability does mean? the extent to which a [system] can be used by specified users to achieve specified goals [or tasks] with effectiveness, efficiency, and satisfaction in a specified context of use. A good UI is one that is easy to use and easy to understand, one that meets the needs of the intended users, and one that supports users in the tasks they wish to undertake. (True) A good UI designer thinks about the users of the UI and pays great attention to the usability of the UI for users. (True) For organizations, poor usability can lead to decrease in staff productivity, high staff turnover, low morale and poor job satisfaction. (True) 3
4 To design a good UI it is important to know who the users will be, their goals, their tasks, and their specific context of use. In HCI, this is called user-centered design. (True) Before designing a system, What a good UI designer should Know? 1- Who are the users? 2- What are the users experiences? 3- What skills do they have? 4- What tasks will they be using the system for? and if the system is a replacement for an existing one: 1- What are the users expectations? 2- How do they currently perform their tasks? 3- How will the new system support and/or change their goal and tasks, and environments? What are the UI design principles? Visibility, feedback, affordance, simplicity, structure, consistency and tolerance. 4
5 Give some examples of UI widgets? menu bar, toolbar, dialogue box... Visibility? making it clear what a UI element is used for. All UI elements should have good visibility. (True) How can the UI designer achieve the Visibility? By think about the goal that will be achieved by using that element. Feedback? making it clear what action has been achieved through the use of the UI element. 5
6 All UI elements should provide adequate feedback in response to the user s actions. (True) Feedback? making it clear what action has been achieved through the use of the UI element. How can the UI designer achieve the Feedback? By think about what information should be sent back to the user about. Affordance? making it clear how a UI element should be used, to afford means to give a clue. The clue is of how to interact All UI elements should have good affordance. (True) 6
7 How can the UI designer achieve the Affordance? The element s appearance should make it obvious how a user should interact with it Simplicity? means keeping things as simple as possible. How can the UI designer achieve the Simplicity? To achieve simplicity, employ actions, icons, words and user interface controls that are natural for the user. Structure? A UI will be more usable if it is structured in way that is meaningful and useful to user. 7
8 How can the UI designer achieve the Structure? Things that the user will think of as related should be clearly and closely related and appear together in the UI, or at least they should be clearly and closely associated Consistency? in appearance, positioning and behavior within the UI makes a system easy to learn and remember. The presentation of the UI should be consistent. (True) How can the UI designer achieve the Consistency? If two UI elements are to serve the same or similar purpose they should be made as consistent as possible. 8
9 Tolerance? Refers to the ability of a UI to prevent errors if possible, or to make them easy to recover from, if not. The UI should be designed to reduce the number of user errors and facilitate recovery from them. (True) How can the UI designer achieve the Tolerance? Think of the ways in which the user can make errors. What is a Home page? A home page is the main entrance into the website. As the name suggests, there is usually only one home page per website. 9
10 What is a interior page? An interior page is a web page that can be reached from the home page. Metaphorically, if the home page is the main entrance, then interior pages are the interior rooms that can be reached from it: any non-home web page within a website is an interior page. Errors, of course, are not always due to poor UI design, sometimes user is unfamiliar with an application or does not have the right experience or skills. (True) Recoverability of a UI refers to how easy it is for users to recover from their mistakes. (True) Explain the two types of error recovery? Backwards error recovery: the user will be allowed to undo the effects of the action that caused the error. Forwards error recovery: the system accepts the error there is no undo but still helps the user to accomplish their goal. 10
11 Text is a very natural way for us to communicate because of its recognised flexibility and power. (True) Readable text will allow the user to find the information that they need easily on the page. (True) Legible text will allow the user to read easily, once they have found the information. (True) How could we present Numeric data? through several graph and chart types (line graph, the bar chart, and the pie chart). 11
12 How can the designer achieve the presenting of Numeric data? By ask himself the following questions: 1- Is there a comparison to be made? 2- Can I draw the chart so that viewers are led to make a comparison? 3- Check that data ranges on the two axes of a graph are appropriate. 4- Check that any comparison you make is fair. Non-data-ink can include important information, e.g. labels or grids, but also the fancy graphics that can distract the reader. (True) The largest share of the ink on a graphic should be data-ink. (True) Chart junk is the enemy of simplicity in information visualization. It distracts a reader from achieving their task with meaningless photos and line art, administrative clutter, fancy fonts, weird backgrounds. (True) 12
13 How can the designer avoid chart junk? By ask himself the following questions: 1- Are you using content-free decoration? 2- Is that background really necessary? 3- Do those photographs really add information? 4- Is there anything that can be removed without changing the message? The power of the graphic depends just as much on the data that is discarded as on the data that is presented. (True) The more data there is, the more difficult its representation for information visualisation. (True) A simple structure allows each element of the page to be tied to its message and enhances the flexibility and adaptability of your site. (True) 13
14 A consistent layout of web pages increases ease of use, aids user navigation and helps to establish unity across several pages of the website. (True) How relevant is the content of a website for the user? The website must allow the users to carry out the tasks they want to perform easily with no error. Give some guidelines on what to include in home page? 1- Something that identifies the website as yours. 2- The name of the website. 3- An important part of telling the users where they are also involves the choice of typeface, colors and page layout. 4- A brief introduction to the site telling your user what they can expect. The information in such website should be relevant, credible, useful and up to date. (True) 14
15 Give some guidelines on what to include in home page? 1- Something that identifies the website as yours. 2- The name of the website. 3- An important part of telling the users where they are also involves the choice of typeface, colors and page layout. 4- A brief introduction to the site telling your user what they can expect. There should always be a link to the home page from an interior page. (True) Small errors in spelling and grammatical mistakes will also reduce the feeling of quality. (True) The important content of a page should be visible without scrolling. In general, it is better to ensure that all the links are visible without scrolling. (True) 15
16 For consistency, the look and feel colours, fonts, title bar, and so on of the interior pages should be similar to that of the home page. (True) 16
An Introduction to Human Computer Interaction
The contents of this Supporting Material document have been prepared from the Eight units of study texts for the course M150: Date, Computing and Information, produced by The Open University, UK. Copyright
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 informationUsability. HCI - Human Computer Interaction
Usability HCI - Human Computer Interaction Computer systems optimization for easy access and communication Definition design Basic principles Testing assessment implementation Quality Utility funcionality
More informationMensch-Maschine-Interaktion 1. Chapter 2 (May 12th, 2011, 9am-12pm): Basic HCI principles 1
Mensch-Maschine-Interaktion 1 Chapter 2 (May 12th, 2011, 9am-12pm): Basic HCI principles 1 1 Overview Introduction Basic HCI Principles (1) Basic HCI Principles (2) User Research & Requirements Designing
More informationHeuristic Evaluation of Enable Ireland
Heuristic Evaluation of Enable Ireland Aesthetic and minimalist design Pages should not contain information which is irrelevant or rarely needed. Currently, there is too much content on the Enable Ireland
More informationHuman-Computer Interaction IS4300
Human-Computer Interaction IS4300 1 Designing for the Web Stone Ch 17 + J. Lazar et al, HCI Handbook 1 Today Stone Chapter J. Lazar et al, HCI Handbook Testing tools & surveys Nielsen s Top 10 Mistakes
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 informationAssignment 3 - Usability Report. A Paper Presented in Partial Fulfilment Of the Requirements Of EDID 6508 Developing Instructional Media
EDID6508 Usability Report 1 Assignment 3 - Usability Report A Paper Presented in Partial Fulfilment Of the Requirements Of EDID 6508 Developing Instructional Media Semester 2 2016/2017 Terry Hall (ID#
More informationUsability and User Interfaces
Usability and User Interfaces The Importance of User Interface Design A computer system is only as good as the interface it provides to its users. Functionality, easy navigation, elegant design, response
More informationTable of contents. TOOLKIT for Making Written Material Clear and Effective
TOOLKIT for Making Written Material Clear and Effective Table of contents U.S. Department of Health & Human Services Centers for Medicare & Medicaid Services Table of contents Overview of the Toolkit The
More information2/1/2016. Discuss website usability essentials Explain principles of design Critique a website in terms of usability and design
Due Tuesday, Feb. 9 upload to Blackboard Locate five HTML (not Flash) websites you believe exhibit good web design, usability and accessibility principles. Each website s critique is worth 10 points (50
More informationUX Design. Web Design - Part 2. Topics. More web design: Page design: Where am I? Navigation Colour choices Special Needs Size Layout
UX Design Web Design - Part 2 Topics More web design: Page design: Where am I? Navigation Colour choices Special Needs Size Layout Contents Non-textual elements Common web design issues Autumn 2016 CSCU9N5:
More informationInterface Design Issues Lecture 8
IMS5302 Human factors and usability Interface Design Issues Lecture 8 Overview Quality, need to reduce Response time Interaction styles Direct manipulation Interaction devices Function versus look Field
More informationHCI and Design SPRING 2016
HCI and Design SPRING 2016 Topics for today Heuristic Evaluation 10 usability heuristics How to do heuristic evaluation Project planning and proposals Usability Testing Formal usability testing in a lab
More informationAltering Layouts. Changing Font. Universal Engraving Machine. Chapter 18 Altering Layouts
Universal Engraving Machine Changing Font Altering Layouts If you want to change the Font Style of your text. Left Click On the line you wish to change. If you wish to change more than one line, draw a
More informationSection 6 HCI & the Web 02/01/2013 1
Section 6 HCI & the Web 02/01/2013 1 Web Site Planning Main questions to address when planning a web site: What do I want the site to accomplish, sell, or promote? Who are my users and what do they want
More informationOn the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW
STAROFFICE 8 DRAW Graphics They say a picture is worth a thousand words. Pictures are often used along with our words for good reason. They help communicate our thoughts. They give extra information that
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 informationDesigning Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor
Designing Research Posters College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor Size and Orientation If you are NOT using the poster template: Start is with a 48"
More informationUser Interface Design
Objective User Interface Design MIT, Walailak University by Dr.Wichian Chutimaskul Understand the principles of user interface (UI) design Understand the process of user interface design To design the
More informationSTONELAW HIGH GRAPHIC
GRAPHIC COMMUNICATION Technical Education THE A to Z of DTP Your knowledge of desktop publishing terminology will be expanded as you progress within the subject THE A to Z of DTP ALIGNMENT positions of
More informationChapter 15. User Interface Design. Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 1
Chapter 15 User Interface Design Ian Sommerville 2000 Software Engineering, 6th edition. Chapter 15 Slide 1 Topics covered User interface design principles User interaction Information presentation User
More informationCOMP 388/441 HCI: 09 - Balancing Function and Fashion Balancing Function and Fashion
09 - Balancing Function and Fashion Lecture 09 - Overview This lecture deals with five design matters that are functional issues [...] but also leave room for varying styles to suite a variety of users.
More informationWhat are the elements of website design?
Contents What is a website?...1 Why does design matter?...1 What are the elements of website design?...1 What guidelines can help direct the design?...2 What physical objects are most similar to a web
More informationHeuristic Review of iinview An in-depth analysis! May 2014
Heuristic Review of iinview An in-depth analysis May 2014 Purpose of Evaluation User Experience Research conducted the Heuristic Evaluation in order to find out points of break downs in sign up and profile/
More informationAppendix A Design. User-Friendly Web Pages
Appendix A Design User-Friendly Web Pages 2 How to Do Everything with FrontPage 2002 If you have surfed the Web for any significant period of time, you know that there are plenty of Web sites out there
More informationGuide for Creating Accessible Content in D2L. Office of Distance Education. J u n e 2 1, P a g e 0 27
Guide for Creating Accessible Content in D2L Learn how to create accessible web content within D2L from scratch. The guidelines listed in this guide will help ensure the content becomes WCAG 2.0 AA compliant.
More informationUser-Centered Design Data Entry
User-Centered Design Data Entry CS 4640 Programming Languages for Web Applications [The Design of Everyday Things, Don Norman, Ch 7] 1 Seven Principles for Making Hard Things Easy 1. Use knowledge in the
More informationUsability in Multimedia. By Pınar Koçer Aydın and Özgür Bayram
Usability in Multimedia By Pınar Koçer Aydın and Özgür Bayram 1 OUTLINE: Part 1: What is usability and what it isn t Part 2: Jakob Nielsen s 10 principles Part 3: The user experience testing Part 4: Application
More informationDesign Rules. increasing generality. increasing authority. Guide lines. Standards. increasing authority. increasing generality
increasing generality increasing generality Design Rules 0 Design rules 0 suggest how to increase usability 0 Principles 0 abstract design rules 0 an interface should be easy to navigate 0 Guidelines 0
More informationPresented by Dr. Mariah Judd February 15, 2013
Presented by Dr. Mariah Judd juddm@iupui.edu February 15, 2013 » What are the first things you notice? Color Pictures Title Figures Section titles Bullets.text » Brain storm ideas for what you want your
More informationbuild a digital portfolio in WebPlus X4
How to build a digital portfolio in WebPlus X4 Get started Open Serif WebPlus and select Start New Site from the Startup Wizard. WebPlus will open a blank website for you. Take a few moments to familiarise
More informationInDesign. your. Resumé. a how-to guide for creating a professional resumé using InDesign
InDesign your Resumé a how-to guide for creating a professional resumé using InDesign Table of Contents p4. Glossary p5. The Importance of Good Design p6. Setting up the Document p10. Creating a Grid p12.
More informationSE 1: Software Requirements Specification and Analysis
SE 1: Software Requirements Specification and Analysis Lecture 11: User Interface Specification Nancy Day, Davor Svetinović http://www.student.cs.uwaterloo.ca/ cs445/winter2006 uw.cs.cs445 U Waterloo SE1
More informationINDEX UNIT 4 PPT SLIDES
INDEX UNIT 4 PPT SLIDES S.NO. TOPIC 1. 2. Screen designing Screen planning and purpose arganizing screen elements 3. 4. screen navigation and flow Visually pleasing composition 5. 6. 7. 8. focus and emphasis
More informationHeuristic Evaluation of NUIG Participate Module 1
Heuristic Evaluation of NUIG Participate Module 1 Nielsen s 10 Usability Heuristics (Nielsen & Mack, 1994) 1. Aesthetic & Minimalist Design Pages should not contain information which is irrelevant or rarely
More informationCreating Great Visual Aids
Creating Great Visual Aids How to create and use visual aids well! l Keep it simple, Stern! l Use message titles l Ensure readability l Be consistent l Think visually Follow design guidelines 1. Keep it
More information> creative résumé. > specifications: save as: Resume_Lastname.ai dimensions: 8.5" x 11" or 11" x 8.5" mode: CMYK
> creative résumé > objective(s): Students will create an eye-popping, visually impacting résumé using current trends in graphics, color and typography. > curricular focus: This lesson emphasizes the graphic
More informationInteraction Design DECO1200
Interaction Design DECO1200 Rob Saunders web: http://www.arch.usyd.edu.au/~rob e-mail: rob@arch.usyd.edu.au office: Room 274, Wilkinson Building Administration Lectures Thu 1000 1100 ALT 2 Thu 1400 1500
More informationADDENDUM. PRINCIPLES OF DESIGN COURSE Topic YouTube link QR Code
ADDENDUM PRINCIPLES OF DESIGN COURSE Topic YouTube link QR Code Topic 1 Introduction to Graphic Design https://youtu.be/pacrrojlvui This video discussed on essential skills of a graphic design and its
More informationObjectives. Object-Oriented Analysis and Design with the Unified Process 2
Objectives Understand the differences between user interfaces and system interfaces Explain why the user interface is the system to the users Discuss the importance of the three principles of user-centered
More informationAccessibility Tips for Teams
is everyone s responsibility Great products are clever concepts, realised for all. We all have a role to play Designer QA Testers 20% of users have a disability. Include simple tests for broad access.
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 informationPrepared by: Marysol Ortega & Diana Arvayo
UX Clinic Heuristic Evaluation Case Study: SoundBetter.com Prepared by: Marysol Ortega & Diana Arvayo UX Clinic Heuristic Evaluation The UX clinic is an initiative made for sharing our design expertise
More informationThere are four (4) skills every Drupal editor needs to master:
There are four (4) skills every Drupal editor needs to master: 1. Create a New Page / Edit an existing page. This entails adding text and formatting the content properly. 2. Adding an image to a page.
More informationPrinciples of Visual Design
Principles of Visual Design Lucia Terrenghi Page 1 Talk about rules in design No fixed rules Just guidelines, principles Where do they come from? How can I apply them? Page 2 Outline Origins of the principles
More informationWhat is interaction design? What is Interaction Design? Example of bad and good design. Goals of interaction design
What is interaction design? What is Interaction Design? Designing interactive products to support people in their everyday and working lives Sharp, Rogers and Preece (2002) The design of spaces for human
More informationAssignment 5 is posted! Heuristic evaluation and AB testing. Heuristic Evaluation. Thursday: AB Testing
HCI and Design Topics for today Assignment 5 is posted! Heuristic evaluation and AB testing Today: Heuristic Evaluation Thursday: AB Testing Formal Usability Testing Formal usability testing in a lab:
More informationChapter 10 Interactive Systems And Usability Organizational Requirements Engineering
Chapter 10 Interactive Systems And Usability Organizational Requirements Engineering Prof. Dr. Armin B. Cremers Sascha Alda Overview Introduction: What is usability? Why is usability an important non-functional
More informationModule 9: Audience Analysis, Usability, and Information Architecture COM 420
Module 9: Audience Analysis, Usability, and Information Architecture COM 420 Audience Analysis Needs Capabilities Without addressing these end user factors, time and money can be wasted building a site
More informationHeuristic Evaluation. An Analysis of The Toronto Public Library Website. By: Chris Dacol
Heuristic Evaluation An Analysis of The Toronto Public Library Website By: Chris Dacol Global High-level Evaluation After evaluating the Toronto Public Library desktop website I have identified several
More informationIntroduction to Usability and its evaluation
Introduction to Usability and its evaluation ~ Greg Ralph What is usability? Attributes ISO 9241-11 (1998) The extent to which a product can be used: by specified users to achieve specified goals with
More informationChapter 6. Design Guides
Chapter 6. Design Guides Context Table of Contents Context... 1 Objectives... 1 Introduction... 2 Standards vs Guidelines... 2 Design Guides... 2 Design Principles... 3 Learnability... 3 Flexibility...
More informationPlotting Graphs. Error Bars
E Plotting Graphs Construct your graphs in Excel using the method outlined in the Graphing and Error Analysis lab (in the Phys 124/144/130 laboratory manual). Always choose the x-y scatter plot. Number
More informationPowerPoint. PowerPoint. Presentation Software. PowerPoint Winter COMP 1270 Computer Usage II 1-1. Presentation Software and Office Integration
PowerPoint Presentation Software and Office Integration PowerPoint 1. PowerPoint overview 2. PowerPoint Basics 3. Advanced PowerPoint 4. Tips for Effective Presentations 5. Office Integration Presentation
More informationFast Company Homepage This ad is very distracting and grabs the viewer attention more than the logo and navigation. It could cause the user to overloo
Competitive Review Fast Company Homepage Doing well: It has a bold and modern feel that appeals to the internet audience. Doing poorly: The layout is confusing as to which elements match up and it's unclear
More informationQuick reference checklist for Accessible Document Design.
Quick reference checklist for Accessible Document Design. Below is a quick guide to help you design your documents in an accessible friendly way. While it is not necessary for these suggestions to be followed
More informationMULTIMEDIA TRAINING KIT INTRODUCTION TO OPENOFFICE.ORG WRITER HANDOUT
MULTIMEDIA TRAINING KIT INTRODUCTION TO OPENOFFICE.ORG WRITER HANDOUT Developed by: Anna Feldman for the Association for Progressive Communications (APC) MULTIMEDIA TRAINING KIT...1 INTRODUCTION TO OPENOFFICE.ORG
More informationA short introduction to. designing user-friendly interfaces
A short introduction to designing user-friendly interfaces Usability is often ignored until it becomes a problem Introduction This booklet is about Usability and User Experience design. It is aimed at
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 informationPublisher 2007 Creating Flyers and Brochures
MS Publisher 2007 User Guide Publisher 2007 Creating Flyers and Brochures THE NATURE OF DESKTOP PUBLISHING - INTRODUCTION Publisher is a desktop publishing program. You can create publications that
More informationPublisher 2007 Creating Flyers and Brochures
MS Publisher 2007 User Guide Publisher 2007 Creating Flyers and Brochures THE NATURE OF DESKTOP PUBLISHING - INTRODUCTION Publisher is a desktop publishing program. You can create publications that use
More informationFOUNDATION IN. GRAPHIC DESIGN with ADOBE APPLICATIONS. LESSON 1 Summary Notes
FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS LESSON 1 Summary Notes WHAT IS GRAPHIC DESIGN? Well, the dictionary definition of Graphic Design is Graphic design is everywhere. the art or profession
More informationCSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation
CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation Lecture 11: Inspection Tuesday / Thursday 12:00 to 1:20 James Fogarty Kailey Chan Dhruv Jain Nigini Oliveira Chris Seeds
More informationWord Processing Basics Using Microsoft Word
Word Processing Basics Using Microsoft Word lab 3 Objectives: Upon successful completion of Lab 3, you will be able to Use Word to create a simple word processing document Understand the concept of word
More informationIntroduction to Software Engineering
Introduction to Software Engineering 3. User Interface Design Mircea F. Lungu Based on a lecture by Oscar Nierstrasz. Roadmap > Interface design > Design principles > Graphical User Interfaces (GUI) >
More informationCSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation
CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation Lecture 12: Inspection-Based Methods James Fogarty Daniel Epstein Brad Jacobson King Xia Tuesday/Thursday 10:30 to 11:50
More informationAdobe LiveCycle ES and the data-capture experience
Technical Guide Adobe LiveCycle ES and the data-capture experience Choosing the right solution depends on the needs of your users Table of contents 2 Rich application experience 3 Guided experience 5 Dynamic
More information1.0 Instructions for using your UQ templates
1.0 Instructions for using your UQ templates 1.1 Opening a template Save your template attachment (without opening it) to a local or network location don t open it from email. Double-click the template
More informationWhat I learned from Assignment 0. This is the first HCI course for most of you. You need practice with core HCI and Design concepts.
HCI and Design Today s Reading What I learned from Assignment 0 This is the first HCI course for most of you. You need practice with core HCI and Design concepts. Today: Understanding Users Why do we need
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 informationHeuristic Evaluation. Ananda Gunawardena. Carnegie Mellon University Computer Science Department Fall 2008
Heuristic Evaluation Ananda Gunawardena Carnegie Mellon University Computer Science Department Fall 2008 Background Heuristic evaluation is performed early in the development process to understand user
More informationUser Experience Research Report: Heuristic Evaluation
User Experience Research Report: Heuristic Evaluation SI 622 003 Group 3: Yunqi Hu, Diane Pham, Chieh-Lin Wu, Ruofan Zhang Date: March 31, 2016 Word Count: 2,610 Table of Contents Executive Summary...
More informationApplication development process. Interaction Design Principles
Application development process Interaction Design Principles Overview Good/Bad UI Design Interaction Design Principles Screen layouts Navigation Patterns Screen Flows Prototyping Preview of UI Analysis/Design
More information3d: Usability Testing Review
Balance Ryan Parsons, Chad Price, Jia Reese, Alex Vassallo 3d: Usability Testing Review Usability Test #1 Our first usability testing participant, Mary, was an undergraduate student in Computer Science
More information2/18/2009. Introducing Interactive Systems Design and Evaluation: Usability and Users First. Outlines. What is an interactive system
Introducing Interactive Systems Design and Evaluation: Usability and Users First Ahmed Seffah Human-Centered Software Engineering Group Department of Computer Science and Software Engineering Concordia
More informationUser Interface. Three Mile Island. January 14, 2011 CSE 403, Winter 2011, Brun
User Interface Three Mile Island January 14, 2011 CSE 403, Winter 2011, Brun Chernobyl How do we avoid bad UI? Learn from past mistakes Build prototypes Big questions What's the point of prototyping? Should
More informationCambrian College Online Course Review Checklist
Course Code: Instructor: Reviewed By: Cambrian College Online Course Review Checklist Course Name: Date Reviewed: Instructions: The criteria in the Checklist reflect design principles required for all
More informationekaizen Lessons Table of Contents 1. ebook Basics 1 2. Create a new ebook Make Changes to the ebook Populate the ebook 41
Table of Contents 1. ebook Basics 1 2. Create a new ebook 20 3. Make Changes to the ebook 31 4. Populate the ebook 41 5. Share the ebook 63 ekaizen 1 2 1 1 3 4 2 2 5 The ebook is a tabbed electronic book
More informationHuman-Computer Interaction
Human-Computer Interaction The Trouble With Computers (and other computer-based devices) 2 The Trouble With Computers (and other computer-based devices) Confusion Panic Boredom Frustration Inefficient
More informationMaking a Great Poster. A Great Poster is:
Making a Great Poster Marilee P. Ogren PhD Ogren@mit.edu Readable A Great Poster is: Unreadable = grammatical problems, complex, passive sentences, misspellings Legible Illegible = small font, fancy font,
More informationCriterion 4 Exemplary 3 Very Good 2 Good 1 Substandard Comprehensive/ Web 2.0 tool cannot be used any content area and has
Criterion 4 Exemplary 3 Very Good 2 Good 1 Substandard Comprehensive/ Web 2.0 tool can be used in Web 2.0 tool can be used in Web 2.0 tool can be used in Web 2.0 tool cannot be used any content area and
More informationPrinciples of Professional Communication 1!! Familiar icons & symbols what do they represent?! Familiar signs!
Principles of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words! Familiar icons & symbols what do they represent?! Principles of Professional Communication
More informationSporty Team site USER GUIDE
Sporty Team site USER GUIDE Every team site has its own unique web address. eg. www.sporty.co.nz/raiders. Getting Started When you first view your site it will look like below. This is set up with placeholder
More informationWhat is interaction design?
Lecture 1 What is interaction design? Mohammad Smadi 1 Bad designs Elevator controls and labels on the bottom row all look the same, so it is easy to push a label by mistake instead of a control button
More informationPrinciples of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words!
Principles of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words! Familiar icons & symbols what do they represent?! Principles of Professional Communication
More informationNeon Carrot Prototype I Evaluation. Dan Cody, Logan Dethrow, Ben Fisher, Jeff Stanton April 6, Preamble
Neon Carrot Prototype I Evaluation Dan Cody, Logan Dethrow, Ben Fisher, Jeff Stanton April 6, 2009 Preamble Overall, we were impressed with the prototype's visual style, although some interface elements
More informationHow to Rescue a Deleted File Using the Free Undelete 360 Program
R 095/1 How to Rescue a Deleted File Using the Free Program This article shows you how to: Maximise your chances of recovering the lost file View a list of all your deleted files in the free Restore a
More informationSurvey of Math: Excel Spreadsheet Guide (for Excel 2016) Page 1 of 9
Survey of Math: Excel Spreadsheet Guide (for Excel 2016) Page 1 of 9 Contents 1 Introduction to Using Excel Spreadsheets 2 1.1 A Serious Note About Data Security.................................... 2 1.2
More informationChoice will depend on choice of interaction devices
2 Choice will depend on choice of interaction devices - Command line: - pros: powerful (can apply to many objects at once, pipes), flexible (many options/parameters), efficient (direct access to system
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 informationCSE 403: Software Engineering, Fall courses.cs.washington.edu/courses/cse403/16au/ User Interfaces. Emina Torlak
CSE 403: Software Engineering, Fall 2016 courses.cs.washington.edu/courses/cse403/16au/ User Interfaces Emina Torlak emina@cs.washington.edu Outline Usability Prototyping UI Design Elements Examples How
More informationCreating a Basic Chart in Excel 2007
Creating a Basic Chart in Excel 2007 A chart is a pictorial representation of the data you enter in a worksheet. Often, a chart can be a more descriptive way of representing your data. As a result, those
More informationContents Microsoft PowerPoint Lesson 1: The PowerPoint Window...2 The Quick Access Toolbar...3 The Title Bar...3 Rulers...
Contents Microsoft PowerPoint 2007...2 Lesson 1: The PowerPoint Window...2 The Quick Access Toolbar...3 The Title Bar...3 Rulers...3 Slides, Placeholders, and Notes...4 Status Bar, Tabs, View Buttons,
More informationUser Interface Design & Implementation. Prof. Dr.-Ing. Abdulmotaleb El Saddik University of Ottawa (SITE 5-037) (613) x 6277
SEG 3210 User Interface Design & Implementation Prof. Dr.-Ing. Abdulmotaleb El Saddik University of Ottawa (SITE 5-037) (613) 562-5800 x 6277 elsaddik @ site.uottawa.ca abed @ mcrlab.uottawa.ca http:///
More informationInteraction Design. Heuristic Evaluation & Cognitive Walkthrough
Interaction Design Heuristic Evaluation & Cognitive Walkthrough Interaction Design Iterative user centered design and development Requirements gathering Quick design Build prototype Evaluate and refine
More informationTOOLKIT for Making Written Material Clear and Effective. SECTION 2: Detailed guidelines for writing and design
TOOLKIT for Making Written Material Clear and Effective SECTION 2: Detailed guidelines for writing and design PART 5 Understanding and using the Toolkit Guidelines for Graphic Design Chapter 4 Guidelines
More informationOverview. GUI History Screen Design : Navigation, Windows, Controls, Text, Evaluating GUI Performance. Example: Car Rental
Overview Introduction Fundamentals of GUIs Screen Design : Navigation, Windows, Controls, Text, Evaluating GUI Performance - Features - Use 1 GUI History 11-12 Example: Car Rental 1980 : Keyboard based
More informationproj 3B intro to multi-page layout & interactive pdf
art 2413 typography fall 17 proj 3B intro to multi-page layout & interactive pdf objectives Students introduced to pre-made layered mockups that utilized smart art by placing vector artwork into the Photoshop
More informationUsability Analysis of website Craigslist Wenjuan Zou(Joerica)
Usability Analysis of website - - - Craigslist ------ Wenjuan Zou(Joerica) Introduction of Craigslist Craigslist is a classified advertisements website with sections devoted to jobs, housing, personals,
More information