Heuristic Evaluation

Similar documents
Jakob Nielsen s Heuristics (

Heuristic Evaluation. Jon Kolko Professor, Austin Center for Design

Computer Systems & Application

Crab Shack Kitchen Web Application

User Interface Evaluation

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

Craigslist Heuristic Evaluation

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

Design Heuristics and Evaluation

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

iscreen Usability INTRODUCTION

Usability in Multimedia. By Pınar Koçer Aydın and Özgür Bayram

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

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

HCI and Design SPRING 2016

Heuristic Evaluation of NUIG Participate Module 1

UX DESIGN BY JULIA MITELMAN

User Experience Report: Heuristic Evaluation

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

Introduction to Internet Applications

Hyper Mesh Code analyzer

Heuristic Evaluation of Enable Ireland

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

Lose It! Weight Loss App Heuristic Evaluation Report

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

Assistant Professor Computer Science. Introduction to Human-Computer Interaction

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

CogSysIII Lecture 9: User Modeling with GOMS

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

1. The Best Practices Section < >

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

cs465 principles of user interface design, implementation and evaluation

Heuristic Evaluation

Heuristic Evaluation of [Slaptitude]

Wikitude Usability testing and heuristic evaluation

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

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

Interaction Design. Heuristic Evaluation & Cognitive Walkthrough

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

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

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

Heuristic Evaluation of Math Out of the Box

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

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

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

Heuristic Evaluation of [ Quest ]

Heuristic Evaluation of igetyou

Usability analysis and inspection

Chapter 10 Interactive Systems And Usability Organizational Requirements Engineering

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

Heuristic Evaluation of PLATELIST

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

User Experience Design

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

Heuristic Evaluation of Covalence

Applying Usability to elearning

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

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

Page 1. Ideas to windows. Lecture 7: Prototyping & Evaluation. Levels of prototyping. Progressive refinement

Developing Public-Facing Online Services Policy

Property of Shree Dhavale. Not for public distribution. Practicum Report. Shree Dhavale

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

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

A Heuristic Evaluation of Ohiosci.org

Introduction to Usability and its evaluation

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

Usability and Accessibility CS 4720 Web & Mobile Systems

Evaluation of Interactive Systems. Inspection methods

USER RESEARCH Website portfolio prototype

Java Swing Introduction

HEURISTIC EVALUATION WHY AND HOW

CMSC434 Intro to Human-Computer Interaction. Visual Design #3 and Evaluation #1 Monday, April 8th, 2012 Instructor: Jon Froehlich TA: Kotaro Hara

Übung zur Vorlesung Mensch-Maschine-Interaktion. e5: Heuristic Evaluation

2

Heuristic Evaluation of [Pass It On]

User-Centered Design. Jeff Bos, Design Insights BlackBerry

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

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

HUMAN COMPUTER INTERACTION

SEPA diary Heuristic evaluation

IPM 10/11 T1.6 Discount Evaluation Methods

Usability. HCI - Human Computer Interaction

15/16 CSY2041 Quality and User-Centred Systems

10 Usability Heuristics by Nielsen; Lazada and Shopee Review

User Experience Research Report: Heuristic Evaluation

SFU CMPT week 11

Design Reviews. Scott Klemmer. stanford hci group / cs147. tas: Marcello Bastea-Forte, Joel Brandt, Neil Patel, Leslie Wu, Mike Cammarano

Amsterdam Medical Center Department of Medical Informatics. Improve. Usability evaluation of the sign up process of the Improve app

Heuristic Evaluation of Team Betamax

Analytical Evaluation

Heuristic Evaluation Google Play Store

Introducing Evaluation

Evaluating myat&t Redesign. Conner Drew

Improving Princeton User Interfaces

What is interaction design? What is Interaction Design? Example of bad and good design. Goals of interaction design

Human-Computer Interaction

Overview of Today s Lecture. Analytical Evaluation / Usability Testing. ex: find a book at Amazon.ca via search

Ten Usability Heuristics J. Nielsen

Severity Definitions:

Transcription:

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 effects. Once the danger posed by an active wildfire has passed, land managers must rapidly assess the threat from post-fire runoff and erosion due to the loss of surface cover and fire-induced changes in soil properties. Increased runoff and sediment delivery are of great concern to both resource managers and the public. Post-fire assessments and proposals to mitigate these threats are typically undertaken by interdisciplinary BAER teams. These teams are under very tight deadlines, so they often begin their analysis while the fire is still burning and typically must complete their plans within a couple of weeks. One of the primary information sources for making decisions is a burn severity map (derived from earth observations) that reflects fire induced changes in vegetative cover and soil properties. Burn severity maps can be improved upon with field observations of ground cover and measurements of soil hydrophobicity. This app will allow BAER Teams to gather, compile and share observations in an electronic format while they are in the field. Time is limited therefore an app that saves time would be very useful. 1

Table of Contents 1. BAER App Design Description... 3 2. Identification of the UI Domain... 4 3. Heuristic Usability Principles... 5 4. Potential Usability Problems... 6 5. Critical Usability Concerns... 7 5.1 Concerns... 7 5.2 A Short Story... 7 6. Appendix... 8 2

1. BAER App Design Description BAER App is designed for BAER Teams to collect field data from post-fire areas and the upload those data. Besides, Group 3 members will develop a database storing the data so that domain scientists may retrieve the data if they need. This App is based on Android platform and contains four parts related to UI domain: New Form -- create a new field data form and requires the user to fill in all entries step by step Edit Form -- edit existed forms Sycn Form -- synchronize selected forms to the database Help -- offer help information for the above functionalities. 3

2. Identification of the UI Domain The UI domain of BAER App can be named as Mobile Data Logger, since this app is designed for collecting all field data from post-fire areas used by BAER Teams. The app should concentrate on accuracy of including all data type they need and convenience of recording those data. 4

3. Heuristic Usability Principles The following 10 principles for interaction design is developed by Jakob Nielsen [1]. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. Match between system and the real world The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order. User control and freedom Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo. Consistency and standards Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions. Error prevention Even better than good error messages is a careful design, which prevents a problem from occurring in the first place. Either eliminates error-prone conditions or check for them and present users with a confirmation option before they commit to the action. Recognition rather than recall Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate. Flexibility and efficiency of use 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 and experienced users. Allow users to tailor frequent actions. Aesthetic and minimalist design 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 and diminishes their relative visibility. Help users recognize, diagnose, and recover from errors Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution. Help and documentation Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large. 5

4. Potential Usability Problems No progress bar or percentage number estimates the progress of filling the form. The users might wonder how many entries remained need to be filled in. This violates the Visibility of system status. Save button appearing in every page is confusing because the users may suppose they have to save every page before hitting Next. I don t think the users have to save the form in every page. This violates Flexibility and efficiency of use and Match between system and the real world. The users should only save the form in the end. What happen if the phone shut down accidentally in the middle of filling in the form. Does the previous data get lost? This violates User control and freedom. I suggest that the app should automatically save and update the incomplete form after the users hit Next. Even if the app is closed in the middle of filling in the form, the user can easily retrieve the last form (maybe with the name untitled ) and continue their work. When the form is complete, the user can hit Save to save the form. If the users want to edit the form, they will open an existed form and continuously hit Next to find where they want to make changes. This violates Flexibility and efficiency of use. I suggest that there should be a way to directly navigate the users to the place they want to change, such as the users can input the page numbers or search something specific. Since the project also includes helping domain scientists retrieve the form, what if a scientist who has this app want to use it to edit the form downloaded from the database in this app? Actually, there is no place to import an existing form from local. This violates Match between system and the real world. I believe if a user have this app and an existing form, he definitely wish to use this app to edit it rather than other ways. 6

5. Critical Usability Concerns 5.1 Concerns The critical concerns is the third item in the Section 4: What happen if the phone shut down accidentally in the middle of filling in the form. Do the previous data get lost? This violates User control and freedom. I suggest that the app should automatically save and update the incomplete form after the users hit Next. Even if the app is closed in the middle of filling in the form, the user can easily retrieve the last form (maybe with the name untitled ) and continue their work. When the form is complete, the user can hit Save to save the form. 5.2 A Short Story The user, Tony, who is a member of BAER team, is using this app to collect field data in a postfire area. He is filling in the form step by step while an interruption happens such as battery died or a call is coming in. After he return to the app, he may find out all existed data are gone and he has to do those over again. This is very frustrating for the user. Very simple way to fix is to automatically save the form after each time the users go to the next page. 7

6. Appendix [1] http://www.nngroup.com/articles/ten-usability-heuristics/ [2] http://www.acm.org/about/class/class/2012 [3] Group 2 Cognitive Walkthrough 8