1 / 12

Heuristic evaluation of user interface

Heuristic evaluation of user interface. Dušanka Bošković Computing and Informatics, Master Programme Faculty of Electrical Engineering Sarajevo, 2011/12. Background. Course Human Computer Interface, Master studies, 3rd semester, elective course

alize
Download Presentation

Heuristic evaluation of user interface

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Heuristic evaluation of user interface DušankaBošković Computing and Informatics, Master Programme Faculty of Electrical Engineering Sarajevo, 2011/12

  2. Background • Course Human Computer Interface, Master studies, 3rd semester, elective course • Objective: Designing HCI as approach to develop usable software • Previous presentations: • First experiences in teaching HCI • Student projects in HCI course • Homework assignment: • Heuristic evaluation of a web page 12th Workshop “Software Engineering Education and Reverse Engineering” Opatija, Croatia, 2 – 9 September 2012

  3. Heuristic Evaluation • Heuristic Evaluation - Jakob Nielsen • Ten Usability Heuristicshttp://www.useit.com/papers/heuristic/heuristic_list.html • Usability inspection method • Systematic inspection of a UI design for usability. • Evaluators examine the interface and judge its compliance with recognized usability principles (the "heuristics") • Usability problems to be attended to as part of an iterative design process • Recommendation to fix a problem 12th Workshop “Software Engineering Education and Reverse Engineering” Opatija, Croatia, 2 – 9 September 2012

  4. Ten Usability Heuristics • Visibility of system status • Match between system and the real world • Consistency and standards • User control and freedom • Recognition rather than recall • Flexibility and efficiency of use • Aesthetic and minimalist design • Error prevention • Recognize and recover from errors • Help and documentation 12th Workshop “Software Engineering Education and Reverse Engineering” Opatija, Croatia, 2 – 9 September 2012

  5. Heuristic Evaluation Assignment • Lecture - Heuristic Evaluation – definition, method, practice, benefits and disadvantages • Lab – getting familiar with the procedure • Tool (not software  ) – Evaluation Report • Table format, inforcing systematic presentation of problem – solution • Preparation for: • Heuristic evaluation of a student project • Grading: • Heuristic Evaluation homework: 7 points • All homework assignments: 20 points 12th Workshop “Software Engineering Education and Reverse Engineering” Opatija, Croatia, 2 – 9 September 2012

  6. Evaluation Report • Table for each Design principle: 12th Workshop “Software Engineering Education and Reverse Engineering” Opatija, Croatia, 2 – 9 September 2012

  7. Challenges for students • Requires non-trivial web-page • Time for finding appropriate web page • Common mistake: Web design that hurt your eyes, 20 examples of a bad design pages, .. • Requires matching: usability problems vs. usability principles • Demonstrate acquired knowledge of a good design principles • Requires recommendations for improvement • Demonstrate acquired knowledge of UI design patterns 12th Workshop “Software Engineering Education and Reverse Engineering” Opatija, Croatia, 2 – 9 September 2012

  8. Results • Grading: • Number of design principles addressed : 2 / 1 / 0 • Number of problems identified: 2 / 1 / 0 • Suitable solutions proposed 3 - 0 • Grading statistics (2011/12 - 37 students) 12th Workshop “Software Engineering Education and Reverse Engineering” Opatija, Croatia, 2 – 9 September 2012

  9. Results • Good examples : • Putting a lot of effort in finding a good page • Having experienced problems as users before (e.g. Faculty page, Bus schedule etc.) • Bad examples • Choosing a page from the list: 10 worst pages ever • Failing to recognise compromises and priorities 12th Workshop “Software Engineering Education and Reverse Engineering” Opatija, Croatia, 2 – 9 September 2012

  10. Conclusions - Grading • Student not willing to put enough effort discouraged - less possibilities for cheating (points 0, 1 or 2 not awarded for submitted report) • Easy screening to separate bad and moderate from good reports • A lot of work in grading good reports - asks for evaluation of web pages by teaching staff as well (75% Reports graded 5, 6 or 7 points) • Rewarding: good ideas and examples of good and bad UI design practice 12th Workshop “Software Engineering Education and Reverse Engineering” Opatija, Croatia, 2 – 9 September 2012

  11. Conclusion - Competences • Demonstrate acquired knowledge of a good design principles when matching: usability problems vs. usability principles • Demonstrate understanding of UI design patterns when recommending solutions for improvement • UI analysis and evaluation: with recommendation to fix a problem – • sometimes solution is obvious after recognizing a problem, • sometimes solution is much more complex, • sometimes – no solution - need to make trade offs and understanding prioritizing 12th Workshop “Software Engineering Education and Reverse Engineering” Opatija, Croatia, 2 – 9 September 2012

  12. Thank you for your attention! • Questions are welcomed! 12th Workshop “Software Engineering Education and Reverse Engineering” Opatija, Croatia, 2 – 9 September 2012

More Related