Heuristic Evaluation of Programming Assignment 4

From CS 160 User Interfaces Sp10

Jump to: navigation, search

The Heuristic Evaluation Assignment is worth 10 points, with no extra credit points.

Due Date: Mar 15, before class

Contents

Overview

This is an individual assignment that you should complete on your own. You will get an individual grade.

In this assignment, you will perform a heuristic evaluation of a user interface. The UI you will evaluate is the iPhone BART application from Programming Assignment 4. Each student has been assigned the submission of another student - you will evaluate this other student's interface, not your own. You will submit your written report on this wiki.

Instructions

You read Nielsen's notes on Heuristic Evaluation for class. Now it is time to apply these principles to a concrete user interface.

Find your name in the left column of the Assignment Table below. The right column lists the student whose interface you should evaluate (to be fair, matches were made at random). Find their name on the Assignment 4 Submission Page. Download both video and source folder. Use the video to get a broad overview over the application, then re-build the project in XCode so you can run and inspect it.

Your submission document should contain separate sections for each major part of the application (e.g., home screen, ticket info, next train info, system map -- these will differ somewhat between applications). In each section, describe which heuristics the interface violated. For each problem, state:

  1. Which of the Ten Usability Heuristics is violated.
  2. Argue why the interface violates the heuristic (1-3 sentences).
  3. Rate the severity of the violation and explain your rating in one sentence (by referring to frequency, impact, and persistence of the problem as suggested by Nielsen).

Include screenshots in your description as evidence of the problem. Annotating screenshots with arrows or callouts can be especially effective.

Hints

For examples how these heuristics apply to iPhone applications, you may want to look at Suzanne Ginsburg's iPhone App Usability Heuristics.

To spot violations of platform standards, you may want to consult the iPhone Human Interface Guidelines.

Example

Here is an example of a single violation in a related interface - the BART Planner Widget for OS X.

Main Screen

Image:Bart-planner-he.png

Heuristic: Consistency and Standards

Explanation

The interface offers inconsistent ways to change different trip options. While a dropdown box to choose departure time and a button to reverse stations are available on the main screen, the origin and destination stations cannot be changed on this screen. To change these options, the user must click on the "i" icon in the top bar (which only becomes visible on mouse rollover).

Severity

3 = Major usability problem: important to fix, so should be given high priority
I rank this problem as major because it occurs frequently - every time the user wants to change stations; and because it is persistent - there is no way for the user to change application behavior to put all controls on the same page.

Assignment Table

Your Name Assignment You Should Review
AHN,SALLY SUNGSIN HSU,CHARLIE PENDAR
AVITAL,BOAZ CHIU,VICTORIA CHUK WEI
BAIR,JEFFREY TRINH,BRYAN DAN
BALDWIN,NATHANIEL BRADFORD DO,LONG KIM
BANESH,DIVYA LIU,BRANDON
CADENA,JUAN JOSE JR. CHEN,ANTHONY YUTING
CAO,MICHAEL CADENA,JUAN JOSE JR.
CEN CHEN,JESSICA MARIA LUKATSKY,ANDREY ALEXANDER
CHAU,WILSON CEN CHEN,JESSICA MARIA
CHEN,ANTHONY YUTING YUN,JUNGMIN
CHEN,LONG LIN,CALVIN L
CHIN,BRIAN BALDWIN,NATHANIEL BRADFORD
CHIU,VICTORIA CHUK WEI AVITAL,BOAZ
CHO,ESTHER SOO KYUNG LI,YU
CHUONG,VINSON S LYNCH,DANIEL PATRICK
CONROY,KYLE J WING,GEOFFREY QUON
DO,LONG KIM MCLAUGHLIN,CONOR ELLIOTT
DOKER,JEFFREY SAMUEL REZAEI,MOHSEN
EVANS-PRATT,THOMAS ANSON DAVID KHALILNAJI,SABA
FANG,SPENCER G KLINK,JORDAN T.
FINCH,ANDREW ALBERT HANSEN,LINSEY RENEE
FUNG,ERIC SZE-KAY JUANG,ANGELA CRYSTAL
GOEL,ANEESH SKORPIL,KATHRYN YUKO
HANSEN,LINSEY RENEE LAN,RICHARD
HE,ALEXIS LI,WEIZHI
HENG,RICHARD LIN,OWEN M
HIRSCHBERG,JONATHAN AVRAM WU,JASON CURTIS
HSU,CHARLIE PENDAR CHAU,WILSON
JUANG,ANGELA CRYSTAL CAO,MICHAEL
KHALILNAJI,SABA VAZNAIAN,MATTHEW SCOTT
KLINK,JORDAN T. RAMESH,VIDYA
KOVACS,ARPAD Q HENG,RICHARD
KWONG,DARREN OH,HUGH YOUNG
LAN,RICHARD CHUONG,VINSON S
LEE,KWUN HUNG CHO,ESTHER SOO KYUNG
LEE,RAYMOND BOU FANG,SPENCER G
LI,WEIZHI TERAZAKI,TOMOMASA
LI,YU RITCHIE,DANIEL CHRISTOPHER
LIN,CALVIN L GOEL,ANEESH
LIN,OWEN M HE,ALEXIS
LIU,BRANDON KOVACS,ARPAD Q
LUKATSKY,ANDREY ALEXANDER TRUJILLO,ANNETTE M
LYNCH,DANIEL PATRICK BANESH,DIVYA
MAR,RICHARD WEIDE SYDELL,ALEXANDER JAMES
MCLAUGHLIN,CONOR ELLIOTT HIRSCHBERG,JONATHAN AVRAM
NGUYEN,DANIEL TIN CHEN,LONG
OH,HUGH YOUNG LEE,RAYMOND BOU
RAMESH,VIDYA WU,WEI
REZAEI,MOHSEN FUNG,ERIC SZE-KAY
RITCHIE,DANIEL CHRISTOPHER LEE,KWUN HUNG
SCHULTZ,MILA FAYE KWONG,DARREN
SHASHKOV,MIKHAIL MIKHAILOVICH YEH,WEI ZHONG
SKORPIL,KATHRYN YUKO SO,PETER MICHAEL JULIAN
SO,PETER MICHAEL JULIAN NGUYEN,DANIEL TIN
SYDELL,ALEXANDER JAMES CONROY,KYLE J
TERAZAKI,TOMOMASA ZENG,DAVID TAO
TRINH,BRYAN DAN BAIR,JEFFREY
TRUJILLO,ANNETTE M AHN,SALLY SUNGSIN
VAZNAIAN,MATTHEW SCOTT SHASHKOV,MIKHAIL MIKHAILOVICH
WING,GEOFFREY QUON CHIN,BRIAN
WOOD,CHRISTOPHER MASATO JUANG,ANGELA CRYSTAL
WU,JASON CURTIS VAZNAIAN,MATTHEW SCOTT
WU,WEI FANG,SPENCER G
YEH,WEI ZHONG LUKATSKY,ANDREY ALEXANDER
YUN,JUNGMIN DO,LONG KIM
ZENG,DAVID TAO YUN,JUNGMIN

Submission

Hand in Printout in Class

Print your assignment and hand it in at the beginning of class on March 15.

Creating a Wiki Page for this assignment

Begin by creating a new wiki page for this assignment. Go to your user page that you created when you made your account. You can get to it by typing the following URL into your browser:

http://vis.berkeley.edu/courses/cs160-sp10/wiki/index.php/User:FirstName_LastName

Replace FirstName and LastName with your real first and last names. This will take you to the page you created for yourself when you created your wiki account. If you have trouble accessing this page, please check that you created your wiki account properly.

Edit your user page to add a link to a new wiki page for this assignment. The wiki syntax should look like this:

[[HeuristicEvaluation-FirstNameLastName|Heuristic Evaluation]]

Again replace FirstName and LastName with your name. Look at my user page for an example. Then click on the link and enter the information about your assignment. Be sure to clearly address everything mentioned in the writing guidelines above.

Uploading Images

To upload images to the wiki, first create a link for the image of the form [[Image:image_name.jpg]] (replacing image_name.jpg with a unique image name for use by the server). This will create a link you can follow that will then allow you to upload the image. Alternatively, you can use the "Upload file" link in the toolbox to upload the image first, and then subsequently create a link to it on your wiki page.

Add Link to Your Finished Assignment

Once you are finished editing the page, add a link to it here with your full name as the link text. The wiki syntax will look like this: *[[HeuristicEvaluation-FirstNameLastName|FirstName LastName]]. Hit the edit button for this section to see how I created the link for my name.



[add comment]
Personal tools