Due on: May 12, Team Members: Arpan Bhattacharya. Collin Breslin. Thkeya Smith. INFO (Spring 2013): Human-Computer Interaction

Size: px
Start display at page:

Download "Due on: May 12, Team Members: Arpan Bhattacharya. Collin Breslin. Thkeya Smith. INFO (Spring 2013): Human-Computer Interaction"

Transcription

1 Week 6 Assignment: Heuristic Evaluation of Due on: May Team Members: Arpan Bhattacharya Collin Breslin Thkeya Smith INFO (Spring 2013): Human-Computer Interaction

2 Group 1 HE Process Overview Our methodology for assessing a HE stpoint was a three step process. First we had a team meeting to review our assigned area of focus. Next we evaluated the site focusing on the heuristic principles we were assigned. We used an issue log to capture heuristic issues. Finally we collated are findings into a scorecard that assessed each principle summarizing the number of occurrences the average severity rating. Below is an outline of the process in more detail. Step 1: Identify scope assign areas of focus Our team met to review Nielsen s 10 heuristic principles with the objective to 1) agree on scope 2) assign focus areas. Scope: We agreed that a general assessment of the whole site would allow us to cover all 10 principles Assignment: We used the categorizations our lesson to help group the principles into areas of focus as detailed below. We each were assigned a category to help hone our focus into areas of expertise (i.e. what we felt would come most naturally for each of us in terms of assessing the site) Category Aiding the User Error Hling Simplicity User's Expectation Principle Visibility of system status User control freedom Flexibility efficiency of use Error prevention Recognition rather than recall diagnose Aesthetic minimalist design Match between system the real world Consistency stards documentation Step 2: Evaluate (See Appendix for HE Issue List) We spent a few days evaluating the site - first getting acquainted with the overall site followed by a closer look at specific aspects of the site. We used an issue log to track heuristic principles that were violated. The fields captured for each issue were: Issue Description Describe the issue in detail Why is this an issue provide a reason why it is a usability problem Heuristics Pick one of the 10 heuristics violated List the pages/interfaces where the issue occurs Use this field to document the total (to be summarized) -- Classify the severity using the Nielsen s scale (to be summarized)

3 Step 3: Summarize Results Our finally step was discussing the results captured in the issue log reviewing for overlaps agreeing on severity ratings. Once we had an agreement we summarized the results by each principle to provide a scorecard on how performed against the 10 Heuristic principles. Heuristics Scorecard Category Principle Description Aiding the Visibility of system status The system should always keep User informed about what is going on through appropriate feedback within reasonable time. User control freedom Users often choose system functions by mistake will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo redo. Error Hling Flexibility efficiency of use Error prevention Recognition rather than recall Accelerators -- unseen by the novice user -- may often speed up the interaction for the expert user such that the system can cater to both inexperienced experienced. Allow to tailor frequent actions. Even better than good error messages is a careful design which prevents a problem occurring in the first place. Either eliminate error-prone conditions or check for them present with a confirmation option before they commit to the action. Minimize the user's memory load by making objects actions options visible. The user should not have to remember information one part of the dialogue to another. Instructions for use of Average # of Conflicts

4 Heuristics Scorecard Category Principle Description the system should be visible or easily retrievable whenever appropriate. # of Conflicts Average Simplicity User's Expectation diagnose Aesthetic minimalist design Match between system the real world Error messages should be expressed in plain language (no codes) precisely indicate the problem constructively suggest a solution. Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information diminishes their relative visibility. The system should speak the ' language with words phrases concepts familiar to the user rather than system-oriented terms. Follow real-world conventions making information appear in a natural logical order. Consistency stards Users should not have to wonder whether different words situations or actions mean the same thing. Follow platform conventions. documentation Even though it is better if the system can be used without documentation it may be necessary to provide help documentation. Any such information should be easy to search focused on the user's task list concrete steps to be carried out not be too large

5 Appendix: HE Issue List of # Issue Description (What) Why is an issue? Heuristic 1 Displaying many different areas of content in separate individual boxes on the same page. The following elements are all displayed on one page: "Important Announcements" "My Courses" "Tools" "My Courses" "My Tasks" "My Messages" "My Announcements" "My Organizations" "On Dem Learning Catalog". 2 The top navigational menu uses a smaller font in the "Course" section than it does in the main "Home" area. 3 The "Tools" section in Home contain many useful features such as "My Grades" "Tasks" "User Directory" "Address Book". This set of tools is visible to the user in the Home's Institutional Dashboard. It is also accessible to the student via the context menu on the top right once the user is in a specific course section. Many of these elements have no useful information to the user either because the elements are not being used by the user or there isn't any relevant information to display. The boxes are empty but they still occupy space distract the user other elements. The user does have the option to "Close" the box or they can "Personalize the Page" remove the boxes the dashboard but this has to be done manually. If there is no relevant information to display for an element why not leave it closed by default? The smaller font makes it harder to find the menu on the "Course" section especially when there is more individual course content displayed on the page using larger fonts. Also it is inconsistent to have different font sizes for the same menu which should be stardized across all pages. These tools may be used frequently by an experienced online student. It is cumbersome having to access it through the Home's Institutional Dashboard. If the student is in a specific course page needs to quickly access the "Address Book" or "User Directory" the student would need to leave the page navigate to the institutional Dashboard then find the appropriate tool. Having quick Aesthetic minimalis t design Aesthetic minimalis t design Flexibility efficiency of use Home > Institutional Dashboard Home > Notifications Dashboard Courses > INFO Home > Institutional Dashboard Cosmetic Cosmetic Cosmetic

6 access to this tool would aid the experienced user. In the specific course page the context menu on the top right does allow access to these tools but they are hidden the user. 4 does not show the user how much time is left on their user session. No warnings are provided to the user when their session is about to expire requiring them to login again losing whatever work they had done on the page. 5 In the discussion area in the course specific section of if a user posts a hyperlink it will open in the same bottom frame inside of. Without any warnings or feedback about the amount of time left on the user session the user continues to reply to a discussion write a wiki or create content only to discover that they have been timed out need to login again. All the content the user was producing on the page is now lost the user is left frustrated. The DrexelOne site does an excellent job at warning the user by using a pop up message alerting the user they have five minutes left on their session gives them an option to "extend" the session. A user never wants to open a link discussion in the same window let alone same frame as. When the new page is loaded the menu at the top is present confusing the user about what part of the website he is in. Is the new site part of? What happened to the discussion post that the user was reading? There is no warning to the user that they will be leaving the main page navigating to a different website. By default a link posted in discussion should open either in a new tab or a new window so that the user may look at the content of the site continue their discussion on. Visibility of system status User control freedom Minor Courses > INFO > Discussion Board > Week 6 > Usability Analysis Minor

7 6 When navigating to a specific thread in the discussion area the title of the thread is large bold whereas the section where thread is under is much smaller uses a font lighter color that blends into the background of the page. 7 Terminology on homepage is not intuitive Presented with two dashboard options 1) Institution dashboard 2) Notification dashboard If the user navigates to the "Week 6 Discussion" then clicks on the thread "Roll Your Own" the thread page has "Roll Your Own" in large boldface font on the top whereas the "week 6 discussion" is much smaller in a lighter color which makes it hard to see. This is a problem because the user may not see the "week 6 discussions" may get confused about which discussion this thread is under. The discussion section where the thread exists should be easier to find on the thread page so that can quickly navigate back to that specific discussion section instead of having to navigate through the main "Discussion Board" link. The dashboards are dividing information into similar categories without a clearly understood definition. Visibility of system status Consiste ncy stard s Courses > INFO > Discussion Board > Institution Dashboard Notification Dashboard Cosmetic Minor There are 5 components on both dashboards with titles that could be perceived as places to find "actions". They are : 1) My Messages - Check here for any new messages in your courses 2) My Tasks - Display your personal tasks 3) Needs Attention - Display notifications regarding items that need your attention in the courses you instruct 4) To Do - Keep on top of your course work. Display all items due past due for your courses

8 5) Alerts - Don't fall behind. Display notifications of past due early warnings the courses you instruct. There are other areas that seem to be placed where important messages are posted 1) My Announcements - Display institution organization course announcements that are relevant to you 2) What's New - Keep up to date with your courses. Display notices of what is new in your enrolled courses 8 The Tech section has a sub-section called "Node Information. It goes on to explain what it is to include the information when contacting Tech Support. 9 The Content Collection section has many options seems like it may contain useful resources; however there is no highlevel description of what the section is used for. In addition there are no help icons to underst what each section is used for (My Content Institution Content Library Content); After a few click through the folders seem to have more questions than understing. For instance: - what are all of the preloaded folders with various acronyms? This information to the non-technical person is confusing also doesn t really provide any value considering that information could be sent to Tech Support without the user needing to know. People will not use this section without further training or understing of the purpose. Match between system the real world diagnose Tech Support Content Collection Section Minor Major Usability

9 - Why are there pictures in some of the folders? 10 On Dem Learning Center link brings you to a website that has a lot of content that is poorly organized. Search capability provides some relevant results but I am looking for basic information on using Content Collection section unfortunately I have to learn how to use this site as well. 11 After viewing the drop down menu in must remember to press the back button to return to the previous screen. Selecting the headings at the top will take the to each of those headings' main screens. 12 Users are unable to resize correct any issues with an image once it is imported into. A user must correct this issue before uploading an image to. does not provide an error to inform of this issue. Once the problem occurs it cannot be corrected the would have to reload the image again. Accessibility to helpful relevant content is not easy to get to. Users will take extra time to return back to where they were originally. Users will waste time trying to correct the issue of the image problem. diagnose Error preventi on diagnose On Dem Learning Center Right h corner of clicking the downward arrow next to the user's name Replying adding to a thread in Minor Minor Major Usability

10 13 When copy paste into the formatting can become wrong. Users would need to correct this in the post before submitting. There is not an error message or anything that pops up to alert of this. Often times will not know of an error until after it occurs. 14 Looking through the announcements grades post other icons the screen begins to freeze. Trying to refresh the screen works sometimes or the cursor will just continue to spin. The web browser will try to the page but this is not always an option. The only other way to correct is to force close the task manager. 15 Sometimes external links do not open up in a user would have to view it in a new window. If a user selects the back button it will take them to the courses screen. To return to the previous screen would select the link next to the words linked file. This can be located right above the external link. Causing an unnecessary error in message post. The screen constantly freezes locks up. Creating unnecessary clicking to return to previous page. diagnose diagnose Recogniti on rather than recall Replying adding to a thread in Right h corner of clicking the downward arrow next to the user's name - INFO Week by Week- Week 6- Select link for one of the readings- Link will open up to an external screen due to security Minor Usability Catastrophe Minor

11 purposes 16 Users are unable to copy paste an image into the system. If a user tries to copy paste nothing will happen. There is not an error message that alerts the user that is cannot be done. The only way a user can include an image is by importing it or attaching the file. 17 When try to import images into a message post in it starts to freeze the internet browser s the web page. All previous data is lost the would have to recreate their post. For some reason this issues continues to occur with the page restarting data continuously being lost. does not provide any warning state how to correct this issue. Extra work for to add images to their posts. diagnose Users would have difficulty completing uploading a message post. diagnose Replying adding to a thread in Replying adding to a thread in - INFO Our Wiki Minor Usability Catastrophe

Jakob Nielsen s Heuristics (

Jakob 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 information

Heuristic Evaluation. Jon Kolko Professor, Austin Center for Design

Heuristic Evaluation. Jon Kolko Professor, Austin Center for Design Heuristic Evaluation Jon Kolko Professor, Austin Center for Design Heuristic Evaluation Compare an interface to an established list of heuristics best practices to identify usability problems. Heuristic

More information

User Interface Evaluation

User Interface Evaluation User Interface Evaluation Heuristic Evaluation Lecture #17 Agenda Evaluation through Expert Analysis Cognitive walkthrough Heuristic evaluation Model-based evaluation Cognitive dimension of notations 2

More information

iscreen Usability INTRODUCTION

iscreen Usability INTRODUCTION INTRODUCTION Context and motivation The College of IST recently installed an interactive kiosk called iscreen, designed to serve as an information resource for student/visitors to the College of IST. The

More information

Craigslist Heuristic Evaluation

Craigslist Heuristic Evaluation Heuristic Evaluation Introduction This document is a heuristic evaluation of part of the website. Due to the size of the website, this is a partial examination ed to showcase Al Strauss analytical capabilities.

More information

User Experience Report: Heuristic Evaluation

User Experience Report: Heuristic Evaluation User Experience Report: Heuristic Evaluation 1 User Experience Report: Heuristic Evaluation Created by Peter Blair for partial fulfillment of the requirements for MichiganX: UX503x Principles of Designing

More information

Assignment 5 is posted! Heuristic evaluation and AB testing. Heuristic Evaluation. Thursday: AB Testing

Assignment 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 information

HCI and Design SPRING 2016

HCI 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 information

Heuristic Evaluation

Heuristic Evaluation Heuristic Evaluation For CS4760 & HU4628 Group 3 -- BAER Can Li (canli@mtu.edu) 2/17/2015 Background: The primary mission of BAER Teams is to protect lives, property and sensitive habitats from post-fire

More information

1. Select/view stores based on product type/category- 2. Select/view stores based on store name-

1. Select/view stores based on product type/category- 2. Select/view stores based on store name- COMPETITIVE ANALYSIS Context The world of mobile computing is fast paced. There are many developers providing free and subscription based applications on websites like www.palmsource.com. Owners of portable

More information

Lose It! Weight Loss App Heuristic Evaluation Report

Lose It! Weight Loss App Heuristic Evaluation Report Lose It! Weight Loss App Heuristic Evaluation Report By Manuel Ryan Espinsa Manuel Ryan Espinosa 1-27-2017 Heuristic Evaluation IN4MATX 283 LEC A: USER EXPERIENCE (37000) TABLE OF CONTENTS EXECUTIVE SUMMARY

More information

CO328- Human Computer Interaction Michael Kölling Caroline Li. Heuristic Evaluation

CO328- Human Computer Interaction Michael Kölling Caroline Li. Heuristic Evaluation CO328- Human Computer Interaction Michael Kölling Caroline Li Heuristic Evaluation Signage: What does this tells you? - History, what went earlier there before - Tells you more about a problematic situation

More information

Computer Systems & Application

Computer Systems & Application For updated version, please click on http://ocw.ump.edu.my Computer Systems & Application Computer System and Application Development Process By Mr. Nor Azhar Ahmad Faculty of Computer Systems & Software

More information

Crab Shack Kitchen Web Application

Crab Shack Kitchen Web Application Crab Shack Kitchen Web Application EVALUATION ASSIGNMENT 2 HEURISTIC EVALUATION Author: Sachin FERNANDES Graduate 8 Undergraduate Team 2 Instructor: Dr. Robert PASTEL February 16, 2016 LIST OF FIGURES

More information

Design Heuristics and Evaluation

Design 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 information

Hyper Mesh Code analyzer

Hyper Mesh Code analyzer Hyper Mesh Code analyzer ABSTRACT Hyper Mesh Code Analyzer (HMCA) is a text based programming environment, designed for programmers to write their source code in a more organized and manageable fashion.

More information

CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation

CSE 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 information

CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation

CSE 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 information

Heuristic Evaluation. Ananda Gunawardena. Carnegie Mellon University Computer Science Department Fall 2008

Heuristic 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 information

1. The Best Practices Section < >

1. The Best Practices Section <   > DRAFT A Review of the Current Status of the Best Practices Project Website and a Proposal for Website Expansion August 25, 2009 Submitted by: ASTDD Best Practices Project I. Current Web Status A. The Front

More information

Heuristic Evaluation of Enable Ireland

Heuristic 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 information

Usability 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 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 information

Usability. Daniela Rosner. Web Architecture, October 9, School of Information UC Berkeley

Usability. Daniela Rosner. Web Architecture, October 9, School of Information UC Berkeley Usability Daniela Rosner Web Architecture, 290-03 October 9, 2007 School of Information UC Berkeley Outline Introduction what is usability Best Practices common solutions Design Patterns shared languages

More information

Introduction to Internet Applications

Introduction to Internet Applications to Internet Applications Internet Applications, ID1354 1 / 36 Contents 2 / 36 Section 3 / 36 Local Application We are familiar with an architecture where the entire application resides on the same computer.

More information

Heuristic Evaluation of NUIG Participate Module 1

Heuristic 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 information

Heuristic Evaluation of Math Out of the Box

Heuristic Evaluation of Math Out of the Box Heuristic Evaluation of Math Out of the Box Evaluator #A: Joanie Hollberg Evaluator #B: Rassan Walker Evaluator #C: Alex Wang Evaluator #D: Carlos Araujo 1. Problem Math Out of The Box is a mobile application

More information

Group #: Evaluation Proposal For Digital Libraries, LIS 5472, Fall 2010, Professor Sanghee Oh

Group #: Evaluation Proposal For Digital Libraries, LIS 5472, Fall 2010, Professor Sanghee Oh Group #: Evaluation Proposal For Digital Libraries, LIS 5472, Fall 2010, Professor Sanghee Oh Background constraints. Group 3 worked within set background constraints which may or may not apply to other

More information

Heuristic Evaluation of [ Quest ]

Heuristic Evaluation of [ Quest ] Heuristic Evaluation of [ Quest ] 1. Problem Quest is an app that allows you to stay involved in, participate in, and create local clubs and events happening in your community 2. Violations Found 1. [H10.

More information

Usability Inspection Methods. Overview. Usability Measures. SMD157 Human-Computer Interaction Fall 2003

Usability Inspection Methods. Overview. Usability Measures. SMD157 Human-Computer Interaction Fall 2003 INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Usability Inspection Methods SMD157 Human-Computer Interaction Fall 2003 Nov-20-03 SMD157, Usability Inspection Methods 1 L Overview Usability

More information

1. Problem Mix connects people who are interested in meeting new people over similar interests and activities.

1. Problem Mix connects people who are interested in meeting new people over similar interests and activities. 1. Problem Mix connects people who are interested in meeting new people over similar interests and activities. 2. Violations Found 1. [H2 1 Visibility of Status][Severity 2][Found by: A] The interface

More information

Heuristic Evaluation. Hall of Fame or Shame? Hall of Fame or Shame? Hall of Fame! Heuristic Evaluation

Heuristic Evaluation. Hall of Fame or Shame? Hall of Fame or Shame? Hall of Fame! Heuristic Evaluation 1 USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Hall of Fame or Shame? Heuristic Evaluation Prof. James A. Landay University of Washington Pocket By Read It Later 11/1/2012 2 Hall of Fame or Shame?

More information

Heuristic Evaluation of PLATELIST

Heuristic Evaluation of PLATELIST 1. Problem Heuristic Evaluation of PLATELIST https://platelist.proto.io/share/?id=5793e1ea-5fd2-4f9c-9af9-4f745e2e30f2&v=1 This is an evaluation of Platelist, a mobile application that aims to facilitate

More information

Heuristic Evaluation! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame!!

Heuristic Evaluation! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame!! CS 147: HCI+D UI Design, Prototyping, and Evaluation, Autumn 2014 HCI+D: USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Hall of Fame or Shame? Heuristic Evaluation Computer Science Department Autumn

More information

Interaction Design. Heuristic Evaluation & Cognitive Walkthrough

Interaction 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 information

USER INTERFACE DESIGN + PROTOTYPING + EVALUATION. Heuristic Evaluation. Prof. James A. Landay University of Washington CSE 440

USER INTERFACE DESIGN + PROTOTYPING + EVALUATION. Heuristic Evaluation. Prof. James A. Landay University of Washington CSE 440 USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Heuristic Evaluation Prof. James A. Landay University of Washington CSE 440 February 19, 2013 Hall of Fame or Shame? Pocket By Read It Later Jan. 14-18,

More information

CS 160: Evaluation. Professor John Canny Spring /15/2006 1

CS 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 information

Heuristic Evaluation of Covalence

Heuristic Evaluation of Covalence Heuristic Evaluation of Covalence Evaluator #A: Selina Her Evaluator #B: Ben-han Sung Evaluator #C: Giordano Jacuzzi 1. Problem Covalence is a concept-mapping tool that links images, text, and ideas to

More information

CS 160: Evaluation. Outline. Outline. Iterative Design. Preparing for a User Test. User Test

CS 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 information

Heuristic Evaluation of [Slaptitude]

Heuristic Evaluation of [Slaptitude] Heuristic Evaluation of [Slaptitude] 1. Problem I am evaluating Slaptitude, a mobile app that allows you to set a timer and monitor leaderboards to help achieve and improve focus. 2. Violations Found 1.

More information

UX DESIGN BY JULIA MITELMAN

UX DESIGN BY JULIA MITELMAN UX DESIGN BY JULIA MITELMAN TOPICS Why should we care? Usability Heuristics It s all about Context The Visual Applied Psychology The Pursuit of Product Design WHY SHOULD WE CARE? (IT S ALWAYS THE DESIGNER

More information

Assistant Professor Computer Science. Introduction to Human-Computer Interaction

Assistant Professor Computer Science. Introduction to Human-Computer Interaction CMSC434 Introduction to Human-Computer Interaction Week 12 Lecture 24 Nov 21, 2013 Intro to Evaluation Human Computer Interaction Laboratory @jonfroehlich Assistant Professor Computer Science Hall of Fame

More information

Heuristic Evaluation of igetyou

Heuristic Evaluation of igetyou Heuristic Evaluation of igetyou 1. Problem i get you is a social platform for people to share their own, or read and respond to others stories, with the goal of creating more understanding about living

More information

E2: Heuristic Evaluation A usability analysis of decorativethings.com. Jordana Carlin LIS Spring 2014

E2: Heuristic Evaluation A usability analysis of decorativethings.com. Jordana Carlin LIS Spring 2014 E2: Heuristic Evaluation A usability analysis of decorativethings.com Jordana Carlin LIS-644-01 Spring 2014 2 E2: HEURISTIC EVALUATION Executive Summary Decorative Things is an online retailer of unique

More information

CogSysIII Lecture 9: User Modeling with GOMS

CogSysIII Lecture 9: User Modeling with GOMS CogSysIII Lecture 9: User Modeling with GOMS Human Computer Interaction Ute Schmid Applied Computer Science, University of Bamberg last change June 26, 2007 CogSysIII Lecture 9: User Modeling with GOMS

More information

Software Quality. Martin Glinz. Thomas Fritz. Lecture 7 UI Design, Usability & Testing. Many thanks to Meghan Allen and Daniel Greenblatt.

Software Quality. Martin Glinz. Thomas Fritz. Lecture 7 UI Design, Usability & Testing. Many thanks to Meghan Allen and Daniel Greenblatt. Institut für Informatik Software Quality Lecture 7 UI Design, Usability & Testing Thomas Fritz Martin Glinz Many thanks to Meghan Allen and Daniel Greenblatt. Overview Introduction to UI design User-centered

More information

CS 147 Autumn 2017: Assignment 9 (Heuristic Evaluation Group Template) Instructor: James Landay. Fix: make web also block the desktop screen.

CS 147 Autumn 2017: Assignment 9 (Heuristic Evaluation Group Template) Instructor: James Landay. Fix: make web also block the desktop screen. Fix: make web also block the desktop screen. 5. H10 Help and documentation / Severity: 2 / Found by: A On the web calendar, there aren t any detailed instructions on how to engage in self-care activities,

More information

Heuristic Evaluation. Heuristic evaluation evaluates the interface to identify usability problems against recognized usability design heuristics.

Heuristic Evaluation. Heuristic evaluation evaluates the interface to identify usability problems against recognized usability design heuristics. Heuristic Evaluation Heuristic evaluation evaluates the interface to identify usability problems against recognized usability design heuristics. Usability heuristics are best practices developed and identified

More information

Heuristic Evaluation of MPowered Entrepreneurship s Slack Workspace. Presented By Dylan Rabin. SI 110 Section 003

Heuristic Evaluation of MPowered Entrepreneurship s Slack Workspace. Presented By Dylan Rabin. SI 110 Section 003 Heuristic Evaluation of MPowered Entrepreneurship s Slack Workspace Presented By Dylan Rabin SI 110 Section 003 You have so little time to attract their attention every little thing counts. Stewart Butterfield

More information

User Experience Research Report: Heuristic Evaluation

User 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 information

activated is a platform that allows students to create, organize, and share the steps on their road to college.

activated is a platform that allows students to create, organize, and share the steps on their road to college. Heuristic Evaluation of [ activated ] 1. Problem activated is a platform that allows students to create, organize, and share the steps on their road to college. 2. Violations Found 1. H7: Flexibility and

More information

Heuristic Evaluation of Team Betamax

Heuristic Evaluation of Team Betamax Heuristic Evaluation of Team Betamax Eric Gallimore Connor Riley Becky Scholl Chris Stone November 4, 2006 Overview Evaluation Let s just state for the record that we like this a whole lot better than

More information

Spark is a mobile application that allows teachers to capture, track, and and share their students important learning moments.

Spark is a mobile application that allows teachers to capture, track, and and share their students important learning moments. Heuristic Evaluation of Spark Problem Spark is a mobile application that allows teachers to capture, track, and and share their students important learning moments. Violations Found 1 [H2-10: Help & Documentation]

More information

cs465 principles of user interface design, implementation and evaluation

cs465 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 information

User Experience Design

User Experience Design User Experience Design PRESENTED BY Morgan Bibbs Director of Creative Services J. William Fulbright College of Arts & Sciences John C. Dailey, Ph.D. Content Strategist University Relations WHAT IS USER

More information

Heuristic Evaluation

Heuristic Evaluation Heuristic Evaluation Assignment 11: HE of Prototypes (Individual) PROBLEM PlateList is a mobile application designed to help people overcome small obstacles when trying to cook by allowing users to (1)

More information

Usability analysis and inspection

Usability analysis and inspection Usability analysis and inspection Why and how? 1MD113 Why? Iterative design Prototyping Measuring usability Objective/subjective feedback Quick and dirty Slow and clean With or without users 1 Evaluation

More information

Neon 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, 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 information

Why? Usability analysis and inspection. Evaluation. Evaluation. Measuring usability. Evaluating usability

Why? Usability analysis and inspection. Evaluation. Evaluation. Measuring usability. Evaluating usability Usability analysis and inspection Why and how? Iterative design Prototyping Measuring usability Why? Objective/subjective feedback Quick and dirty Slow and clean With or without users 1MD113 Evaluation

More information

Wikitude Usability testing and heuristic evaluation

Wikitude Usability testing and heuristic evaluation Wikitude Usability testing and heuristic evaluation O. Perutka a a Faculty of Information Technology, CTU, Prague, Czech Republic Abstract Since augmented reality mobile applications depend on surrounding

More information

Severity Definitions:

Severity Definitions: Heuristic Evaluation: Death by Hypothermia Overall, this project does a good job keeping the user interface simple. It is not difficult to go from one place to another within the application, but navigation

More information

Chapter 10 Interactive Systems And Usability Organizational Requirements Engineering

Chapter 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 information

A Heuristic Evaluation of Ohiosci.org

A 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 information

EVALUATION ASSIGNMENT 2

EVALUATION ASSIGNMENT 2 EVALUATION ASSIGNMENT 2 CS5760 Graduate Human-Computer Interaction Abstract An investigation of the user interface domain, heuristic principles, and critical usability concerns for the current design and

More information

The Blackboard 5.5 Student Guide

The Blackboard 5.5 Student Guide The Blackboard 5.5 Student Guide Release Version 2.1 Spring 2003 Semester Chris Matthew Tkaczyk Title III Office The Blackboard 5.5 Student Guide Table of Contents What is Internet Explorer?... 1 How do

More information

Heuristic evaluation is a usability inspection technique developed by Jakob Nielsen. The original set of heuristics was derived empirically from an

Heuristic evaluation is a usability inspection technique developed by Jakob Nielsen. The original set of heuristics was derived empirically from an Heuristic evaluation is a usability inspection technique developed by Jakob Nielsen. The original set of heuristics was derived empirically from an analysis of 249 usability problems (Nielsen, 1994). -Preece

More information

Heuristic Evaluation Google Play Store

Heuristic Evaluation Google Play Store Heuristic Evaluation Google Play Store Daniel J. Black April 2016 Contents EXECUTIVE SUMMARY... 3 INTRODUCTION... 4 Product Information... 4 Product Description... 4 Target Population... 4 HEURISTIC EVALUATION

More information

SFU CMPT week 11

SFU CMPT week 11 SFU CMPT-363 2004-2 week 11 Manuel Zahariev E-mail: manuelz@cs.sfu.ca Based on course material from Arthur Kirkpatrick, Alissa Antle and Paul Hibbits July 21, 2004 1 Analytic Methods Advantages can be

More information

10 Usability Heuristics by Nielsen; Lazada and Shopee Review

10 Usability Heuristics by Nielsen; Lazada and Shopee Review 10 Usability Heuristics by Nielsen; Lazada and Shopee Review Summary Over decade to give user best experience, lot of designers had research and evaluate all possible user experience on digital platforms.

More information

Heuristic Evaluation Project

Heuristic Evaluation Project INFSCI 2470: Interactive System Design Heuristic Evaluation Project Evaluated System: Course Agent http://wwwsispittedu/~cagent Group Members Abdul Raqeeb Abdul Azeez Arash Farsi Sriranjani Mandayam Denis

More information

Usability & User Centered Design. SWE 432, Fall 2018 Design and Implementation of Software for the Web

Usability & User Centered Design. SWE 432, Fall 2018 Design and Implementation of Software for the Web Usability & User Centered Design SWE 432, Fall 2018 Design and Implementation of Software for the Web Review: Mental models Only single temperature sensor. Controls not independent, need to adjust both.

More information

USER RESEARCH Website portfolio prototype

USER RESEARCH Website portfolio prototype USER RESEARCH Website portfolio prototype Researcher & Author: Álvaro Ibargüen Villa UX, UI & Visual Designer Tel. E-mail Online +34 695 42 17 92 alvaroiv1@gmail.com aivweb.es INTRODUCTION 2 OBJECTIVES

More information

Evaluating myat&t Redesign. Conner Drew

Evaluating myat&t Redesign. Conner Drew Evaluating myat&t Redesign Conner Drew Types of 1. Think Aloud Protocol Evaluation 2. Cognitive Walkthrough 3. Heuristic Evaluation Think Aloud Protocol Think Aloud Protocol Evaluate the usability of designs

More information

IPM 10/11 T1.6 Discount Evaluation Methods

IPM 10/11 T1.6 Discount Evaluation Methods IPM 10/11 T1.6 Discount Evaluation Methods Licenciatura em Ciência de Computadores Miguel Tavares Coimbra Acknowledgements: Most of this course is based on the excellent course offered by Prof. Kellogg

More information

Migrating SharePoint From 2007 to 2010

Migrating SharePoint From 2007 to 2010 Migrating SharePoint From 2007 to 2010 Presented By Scott Randall srandall@advancedlegal.com (888) 221 8821 Advanced Legal Systems, Inc. CREATING TECHNOLOGICAL CALM www.advancedlegal.com Table of Contents

More information

evaluation techniques goals of evaluation evaluation by experts cisc3650 human-computer interaction spring 2012 lecture # II.1

evaluation techniques goals of evaluation evaluation by experts cisc3650 human-computer interaction spring 2012 lecture # II.1 topics: evaluation techniques usability testing references: cisc3650 human-computer interaction spring 2012 lecture # II.1 evaluation techniques Human-Computer Interaction, by Alan Dix, Janet Finlay, Gregory

More information

HEURISTIC EVALUATION WHY AND HOW

HEURISTIC EVALUATION WHY AND HOW HEURISTIC EVALUATION WHY AND HOW REF: Scott Klemmer Jacob Nielsen James Landay HEURISTIC EVALUATION Multiple ways to evaluate Empirical: Assess with real users trying s/w Formal: Models and formulas to

More information

MiPhone Phone Usage Tracking

MiPhone Phone Usage Tracking MiPhone Phone Usage Tracking Team Scott Strong Designer Shane Miller Designer Sierra Anderson Designer Problem & Solution This project began as an effort to deter people from using their phones in class.

More information

Heuristic Evaluation Report. The New York Philharmonic Digital Archives archives.nyphil.org

Heuristic Evaluation Report. The New York Philharmonic Digital Archives archives.nyphil.org Heuristic Evaluation Report The New York Philharmonic Digital Archives archives.nyphil.org Cassie Hickman Wednesday, October 14, 2015 Table of Contents Executive Summary... 3 Introduction... 4 Methodology...

More information

Design Principles. Overview. User-Center Design. SMD157 Human-Computer Interaction Fall User-center design Guidelines

Design Principles. Overview. User-Center Design. SMD157 Human-Computer Interaction Fall User-center design Guidelines INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Design Principles SMD157 Human-Computer Interaction Fall 2005 Nov-4-05 SMD157, Human-Computer Interaction 1 L Overview User-center design Guidelines

More information

Design Principles. Overview. User-Center Design. SMD157 Human-Computer Interaction Fall User-center design Guidelines

Design Principles. Overview. User-Center Design. SMD157 Human-Computer Interaction Fall User-center design Guidelines INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Design Principles SMD157 Human-Computer Interaction Fall 2003 Nov-6-03 SMD157, Human-Computer Interaction 1 L Overview User-center design Guidelines

More information

Usability and Accessibility CS 4720 Web & Mobile Systems

Usability and Accessibility CS 4720 Web & Mobile Systems Usability and Accessibility Web & Mobile Systems What makes a good interface? Don't say anything but SIS. What are it's characterisacs? How do you just KNOW that you're using something that has been thought

More information

User-Centered Design. SWE 432, Fall 2017 Design and Implementation of Software for the Web

User-Centered Design. SWE 432, Fall 2017 Design and Implementation of Software for the Web User-Centered Design SWE 432, Fall 2017 Design and Implementation of Software for the Web In class exercise As you come in and take a seat Write down at least 3 characteristics that makes something usable

More information

SkillSwap. A community of learners and teachers

SkillSwap. A community of learners and teachers Team: Jacob Yu Villa, Dana Murphy, Tuan Tran SkillSwap A community of learners and teachers Problem During our needfinding process, we found that many people felt discouraged about learning due to the

More information

Visual Guide to Online Campus

Visual Guide to Online Campus Contents Course Navigation... 2 Avatars..3 Text Editor... 4 Accessing Assignments... 6 Accessing Assessments... 9 Accessing and Participating in Discussions... 12 Discussion Forums and Threads... 14 Creating

More information

Quick guide to e-learn.sdu.dk (Blackboard) for students

Quick guide to e-learn.sdu.dk (Blackboard) for students Quick guide to e-learn.sdu.dk (Blackboard) for students You can gain acces to e-learn.sdu.dk (Blackboard) via single sign-on, sso.sdu.dk/, Or this adress: e-learn.sdu.dk/. When you have logged on you will

More information

PROJECT 1. Heuristic Evaluation and Cognitive Walkthrough of Goroo.com

PROJECT 1. Heuristic Evaluation and Cognitive Walkthrough of Goroo.com PROJECT 1. Heuristic Evaluation and Cognitive Walkthrough of Goroo.com Cherese Cooper, Tatiana Iegorova, Andrew Wasowicz HCI 460 Usability Evaluations Spring 2013 1 Executive Summary In this report we

More information

NAMI Affiliate Profile Center Contact Manual

NAMI Affiliate Profile Center Contact Manual NAMI Affiliate Profile Center Contact Manual Standards of Excellence/Center for Excellence November 2013 Table of Contents Chapter Page I. NAMI Affiliate Profile Center Contact Training Timetable 3 II.

More information

Blackboard Student Quick Reference Guide

Blackboard Student Quick Reference Guide Blackboard Student Quick Reference Guide Welcome to Blackboard, UTT s E-Learning System! This Quick Reference Guide is designed to help get you started using Blackboard Release 9.1.120113.0. Page 1 of

More information

Heuristic Evaluation of WAGER

Heuristic Evaluation of WAGER Heuristic Evaluation of WAGER 1. Problem Wager is an app that allows friends to wager certain punishments and rewards for accomplishing certain goals. 2. Violations Found 1. [H1: Visibility of System Status]

More information

Heuristic Evaluation Project. Course Agent

Heuristic Evaluation Project. Course Agent Heuristic Evaluation Project Course Agent (www.sis.pitt.edu/~cagent) Jeremy Dennis Ken Garlitz Ed Hayden Heuristic Evalution Summary No. HE1 HE2 HE3 HE4 Message instructing users new to the system what

More information

Introduction to Usability and its evaluation

Introduction 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 information

Getting Started with Python and the PyCharm IDE

Getting Started with Python and the PyCharm IDE New York University School of Continuing and Professional Studies Division of Programs in Information Technology Getting Started with Python and the PyCharm IDE Please note that if you already know how

More information

Applying Usability to elearning

Applying 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 information

Mastering the Environment WVU ecampus

Mastering the Environment WVU ecampus Mastering the Environment WVU ecampus Information Technology Services, West Virginia University Service Desk (304) 293-4444, ITShelp@mail.wvu.edu Mastering the Environment of WVU ecampus 1 Table of Contents

More information

Student Guide INTRODUCTION TO ONLINE RESOURCES

Student Guide INTRODUCTION TO ONLINE RESOURCES Student Guide INTRODUCTION TO ONLINE RESOURCES Date: 08. June. 2017 By: Technical Support Team STUDENT GUIDE southwales.unicaf.org 1)Introduction...4 2)Student Panel (SIS)...4 2.1)Student Panel (SIS) Login...4

More information

Single Menus No other menus will follow necessitating additional user choices

Single Menus No other menus will follow necessitating additional user choices 57 UNIT-III STRUCTURES OF MENUS Single Menus No other menus will follow necessitating additional user choices Sequential Linear Menus Simultaneous Menus 58 Hierarchical Menus When many relationships exist

More information

EDITING AN EXISTING REPORT

EDITING AN EXISTING REPORT Report Writing in NMU Cognos Administrative Reporting 1 This guide assumes that you have had basic report writing training for Cognos. It is simple guide for the new upgrade. Basic usage of report running

More information

Blackboard 5. Instructor Manual Level One Release 5.5

Blackboard 5. Instructor Manual Level One Release 5.5 Bringing Education Online Blackboard 5 Instructor Manual Level One Release 5.5 Copyright 2001 by Blackboard Inc. All rights reserved. No part of the contents of this manual may be reproduced or transmitted

More information

Web Evaluation Report Guidelines

Web 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 information

TurnItIn How Do I Set Up My Turnitin Assignment? How Do I Give Feedback to My Students in Turnitin?...109

TurnItIn How Do I Set Up My Turnitin Assignment? How Do I Give Feedback to My Students in Turnitin?...109 ASSIGNMENTS Table of Contents Assignment Settings... 4 How Do I Create an Assignment?... 5 How Do I Edit an Assignment?... 8 How Do I Create a Group Assignment?...11 How Do I Delete an Assignment?...18

More information