Human-Computer Interaction IS4300
|
|
- Karen Thomas
- 6 years ago
- Views:
Transcription
1 Human-Computer Interaction IS Designing for the Web Stone Ch 17 + J. Lazar et al, HCI Handbook 1
2 Today Stone Chapter J. Lazar et al, HCI Handbook Testing tools & surveys Nielsen s Top 10 Mistakes Credibility in Web sites Designing for the Web Relative to Designing for GUIs What s different? What s the same? 2
3 Design Principles for Web Sites Homerun (Nielsen 2000) High-Quality Content Often Updated Minimal Download Time Ease of Use Relevant to User s Needs Unique to the Online Medium Net-centric Corporate Culture Designing Web Sites Designing the Web Site Structure Start with Information Structure How deep & wide? Long vs. short pages? Structure of site should support tasks. 3
4 Sample information structure Web structure Broad & shallow minimizes page loads 4
5 Designing Web Sites Helping the Users Know Where They Are Orient users who hypertext into the middle of your site. What site am I on? Logo, consistent look & feel What page am I on? Breadcrumbs Breadcrumbs 5
6 Designing Web Sites Helping the Users Navigate around the Site Structural navigation other pages within the same site Associative links same page links See Also links to other web sites Navigation Aids Site map Breadcrumbs Maps (geographical or other visual index) Designing Home Pages and Interior Pages Designing the Home Page Tells the users where they are Tells the users what the site does Logo, tagline, intro, key content, search, etc Designing Interior Pages More content, less introductory info User still needs to know where they are Logo, link to homepage 6
7 Design Issues for Web Pages Widgets on Web Pages Scrolling Info above the fold important Users now used to scrolling web pages vertically (but not horizontally) Designing for Different Screens and Platforms Using the Screen Area Effectively Using style sheets Writing the Content of Web Pages Keep Text to a Minimum <=50% of print Help Users to Scan use headings and subheadings, bulleted and numbered lists, highlight Dividing Long Blocks of Text into Separate Sections 7
8 Lovely Rooms example Conceptual Design Content diagram UIDE Chapter 17 Find a Lovely Room Information structure UIDE Chapter 17 8
9 Lovely Rooms web site UIDE Chapter 17 UIDE Chapter 17 9
10 Jonathan Lazar Handbook of HCI Unique Challenges in Designing for Web? Unreliability of internet (delays, outages) Browser incompatibility & versions Standards (w3) rarely followed exactly Absence of user training Navigation design Important to provide navigation Let users know where they are and where they can go Users may not enter from home page Infeasible to link from every page to every other, so must organize site into sections sectional navigation section links in sidebar (eg) audience-splitting Parts of site optimized to different user groups site maps Reduces user disorientation 10
11 Navigation breadcrumbs Hierarchical info about current location in site Text navigation (in addition to images) important For users with images turned off For blind users For users to navigate before all images download Navigation widgets should be at top or left of page First places users look at Methods should be constant throughout entire site Tips things to think about Download times 10 sec max (Nielsen) Accessibility Internationalization Animation can be distracting Mouseovers Nielsen: most have no value to users 11
12 Development Methodology for Web First, determine overall mission and users User involvement Requirements gathering Usability testing Best: participatory design But, typically very short development times Usability testing Easier to do remotely, since web site can be accessed over net Tools Intuition HQ, Usabilla, Loop11, etc. Heuristic evaluation: Levi & Conrad, 1996 Interactions 3(4), A heuristic eval Used Nielsen s heuristics & severity scale 12
13 Automatic Usability Testing Tools NIST WEBSAT Very old Example rule, Forms must have Submit and Reset/Clear buttons Readability checks (Word, wordscount.info, etc) Color contrast (checkmycolours.com) Navigation (optimalworkshop.com, writemaps.com, plainframe.com, navflow.com) Load speed (pingdom.com) UX (feedbackarmy.com, 10 reviews for $20) Standard Survey Instruments QUIS - $750! Questionnaire for User Interaction Satisfaction WAMMI web analysis and measurement inventory wammi.com 13
14 WAMMI WEBMAC Website Motivational Analysis Checklist 4 aspects assessed Engaging/Stimulating offers eye-catching visuals, attractive screen layout, humor, varied activities, novelty, and diverse and well-written content; Meaningful offers a statement of the purpose and importance of the site, accurate and updated information, meaningful examples and analogies, and quick and easy links to other relevant sites; Organized offers a site overview, summaries of key points, a help interface, and definitions of terms; Enjoyable for both the extrinsically and intrinsically motivated user positive feedback on progress, user-controlled external rewards (such as animation), and quick response speed. 14
15 WEBMAC Example Stimulating Questions 1. The home page of this Web site is eye-catching and visually interesting. 5. There are incentives at this site that motivate me to explore it 9. The screen layout of this Web site is attractive. Exercise Design the eyeglass frame sales web site Methodology? Sketch solution 15
16 Nielsen: Top 10 Mistakes in Web Design #1. Bad Search #2. PDFs #3. Not indicating visited links. #4. Non-Scannable Text #5. Fixed Font Size Nielsen: Top 10 Mistakes in Web Design #6. Page Titles With Low Search Engine Visibility #7. Avoid Anything that looks like an Advertisement #8. Violating Design Conventions Jakob's Law of the Web User Experience: "users spend most of their time on other websites." #9. Opening New Browser Windows #10. Not answering users questions 16
17 Trust in websites Fogg, CHI 2001, What Makes Web Sites Credible? 1400 people evaluated 51 websites credibility can be defined as believability When is this important? Trust 17
18 Positive influence Positive influence 18
19 Positive influence Positive influence 19
20 Negative influence Negative influence 20
21 T8 - User Testing & Prototype Revision Due next class In this final group assignment, you will complete enough of the implementation to support user testing, conduct a user test of your interface, and write up the final results of the project. User Testing You will conduct user testing of your system. Prepare a briefing and three tasks. These may be the same ones that you used in paper prototyping, but you may want to improve them based on feedback from the paper prototyping. You may, if you wish, also prepare a short demo of your interface that you can use to show your users the purpose of the system. The demo should be scripted, so that you do and say the same things for each user. It should use a concrete example task, but the example task should be sufficiently different from the test tasks to avoid bias. The demo option is offered because some interfaces are learned primarily by watching someone else use the interface. Think carefully about whether your interface is in this category before you decide to use a demo, because the demo will cost you information. Once you've demonstrated how to use a feature, you forfeit the chance to observe how the user would have used it otherwise. Pilot test your briefing, demo, and tasks, before the user test session. Use another group member or another member of the class for your pilot testing. T8 - User Testing & Prototype Revision Due next class Conduct a formative evaluation with each user: Provide your briefing and (optionally) demo. Then provide the tasks one at a time, observe, and take notes. One member of your group should be the facilitator of the test, and the rest should be observers. Redesign Collect the usability problems found by your user tests into a list. Assign each problem a severity rating (as in T7 above), and brainstorm possible solutions for the problems. Then, fix your implementation to solve as many problems as you can in the time available, giving priority to severe problems. What to Post A link to your updated prototype and a brief usability test report. 21
22 To do Read Stone Ch 18, Leung, Chaudry Finish T8 (next class) Finish final report & 10 min presentation (due in 1 week) Problem. (1 min) What user problem are you trying to solve? Who are the users? What are their tasks? Demonstration. (2 min) Demonstrate your design and implementation via a live demo of your system, working through one sample task. Discuss major design decisions. Run on YOUR computer to minimize compatibility issues. You should test with the projector before class starts. Evaluation. (4 min) Discuss the major findings from all three of your user evaluations (paper prototyping, heuristic evaluation, and user testing). 22
11 Database Management
1. Database softwares 1. MS Access 2. Libreoffice base/ Openoffice base 3. MySQL (Most popular web app) 11 Database Management 2. Database and Web Development For a website, texts saved in database. multimedia
More informationM150 -B / Unit 12. By Wawi. A good user interface design enables the user to effectively interact with the system and perform his tasks.
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
More informationJakob Nielsen s Heuristics (
Jakob Nielsen s Heuristics (http://www.useit.com/papers/heuristic/heuristic_list.html) What is heuristic evaluation: Heuristic evaluation is done as a systematic inspection of a user interface design for
More informationWeb Design and Usability. What is usability? CSE 190 M (Web Programming) Spring 2007 University of Washington
Page 1 Web Design and Usability CSE 190 M (Web Programming) Spring 2007 University of Washington References: J. Nielsen's Designing Web Usability (2) What is usability? usability: the effectiveness with
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 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 informationAssignments. Assignment 2 is due TODAY, 11:59pm! Submit one per pair on Blackboard.
HCI and Design Assignments Assignment 2 is due TODAY, 11:59pm! Submit one per pair on Blackboard. Today Paper prototyping An essential tool in your design toolbox! How do we design things that actually
More informationThe LUCID Design Framework (Logical User Centered Interaction Design)
The LUCID Design Framework (Logical User Centered Interaction Design) developed by Cognetics Corporation LUCID Logical User Centered Interaction Design began as a way of describing the approach to interface
More informationHuman-Computer Interaction IS4300
Human-Computer Interaction IS4300 1 Ethnography Homework I3 2 1 Team Projects User analysis. Identify stakeholders (primary, secondary, tertiary, facilitating) For Primary Stakeholders Demographics Persona(s)
More informationAnalytical &! Empirical Evaluation
Analytical &! Empirical Evaluation Informatics 132 5/22/2012 TODAY Evaluation Due: A3 Paper Prototyping UPCOMING Friday: Group Project Time Monday: Memorial Day, No Class Wednesday: HCI in the Real World
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 informationCSE 118 Introduction to Design
CSE 118 Introduction to Design Mini Quiz Week 5/6 http://bit.ly/cse118-2lakh What is Design? What is Design? DESIGN IS A PROCESS... 8 Human-Centered Design Design Methods Principles of Human-Centered
More informationRedesigning a Website Using IA Principals
Redesigning a Website Using IA Principals Jenny Emanuel University of Illinois Agenda Introduction! Frameworks! Structuring, Organizing and Labeling! Doing a Redesign! Odds & Ends! What this Is Not How
More informationThe Refuge Website Goals: Increase donations Increase traffic Attract more partners Increase awareness
Overall design and layout are not terrible. They re simple and clean, but can any improvements be made to the website to improve usability and fulfillment of the organization s goals? The Refuge Website
More informationSWEN 444 Human Centered Requirements and Design Project Breakdown
SWEN 444 Human Centered Requirements and Design Project Breakdown Team Status Reports: (starting in Week 2) Your team will report weekly project status to your instructor, and as you wish, capture other
More informationesign an ser mterrace Evaluation TheOpen University DEBBIE STONE The Open University, UK CAROLINE JARRETT Effortmark Limited
ser mterrace Evaluation esign an DEBBIE STONE The Open University, UK CAROLINE JARRETT Effortmark Limited MARK W O O D R O F F E The Open University, UK SHAILEY MINOCHA The Open University, UK 9 TheOpen
More informationProcess. Interface Design Introduction. Purpose and Goals of your Website. Module 2. Introduction
Module 2 Introduction Before one can start building a website, the person must have a clear understanding of the mission, goals, and objectives of the site. Important questions to ask are why are you making
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 informationCS 160: Evaluation. Outline. Outline. Iterative Design. Preparing for a User Test. User Test
CS 160: Evaluation Professor John Canny Spring 2006 2/15/2006 1 2/15/2006 2 Iterative Design Prototype low-fi paper, DENIM Design task analysis contextual inquiry scenarios sketching 2/15/2006 3 Evaluate
More informationMarking Guidelines for MVK Projects. MVK11. Version 6.2 (PPD, URD, ADD, revised URD+ADD, and software demo)
Marking Guidelines for MVK Projects. MVK11 Version 6.2 (PPD, URD, ADD, revised URD+ADD, and software demo) 2012-05- 03 Final Grade formulas: MVK DD1365 Grade = PPD + URD. Bachelor s Thesis DD143X Grade
More informationCurtin University School of Design. Internet Usability Design 391. Chapter 1 Introduction to Usability Design. By Joel Day
Curtin University School of Design Internet Usability Design 391 Chapter 1 Introduction to Usability Design By Joel Day Internet Usability Design 391 Chapter 1: Usability Introduction Page 2 of 6 What
More informationWeb Evaluation Report Guidelines
Web Evaluation Report Guidelines Graduate Students: You are required to conduct a usability test for your final project in this course. Please review the project description and the evaluation rubric on
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 informationNational Weather Service Weather Forecast Office Norman, OK Website Redesign Proposal Report 12/14/2015
National Weather Service Weather Forecast Office Norman, OK Website Redesign Proposal Report 12/14/2015 Lindsay Boerman, Brian Creekmore, Myleigh Neill TABLE OF CONTENTS Parts PAGE Abstract... 3 Introduction...
More informationWebsite Evaluation: Yowell Elementary School Library
Website Evaluation: Yowell Elementary School Library http://sites.google.com/a/ccpsweb.org/yowell-elementary-school-library/ Stephanie Kosmerl (slkosmer@syr.edu) 6/20/2010 Website: Yowell Elementary School
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 informationWriting For The Web. Patricia Minacori
Writing For The Web Patricia Minacori 1 Introduction Scannability Navigation Page Layout Readability Colors Editing Conclusion 2 Introduction Very different way of writing compared to paper 3 Introduction
More informationways to present and organize the content to provide your students with an intuitive and easy-to-navigate experience.
In Blackboard Learn, as you create your course, you can add a variety of content types, including text, file attachments, and tools. You can experiment with ways to present and organize the content to
More informationUser Interfaces Assignment 3: Heuristic Re-Design of Craigslist (English) Completed by Group 5 November 10, 2015 Phase 1: Analysis of Usability Issues Homepage Error 1: Overall the page is overwhelming
More informationCS 160: Evaluation. Professor John Canny Spring /15/2006 1
CS 160: Evaluation Professor John Canny Spring 2006 2/15/2006 1 Outline User testing process Severity and Cost ratings Discount usability methods Heuristic evaluation HE vs. user testing 2/15/2006 2 Outline
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 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 informationTable of Contents. I) Project Planning. User Analysis. III) Tasks Analysis. IV) Storyboard. V) Function Design. VI) Scenario Design.
FINAL REPORT Table of Contents I) Project Planning II) User Analysis III) Tasks Analysis IV) Storyboard V) Function Design VI) Scenario Design VII) Database VIII) Usability Questionnaire IX) System Version
More informationUser Experience. 10 Principles to Ensure a Great. on your Website. Issue 3. An Appnovation Digital ebook
Issue 3 10 Principles to Ensure a Great User Experience on your Website An Appnovation Digital ebook 10 Principles to Ensure a Great User Experience on your Website www.appnovation.com P.1 Thank you for
More informationA Heuristic Evaluation of Ohiosci.org
A Heuristic Evaluation of Ohiosci.org Executive Summary Site evaluated: Goal: Method: The Ohio Academy of Science http://www.ohiosci.org/ The goal of this heuristic evaluation is to test the overall usability
More informationWEB DESIGN QUESTIONNAIRE
Let s make it easy to understand the project. You are team member of this project. With your cooperation and support during the project will help a lot to complete project in time. 1. PROJECT INFO 1.1
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 informationHELLO + WELCOME THANK YOU FOR YOUR INTEREST IN MY BRANDING SERVICES
SERVICES & PRICES HELLO + WELCOME THANK YOU FOR YOUR INTEREST IN MY BRANDING SERVICES Exceptional design fosters trust and credibility with your customers. In today s digital age, good design goes a long
More information8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives. Overall Design Is Related to the Site Purpose. Website Organization
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 5 Web Design Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links by using INSERT+F7 Learning
More informationUsability Report for Online Writing Portfolio
Usability Report for Online Writing Portfolio October 30, 2012 WR 305.01 Written By: Kelsey Carper I pledge on my honor that I have not given or received any unauthorized assistance in the completion of
More informationSkill Area 323: Design and Develop Website. Multimedia and Web Design (MWD)
Skill Area 323: Design and Develop Website Multimedia and Web Design (MWD) 323.1 Design and Plan a Web site (7 hrs) 323.1.1 Web Authoring Tool 323.1.2 List and Use various features to make a Website 323.1.3
More informationApplying Usability to elearning
Applying Usability to elearning 6 December 08 John Wooden, PhD Director of Usability Services Fredrickson Communications jwooden@fredcomm.com We make information useful! About Fredrickson Communications
More informationAn 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 informationJennifer Nip, P.Eng. Portfolio
Jennifer Nip, P.Eng Portfolio Jennifer Nip Portfolio Jennifer has over 10 years experience in web design and usability analysis Being the Lead User Experience Designer, she has leading edge web design
More informationUser-centered design in technical communication
User-centered design in technical communication Information designer & information architect Sharing knowledge is better than having it. Tekom - TC Europe November 19-20, 2003 Nov. 19-20, 2003 User-centered
More informationBest Practices in Website Design. Making the most of every Website visitor
Best Practices in Website Design Making the most of every Website visitor Making the most of every visitor: Website Design Considerations What is the primary objective of a Website? Felix Laboy & Paolo
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 informationResponsive Redesign dispatch.com 10tv.com thisweeknews.com
Responsive Redesign 2014 dispatch.com 10tv.com thisweeknews.com Project Goals Establish a one web content strategy Share templates and interaction design patterns across brands Provide enough flexibility
More informationWeekend Urnr. Mobile App Wireframes. May Copyright UX Wireframe Experts 1
Weekend Urnr Mobile App Wireframes May 016 1 What is a wireframe? A wireframe is an outline of a digital product expressed in simple block layouts and representative text that conveys structure, hierarchy
More informationMarking Guidelines for MVK Projects. MVK12. Version 6.2 (PPD, URD, RURD, ADD and software demo)
Marking Guidelines for MVK Projects. MVK12 Version 6.2 (PPD, URD, RURD, ADD and software demo) 2013-02- 13 Final Grade formulas: MVK DD1365 Grade = 33% PPD + 66% URD. Bachelor s Thesis DD143X Grade = ADD
More informationOverview of Today s Lecture. Analytical Evaluation / Usability Testing. ex: find a book at Amazon.ca via search
Overview of Today s Lecture Analytical Evaluation / Usability Testing November 17, 2017 Analytical Evaluation Inspections Recapping cognitive walkthrough Heuristic evaluation Performance modelling 1 2
More informationBrakebuddy.com Homepage
UI Insight, Inc. Steven Chalmers, President (303) 840-6272 steven@uiinsight.com Heuristic Evaluation and Proposed Redesign for Brakebuddy.com Homepage 23 August 2002 Steven Chalmers www.uiinsight.com Table
More informationHuman-Computer Interaction Design Studio
stanford hci group / cs247 Design Human-Computer Interaction Design Studio Evaluate Prototype 6February 2012 http://cs247.stanford.edu Getting it right the first time is hard Need to make quick turns around
More informationSFX Label & Options Menu - Guerilla Test of SFX Menu: Proposed New Design
University of Michigan Deep Blue deepblue.lib.umich.edu 2006-12 SFX Label & Options Menu - Guerilla Test of SFX Menu: Proposed New Design Bledsoe, Cora; McCarley, Tonya http://hdl.handle.net/2027.42/107032
More informationUsability Services at the University of Maryland: Who, What and How
Usability Services at the University of Maryland: Who, What and How Gina M. Jones University of Maryland Coordinator, Web Services Office of Information Technology gj35@umail.umd.edu ABSTRACT Web Services,
More informationUser-Centered Analysis & Design
User-Centered Analysis & Design Section Topic Slides Study Guide Quick References (QR) Introduction UCA vs. UT 1-26 12 Comparing Analysis and Testing Approaches ROI 1-29 7 Formulas for Calculating ROI
More informationCHAPTER 3 WEB DESIGN BASICS KEY CONCEPTS
BASICS OF WEB DESIGN CHAPTER 3 WEB DESIGN BASICS KEY CONCEPTS 1 LEARNING OUTCOMES Describe the most common types of website organization Describe principles of visual design Design for your target audience
More informationWebsite Usability: Creating the Ultimate User Experience" Michelle Gammon!
Website Usability: Creating the Ultimate User Experience" Michelle Gammon! Michelle Gammon" Marketing Specialist! Terra Dotta!! Objectives" Design! Optimization! Homepage! Page layout! Navigation! Headings!
More informationcs465 principles of user interface design, implementation and evaluation
cs465 principles of user interface design, implementation and evaluation Karrie G. Karahalios 24. September 2008 1. Heuristic Evaluation 2. Cognitive Walkthrough 3. Discuss Homework 3 4. Discuss Projects
More informationReviewing and Evaluating your Website
Reviewing and Evaluating your Website Introduction In the following review, I will be evaluating the website that I have produced for my client. I will make sure I have made the website appropriate for
More informationDesign Heuristics and Evaluation
Design Heuristics and Evaluation Rapid Evaluation Selected material from The UX Book, Hartson & Pyla Heuristic Evaluation Another method for finding usability problems in a UI design Validation during
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 informationPlanning an effective web presence: Part 2 Web interface design and usability. Basic search engine optimization MGMT 230
Planning an effective web presence: Part 2 Web interface design and usability. Basic search engine optimization MGMT 230 This week we will cover: Elements of web visual, interface, and functional design:
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 informationAnnouncements. Term Paper due on Wednesday at the beginning of class Midterm #2 next Monday Fawzi Emad, Computer Science Department, UMCP
Announcements Term Paper due on Wednesday at the beginning of class Midterm #2 next Monday 1 Organization of Complex Web Site A complex site typically consists of three separate components: 1. HTML describes
More informationCPSC 444 Project Milestone III: Prototyping & Experiment Design Feb 6, 2018
CPSC 444 Project Milestone III: Prototyping & Experiment Design Feb 6, 2018 OVERVIEW... 2 SUMMARY OF MILESTONE III DELIVERABLES... 2 1. Blog Update #3 - Low-fidelity Prototyping & Cognitive Walkthrough,
More informationWHY EFFECTIVE WEB WRITING MATTERS Web users read differently on the web. They rarely read entire pages, word for word.
Web Writing 101 WHY EFFECTIVE WEB WRITING MATTERS Web users read differently on the web. They rarely read entire pages, word for word. Instead, users: Scan pages Pick out key words and phrases Read in
More informationLibrary Website Migration and Chat Functionality/Aesthetics Study February 2013
Library Website Migration and Chat Functionality/Aesthetics Study February 2013 Summary of Study and Results Georgia State University is in the process of migrating its website from RedDot to WordPress
More informationWhat is interaction design?
Chapter 1 What is interaction design? 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 People do not
More informationWeb Design, 5 th Edition
Planning a Successful Website: Part 2 Web Design, 5 th Edition Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step : Specify the s navigation
More informationGrants.gov Redesign. January 5, 2011
Grants.gov Redesign January 5, 2011 2 Agenda Introduction Current Website Usability Results/Recommendations Site Architecture Wireframes Redesign Advantages Next Steps 3 Introduction Is Grants.gov starting
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 informationEdexcel CiDA Course Overview
Edexcel CiDA Course Overview Level 2 Certificate in Digital Applications: Graded A*-C 2 units Coursework & examination Assessment objectives: Applying creative processes to design digital products Selecting
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 informationUsing the Web in Your Teaching
Using the Web in Your Teaching November 16, 2001 Dirk Morrison Extension Division, University of Saskatchewan Workshop Outline What will we cover? Why use the Web for teaching and learning? Planning to
More informationWeb Development & Design Foundations with HTML5
1 Web Development & Design Foundations with HTML5 CHAPTER 5 WEB DESIGN Copyright Terry Felke-Morris 2 Learning Outcomes In this chapter, you will learn how to... Describe the most common types of website
More informationEvaluation in Information Visualization. An Introduction to Information Visualization Techniques for Exploring Large Database. Jing Yang Fall 2005
An Introduction to Information Visualization Techniques for Exploring Large Database Jing Yang Fall 2005 1 Evaluation in Information Visualization Class 3 2 1 Motivation What are the advantages and limitations
More informationVIDEO 1: WHY IS THE USER EXPERIENCE CRITICAL TO CONTEXTUAL MARKETING?
VIDEO 1: WHY IS THE USER EXPERIENCE CRITICAL TO CONTEXTUAL MARKETING? Hello again! I m Angela with HubSpot Academy. In this class, you re going to learn about the user experience. Why is the user experience
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 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 informationFoundation Level Syllabus Usability Tester Sample Exam
Foundation Level Syllabus Usability Tester Sample Exam Version 2017 Provided by German Testing Board Copyright Notice This document may be copied in its entirety, or extracts made, if the source is acknowledged.
More informationADOBE DREAMWEAVER CS4 BASICS
ADOBE DREAMWEAVER CS4 BASICS Dreamweaver CS4 2 This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site layout,
More informationHuman-Computer Interaction IS4300
Human-Computer Interaction IS4300 1 I4 Swing! Due Now Implement a Java applet to provide online ordering for your favorite restaurant. The interface need not be functional, but the controls should be laid
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 informationDesigning a single channel technology: Introduction to Coursebuilder handout
Jennifer Handley Instructional Message Design Spring 2003 Designing a single channel technology: Introduction to Coursebuilder handout Introduction: I designed this handout to give to other graduate students
More informationUsability Report: Amtrak s Employment Portal. Mishaun D. Cannon Concordia University - Chicago
Usability Report: Amtrak s Employment Portal Mishaun D. Cannon Concordia University - Chicago October 17, 2015 Introduction: Amtrak is one of America s leading passenger railroad transportation companies
More informationExemplar for Internal Achievement Standard. Technology Level 1
Exemplar for Internal Achievement Standard Technology Level 1 This exemplar supports assessment against: Achievement Standard 91046 (B) Use design ideas to produce a conceptual design for an outcome to
More informationEVALUATION OF PROTOTYPES USABILITY TESTING
EVALUATION OF PROTOTYPES USABILITY TESTING CPSC 544 FUNDAMENTALS IN DESIGNING INTERACTIVE COMPUTATIONAL TECHNOLOGY FOR PEOPLE (HUMAN COMPUTER INTERACTION) WEEK 9 CLASS 17 Joanna McGrenere and Leila Aflatoony
More informationCSE 403. UI Requirements & Design. Material in part from Marty Stepp and Valentine Razmov, past 403 classes.
CSE 403 UI Requirements & Design Material in part from Marty Stepp and Valentine Razmov, past 403 classes. Admin stuff Grade database should be working See the Admin section on the class wiki: o You should
More informationWeb Site Design Principles
Web Site Design Principles Objectives: Understand the Web design environment Design for multiple screen resolutions Craft the look and feel of the site Create a unified site design Design for the user
More informationUsability of interactive systems: Current practices and challenges of its measurement
Usability of interactive systems: Current practices and challenges of its measurement Δρ. Παναγιώτης Ζαχαριάς Τμήμα Πληροφορικής Πανεπιστήμιο Κύπρου 23/2/2010 Concepts and Definitions Usability engineering
More informationCS/ISE 5714 Spring 2013
CS/ISE 5714 Spring 2013 Chapter 11. Prototyping Chapter 10. UX Goals, Metrics, Targets Introduction A way to evaluate design before it s too late and too expensive Copyright MKP. All rights reserved. 2
More informationSoftware Development and Usability Testing
Software Development and Usability Testing Shneiderman, Chapter 4 Preece et al, Ch 9, 11-15 Krug, Rocket Surgery Made Easy Rubin, Handbook of Usability Testing Norman Neilsen Group www HCI in Software
More informationCoca Cola Heuristic Evaluation
Coca Cola Heuristic Evaluation July 15th 2012 This document was prepared by: Jason Frade! Page 1 Table of Contents Executive Summary.......................................................... 3 Purpose
More informationUsability evaluation in practice: the OHIM Case Study
Usability evaluation in practice: the OHIM Case David García Dorvau, Nikos Sourmelakis coppersony@hotmail.com, nikos.sourmelakis@gmail.com External consultants at the Office for Harmonization in the Internal
More informationIBM s approach. Ease of Use. Total user experience. UCD Principles - IBM. What is the distinction between ease of use and UCD? Total User Experience
IBM s approach Total user experiences Ease of Use Total User Experience through Principles Processes and Tools Total User Experience Everything the user sees, hears, and touches Get Order Unpack Find Install
More informationSWEN 444 Human Centered Requirements and Design Project Breakdown
SWEN 444 Human Centered Requirements and Design Project Breakdown Team Status Reports: (starting in Week 2) Your team will report bi-weekly project status to your instructor, and as you wish, capture other
More informationUX Case Study 1 Objective
UX Case Study 1 Objective To redesign client s key screens with an aim to simplify workflows and to enhance user experience. UX Approach Business & end Findings & 1 2 3 user workshops recommendations Scenario
More informationUsability Report. Author: Stephen Varnado Version: 1.0 Date: November 24, 2014
Usability Report Author: Stephen Varnado Version: 1.0 Date: November 24, 2014 2 Table of Contents Executive summary... 3 Introduction... 3 Methodology... 3 Usability test results... 4 Effectiveness ratings
More informationTechnical Communication A Practical Approach: Chapter 11: Web Pages and
Publish on the Web Technical Communication A Practical Approach: Chapter 11: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins Craig Baehr Revised for ENGR 139 by x.m. spring 2010
More information