Hyper Mesh Code analyzer
|
|
- Jessica Bradford
- 5 years ago
- Views:
Transcription
1 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. To examine and evaluate issues of HMCA user interface, I have conducted a heuristic user interface evaluation. During the heuristic evaluation of the software interface, a small group of usability experts (e.g. designers, programmers, students, professors) was asked to look for problems in the interface by judging how far it complies with a small set of usability guidelines. The result of this evaluation has led me into the following conclusions: Visibility of system status needs more improvement The system is not self-explanatory and must be equipped with a useful manual or on-line help The system can not cater to inexperienced users Error handling capabilities of the system must be more carefully designed More flexible and natural way of doing some operations is required Keywords Hyper Mesh Code Analyzer, source code, text editor, hyper text, Anchor, External Link, Comment, Variable definition, Object, function body, function definition, and class definition.. INTRODUCTION As a software programmer have you ever been asked to review someone else s code and perform an enhancement in a project based on a pre written source code? If you had such an experience, you had probably found this much harder than writing the code from the beginning. My major goal was to build a software tool to help programmers to write their code in a more manageable and Sima Soudian Department Of Electrical and Computer Engineering University of British Columbia 2111 Lower Mall Vancouver, BC V6T 1Z simas@ece.ubc.ca readable way and to reorganize their previously written code by cleaning it up from extra information. So instead of putting all information as a big chunk of code in one source file, you can simply decompose its components and put each part in a separate file and make a link between them when it is appropriate. Figure 1: Main Screen My methodology was to build the system and perform a heuristic evaluation and gather feedback from users. Practical experiences have shown that a relatively small number of evaluators can detect a significant amount of usability problems. My intention of writing this paper is to describe my experiences of developing this software and feedback that I have got from the user subjects through heuristic evaluation. I didn t perform any statistical or numerical data analysis of surveys. Hyper Mesh Code Analyzer This system combines some functionality that has been provided in text editors with the capability of making relationships between different pieces of texts which in this context is meant to be source codes. In this section of the paper I provided a brief overview of the system s features and then discussed some of the issues resulted from my heuristic evaluation. System Overview The design of the system was focused on providing a text based environment exposing some of the text editor s
2 formatting features accompanied with a new capability of defining relationships between separate pieces of texts. The later feature is the core concept of HMCA and distinct this type. Each link type has a special color (e.g. Commented texts have green color). If the colorized texts overlap, a different color rather than any of the 6 predefined colors in the color pallet would specify the overlapped section. The overlapped section of the code represents multi-links associated with it. If the user clicks on the overlapped part, the system asks the user to select a link type amongst all link types that could be associated with the multi-link text. When the user loads a file which already has some linking information associated with it in the database, it won t get colorized until the user selects the modes from the color pallet. The user can also be in more than one mode by pressing multiple mode buttons at the same time. To switch between modes the code must be first reset by pressing the reset button and then a new mode can be selected. Figure 2: Comment Screen application from other text editors and programming environments. The user starts from the main screen as shown in Figure 1. He can either open a file or create a new file by typing in the screen and save the file. The initial setting of text color is black that is not changeable by the user. This restriction is necessary to prevent conflicting between a regular text and a sensitive colorized hyper text. The user can simultaneously open up to 7 windows and work on them at the same time. Toolbar push buttons provide the user with all system s functionality. These buttons has been equipped with a tool tip text, which helps the user to remember the function of each button. The heart of the system is linking process. Link objects can be simply an anchor which links pieces of code in the same source file, or External links that represent relationships between components in different modules. These components consist of comments, variable definitions, function definitions, function body, and class definition. Before making any relationship, the user must specify an appropriate mode and select a piece of code from the current window. Defining a comment is simply done by pressing the Define Comment button from the toolbar on top of the screen. This action leads the user into another screen as shown in Figure 2. In this window the user can type a message or record a voice message and save it as a.wav file. To define other types of links rather than comment, the user has to select an appropriate mode from the small color pallet on the top left side of the main screen. Selecting the mode for comment definition is not an obligation because the system would do this automatically, but for the other types of links it is a mandatory step of link definition process. After the mode has been specified, to create the link, External Link button from the toolbar must be pressed. Windows shown in Figure 3 pop ups and asks for proper information that are required to define the link. Once a link has been defined the highlighted text in the original window is colorized to reflect the specified link Figure 3: External Link Screen Heuristic Evaluation Heuristic Evaluation is a discount usability engineering method for quick, cheap, and easy evaluation of user interface design. During a heuristic evaluation of a software interface, a small group of usability experts (e.g. designers, programmers, students, professors) are asked to look for problems in an interface by judging how far it complies with a small set of usability guidelines. Usually the experts are trusted to decide which guideline applies and whether it makes sense in a particular context. Practical experience has shown that a relatively small number of evaluators can detect a significant amount of the usability problems. This is due to the fact that different people find different problems and that even inexperienced evaluators can detect problems that their experienced colleagues overlook. A list of 10 usability heuristics are grouped according to usability guidelines that were derived from an analysis of 249 usability problems by (Nielson, 1994).
3 1. Visibility of system status The system should always keep users informed about what is going on, through appropriate feedback within reasonable time. 2. Match between system and the real world The system should speak the user s 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. 3. 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. 4. Consistency and Standards Users should not wonder whether different words, situations, or actions mean the same thing. Follow platform conventions. 5. Error prevention Even better than good error messages is a careful design which prevents a problem from occurring in the first place. 6. Recognition rather than recall Make 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. 7. 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. 8. 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. 9. Help users recognise, diagnose, and recover from errors Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution. 10. 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. Lessons Learned The lessons that I have learned from the usability inspection through heuristic evaluation are summarized bellow. 1. Visibility of the system status One of the main problems with the system is that it is not clear what the current mode or modes of the system are. When the user selects a mode, he clicks the mode button and nothing more happens to visualize and expose this action in the screen. One good solution for this problem is to make the button remain pressed once clicked. This makes difference between the selected mode button/buttons and those are not selected. In this way the user can be aware of current modes. If the user clicks on a pressed button the system removes the specified mode from its current status and the button becomes unpressed. This would also eliminate the significance of using reset button. 2. Match between system and the real world The way that the system creates links between different components is not very natural. Users hardly remember to set the mode or highlight the text before pressing the External link button. Their expectation of this button is to initiate the linking process rather than preparing the text by choosing the mode and highlighting the text in advance. The natural mental model for this action is to press the External link button and follow a wizard which lets the user pickup the appropriate components and connect them by arrows and lines, the same way Microsoft Access creates relationship between tables in a relational database. 3. User control and freedom One common mistake that basically is caused by unclear mode status of the system is to make a wrong link type. The user intends to make a link between a function call in one module and the function body in another module but the current mode of the system is Variable definition instead of function body definition. This would lead into a wrong linking. Unfortunately the system doesn t provide any facility to undo this action. 4. Consistency and standards I found that users who are specifically familiar with Windows platform don t have any problem with following the conventions of some parts of the system, like open file, save, new and exit. These buttons are similar to those of other windows based standard applications. One of the problems that have been found in terms of consistency of
4 the operations, is two different ways of making a comment link and other types of links. There was a question for most of the users that why these two actions has been separated and should be done in two distinct ways. One of the reasons for this separation was the difference of comment with other links in terms of recording a voice message. But this problem could be resolved by providing a common way of linking for all types of links including comment and adding an extra functionality in the form of a button for comment link type to record a voice message. This button could be disabled for other types of link. 5. Error prevention The system is not very strong in terms of capturing all semantic errors. In some cases it doesn t prevent the user of doing a wrong action like making a link without selecting the mode. 6. Recognition rather than recall Although the system is not very complicated but users can not easily remember how to work with it properly. The procedure of creating a link, which consists of 4 steps, is very hard to memorize. This problem arises from the unnatural way of doing this action. 7. Flexibility and efficiency of use System doesn t support the novice users. They feel frustrated after working with the system and the concepts of Anchor, External link and Comment are some vague notions which doesn t make sense to them in compare to other familiar concepts which they had seen before. 8. Aesthetic and minimalist design The External Link screen has two text boxes labeled with From and To which are supposed to be used to specify the start and end point of the linked text. However the user never fills out these fields directly but should first find the appropriate source file by clicking the browse button, select the appropriate text and press OK. This would automatically fills those two boxes so their being enabled and visible on the screen is not necessary and confuses the user. 9. Help users recognize, diagnose and recover from errors As it was mentioned before, the error capturing and messaging is not very strong in this application. Future Work At the end of the heuristic evaluation, I have prepared a list of things that I like to change, improve, or add to the HMCA. The most important issues listed are: Improvement in system visibility specially with mode states of the system More flexible and natural way of linking Adding the capabilities of redoing and undoing operations Strengthen the exception handling and error messaging capabilities of the system to make the system interact better with the user Equipping the application with user manual and possibly on-line help Removing the extra and irrelevant information from dialogues Conclusion In summary, the idea of Hyper Mesh Code Analyzer is very attractive and interesting to computer specialists and those who has been working as a programmer and experienced the problems related to wick communication and management. This system offers a new approach to communication that is more useful than traditional paper based documentation and can be also expanded to cover more functionality and become a complete development environment that covers whole life cycle from the requirement specification to coding and compiling. ACKNOWLEDGEMENTS I would like to thank Dr. Sidney Fels for his help on the basic idea of the project and also for his useful hints and comments on improving the work. REFERENCES 1. Nielsen, J. (1994). Heuristic evaluation. In Nielsen, J., and Mack, R.L. (Eds.), Usability Inspection Methods. John Wiley & Sons, New York, NY. 10. Help and documentation The application is not self-explanatory and there is no online help available for the system at this moment. By considering the fact that users can not work with the system without any help or user manual, it is necessary to provide them with help and proper documentation.
5
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 informationUser 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 informationUser 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 informationHeuristic 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 informationiscreen 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 informationComputer 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 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 information1. 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 informationHeuristic 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 informationHeuristic 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 informationCraigslist 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 informationCO328- 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 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 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 informationDue on: May 12, Team Members: Arpan Bhattacharya. Collin Breslin. Thkeya Smith. INFO (Spring 2013): Human-Computer Interaction
Week 6 Assignment: Heuristic Evaluation of Due on: May 12 2013 Team Members: Arpan Bhattacharya Collin Breslin Thkeya Smith INFO 608-902 (Spring 2013): Human-Computer Interaction Group 1 HE Process Overview
More informationUsability. 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 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 informationIntroduction 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 informationHeuristic 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 informationCrab 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 informationHeuristic 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 informationCSE 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 informationCSE 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 informationCogSysIII 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 informationUX 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 information1. 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 informationLose 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 informationAssistant 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 informationHeuristic 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 informationGroup #: 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 informationUsability 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 informationSoftware 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 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 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 informationHeuristic 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 informationHeuristic 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 informationUSER 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 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 informationHeuristic 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 informationHeuristic 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 informationUser 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 informationChapter 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 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 informationHeuristic 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 informationUsability 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 informationWhy? 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 informationUsability & 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 informationInteraction 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 informationIPM 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 informationHeuristic 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 informationHeuristic 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 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 informationHeuristic 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 informationIntroduction 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 informationUser-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 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 informationWikitude 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 informationevaluation 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 informationNPTEL Computer Science and Engineering Human-Computer Interaction
M4 L5 Heuristic Evaluation Objective: To understand the process of Heuristic Evaluation.. To employ the ten principles for evaluating an interface. Introduction: Heuristics evaluation is s systematic process
More informationHUMAN COMPUTER INTERACTION
HUMAN COMPUTER INTERACTION 3. USABILITY AND CONCEPTUAL MODEL I-Chen Lin, National Chiao Tung University, Taiwan "One most unfortunate product is the type of engineer who does not realize that in order
More information1. 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 informationHeuristic 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 informationCS 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 informationDesign 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 informationDesign 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 informationHeuristic 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 information10 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 informationHeuristic Evaluation as A Usability Engineering Method
Department of Computer Science Heuristic Evaluation as A Usability Engineering Method Prepared by: YASER GHANAM Revised by: SAUL GREENBERG Oct 2007 Table of Contents Table of Contents... 2 Table of Figures...
More informationLearnability of software
Learnability of software Aim: Evaluating learnability Writing on-line help Basis for Assignment 2 1 Qualities of IT applications Learnability From novice to expert user Time from first encounter to use
More informationTen Usability Heuristics J. Nielsen https://www.nngroup.com/articles/ten-usability-heuristics/
COMS W4170 UI Design Principles 2 Steven Feiner Department of Computer Science Columbia University New York, NY 10027 September 19, 2017 1 Ten Usability Heuristics J. Nielsen https://www.nngroup.com/articles/ten-usability-heuristics/
More informationProperty of Shree Dhavale. Not for public distribution. Practicum Report. Shree Dhavale
Practicum Report By Shree Dhavale Submitted in fulfillment of the HIT 5000: Practicum in Applied Health Informatics Shree Dhavale Student Signature Faculty: Susan H. Fenton, PhD, RHIA, FAHIMA Associate
More informationUsability. HCI - Human Computer Interaction
Usability HCI - Human Computer Interaction Computer systems optimization for easy access and communication Definition design Basic principles Testing assessment implementation Quality Utility funcionality
More informationHeuristic 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 informationIntroducing Evaluation
Chapter 12 Introducing Evaluation 1 The aims Explain the key concepts used in evaluation. Introduce different evaluation methods. Show how different methods are used for different purposes at different
More informationCMSC434 Intro to Human-Computer Interaction. Visual Design #3 and Evaluation #1 Monday, April 8th, 2012 Instructor: Jon Froehlich TA: Kotaro Hara
CMSC434 Intro to Human-Computer Interaction Visual Design #3 and Evaluation #1 Monday, April 8th, 2012 Instructor: Jon Froehlich TA: Kotaro Hara #inspiration [Applied Sciences Group: High Performance Touch,
More informationE2: 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 informationHuman-Computer Interaction
Human-Computer Interaction The Trouble With Computers (and other computer-based devices) 2 The Trouble With Computers (and other computer-based devices) Confusion Panic Boredom Frustration Inefficient
More informationSeverity 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 informationHeuristic 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 informationEvaluation of Interactive Systems. Inspection methods
Evaluation of Interactive Systems Inspection methods Caroline Appert - 2018/2019 Inspection Methods Walkthroughs Norman and Nielsen s usability heuristics Green and Blackwell s cognitive dimensions Predictive
More informationSpark 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 information15/16 CSY2041 Quality and User-Centred Systems
15/16 CSY2041 Quality and User-Centred Systems INTERACTION DESIGN 1 Heuristic evaluation and walkthroughs 2 1 Aims: Describe the key concepts associated with inspection methods. Explain how to do heuristic
More informationNektarios Kostaras, Mixalis Xenos. Hellenic Open University, School of Sciences & Technology, Patras, Greece
Kostaras N., Xenos M., Assessing Educational Web-site Usability using Heuristic Evaluation Rules, 11th Panhellenic Conference on Informatics with international participation, Vol. B, pp. 543-550, 18-20
More informationUser 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 informationJava Swing Introduction
Course Name: Advanced Java Lecture 18 Topics to be covered Java Swing Introduction What is Java Swing? Part of the Java Foundation Classes (JFC) Provides a rich set of GUI components Used to create a Java
More informationDeveloping Public-Facing Online Services Policy
Developing Public-Facing Online Services Policy Ministry of Central Services Information Technology Division Digital Strategies and Operations Branch Next review: June 2019 Policy EFECTIVE DATE January
More informationThe 23 Point UX Design Checklist
The 23 Point UX Design Checklist The 23 Point UX Design Checklist During the design process, some flaws in your product will go unnoticed. Those little (or sometimes big) things can do a lot to hurt the
More informationHCI CA1 (ii) Redesign Implementation
HCI CA1 (ii) Redesign Implementation A redesign of Waitron KatedeBoeAgnew N00100104 Overview Review of the Research Original Redesign Ideas Focus Group #1 Feedback from Focus Group #1 Redesign #1 Focus
More informationUser-Centered Design. Jeff Bos, Design Insights BlackBerry
User-Centered Design Jeff Bos, Design Insights BlackBerry Overview Real World Design Challenges UX Design Principles Cognitive Demand Techniques for reducing workload Discount Usability Techniques Best
More informationHeuristic 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 informationAnalytical Evaluation
Analytical Evaluation November 7, 2016 1 Questions? 2 Overview of Today s Lecture Analytical Evaluation Inspections Performance modelling 3 Analytical Evaluations Evaluations without involving users 4
More informationTeam Manatee Group Heuristic Evaluation
Team Manatee Group Heuristic Evaluation by Andy Barry, Greg Marra, Brad Powers, Will Yarak. Identified Issues Team Manatee's prototype performs well in the given scenarios but still has a number of major
More informationÜbung zur Vorlesung Mensch-Maschine-Interaktion. e5: Heuristic Evaluation
Übung zur Vorlesung Mensch-Maschine-Interaktion e5: Heuristic Evaluation Sara Streng Ludwig-Maximilians-Universität München Wintersemester 2007/2008 Ludwig-Maximilians-Universität München Sara Streng Übung
More informationEVALUATION 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 informationAddition about Prototypes
Vorlesung Mensch-Maschine-Interaktion Evaluation Ludwig-Maximilians-Universität München LFE Medieninformatik Heinrich Hußmann & Albrecht Schmidt WS2003/2004 http://www.medien.informatik.uni-muenchen.de/
More informationCognitive Walkthrough Evaluation
Columbia University Libraries / Information Services Digital Library Collections (Beta) Cognitive Walkthrough Evaluation by Michael Benowitz Pratt Institute, School of Library and Information Science Executive
More informationNAMI 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 informationPage 1. Ideas to windows. Lecture 7: Prototyping & Evaluation. Levels of prototyping. Progressive refinement
Ideas to windows Lecture 7: Prototyping & Evaluation How do we go from ideas to windows? Prototyping... rapid initial development, sketching & testing many designs to determine the best (few?) to continue
More informationHEURISTIC 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 informationUSER 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