LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

Slides:

Advertisements

Similar presentations

What do these things have in common? a mouse a touch screen a program on your Mac or PC that includes a trashcan, icons of disk drives, and folders pull-down.

Advertisements

Interaksi Manusia Komputer – Marcello Singadji. design rules Designing for maximum usability – the goal of interaction design Principles of usability.

© De Montfort University, Characteristics of Good Dialogues Howell Istance Department of Computer Science De Montfort University.

User Interface Design Lecture #4 Part-B.

What is a User Interface?  Everything in a device with which a human being interacts.  The total “user experience”  Not necessarily tied to computers.

Técnicas de Calidad en el Software Sesión # 10. Good quality software Operations Transition Testing Portability Reusability Interoperability Maintainability.

Ui design – general guidelines. Why designers go astray Putting aesthetics first: "It probably won a prize." Putting aesthetics first: "It probably won.

Designing the User Interface Theories, Principles, and Guidelines Course 4, CMC, 23/09/03.

Dialog Styles. The Five Primary Styles of Interaction 4 Menu selection 4 Form fill-in 4 Command language 4 Natural language 4 Direct manipulation.

Multimedia Design Guidelines General Guidelines for Multimedia Learning Design.

Usability Information Systems 337 Prof. Harry Plantinga.

Dialog Styles. The Six Primary Styles of Interaction n Q & A n Menu selection n Form fill-in n Command language n Natural language n Direct manipulation.

Developed by Justin Francisco, SUNY Fredonia USER INTERFACE DESIGN By: Justin Francisco.

Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.

CS147 - Terry Winograd - 1 Lecture 6 – Usability Terry Winograd CS147 - Introduction to Human-Computer Interaction Design Computer Science Department Stanford.

Today’s class Group Presentation More about principles, guidelines, style guides and standards In-class exercises More about usability Norman’s model of.

Principles and Methods

Introduction to Web & HTML Pertemuan 08 Matakuliah: L0182 / Web & Animation Design Tahun: 2008.

Designing Interface for Disability A. Tijani S. Cook

Chapter 7 design rules.

Website Effectiveness Group B: Casey Caudill Josh Hauserman Sara Sievers Chris Simmons Amy Zak.

1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.

User Interface Evaluation CIS 376 Bruce R. Maxim UM-Dearborn.

User Interface January 14, 2011 CSE 403, Winter 2011, Brun Three Mile Island.

Lecture 5 Heuristic evaluations & Early prototype Evaluations HEIM, CHAPTERS

Systems Analysis and Design in a Changing World, 6th Edition

A Few Design Ideas. F1, Ctrl+Alt+Del, Alt Tab “Is the side navigation menu a dead feature?”

1 ISE 412 Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation.

CS3205: HCI in SW Development More on Detailed Design: Guidance and Color.

Evaluation of Products for Accessibility: The CUDA Lab at CSULB and Technical Evaluation at the Campus Level Fred Garcia and Shawn Bates.

1 Human-Computer Interaction  Design process  Task and User Characteristics  Guidelines  Evaluation.

SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.

Types of Usability Testing or Usability Inspection Chapter 10.3.

1 Chapter 15 User Interface Design. 2 Interface Design Easy to use? Easy to understand? Easy to learn?

Usability analysis of the Lufthansa and Alitalia websites Juri Strumpflohner Matthias Braunhofer.

Design Rules-Part B Standards and Guidelines

INFORMATION X INFO425: Systems Design Chapter 14 Designing the user interface.

1 TCSS 360, Spring 2005 Lecture Notes UI Design and Paper Prototyping Relevant Reading: Paper Prototyping C. Snyder.

Chapter 7 design rules. Designing for maximum usability – the goal of interaction design Principles of usability –general understanding Standards and.

Evaluating a UI Design Expert inspection methods Cognitive Walkthrough

1 chapter 7 design rules. 2 Designing for maximum usability – the goal of interaction design Principles of usability –general understanding Standards.

Usability User interfaces Jaana Holvikivi Metropolia

Jakob Nielsen’s “Top Ten Guidelines for Homepage Usability” Presented by Oyeniyi Ogunde

INTERFACE COMPOSITION GAME DESIGN. OBJECTIVES After this lesson, students will be able to: Identify the Eight Golden Rules of Human-Computer Interface.

Introduction to Web Session 01 Subject: L0182 / Web & Animation Design Year: 2009.

Systems Analysis and Design in a Changing World, 6th Edition 1 Chapter 7 - Designing the User and System Interfaces.

Equipping you for the unexpected challenges of Testing Emma My Knife– Mando.

Human-Computer Interaction Design process Task and User Characteristics Guidelines Evaluation ISE

Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.

The Design Process A bluffer’s guide to interface design A ‘proper’ Design process.

Designing for Usability OBJECTIVE: Learn “usability” principles related to design for interactive media.

Chapter 7 design rules. Designing for maximum usability – the goal of interaction design Principles of usability –general understanding Standards and.

Principles Determine users' skill levels Novice or first-time users - Knowledgeable intermittent users - create templates Expert frequent users-

Chapter 2 Hix & Hartson Guidelines.

Human-Computer Interaction

SIE 515 Design Rules Lecture 5.

Ch 1 Second Half What is a Language?

HCI – DESIGN RATIONALE 20 November 2018.

Website Effectiveness

Software Engineering D7025E

Information Storage and Retrieval

Information Systems 337 Prof. Harry Plantinga Usability.

Proper functionality Good human computer interface Easy to maintain

Chapter 7 design rules.

Chapter 7 design rules.

Chapter 7 design rules.

CHAPTER 2: Guidelines, Principles, and Theories

Chapter 7 design rules.

Presentation transcript:

LIS 677 Interface Critique LIS 677 Presented by Blanca Polo

LIS 677 Interface Critique Today’s Presentation Present the Web-based interface selected.

LIS 677 Interface Critique Today’s Presentation Introduce the set of interface evaluation criteria to evaluate the interface Eight golden rules of interface design Top 10 guidelines for homepage usability

LIS 677 Interface Critique Today’s Presentation The potential community of users of the system.

LIS 677 Interface Critique Today’s Presentation Tasks that may be performed by these users

LIS 677 Interface Critique Today’s Presentation Testing the interface by emulating the tasks that are routine for that interface.

LIS 677 Interface Critique Today’s Presentation Conclusions

LIS 677 Interface Critique Today’s Presentation Questions and Comments

LIS 677 Interface Critique Selection of an Information System Interface Hawaii Business College Web Site

LIS 677 Interface Critique The evaluation Criteria First time impression

LIS 677 Interface Critique The evaluation criteria the Top 10 guidelines for homepage usability ( ).

LIS 677 Interface Critique The evaluation criteria “The eight golden rules of interface design” from Shneiderman Pages 74 and 75

LIS 677 Interface Critique First time impressions Loading Time

LIS 677 Interface Critique First time impressions Loading Time Intro

LIS 677 Interface Critique First time impressions When the page loads it makes a freaky sound... Loading Time Intro

LIS 677 Interface Critique First time impressions Click and you shall find...

LIS 677 Interface Critique Top Ten guidelines for homepage usability Use Visual Design to Enhance, not Define, Interaction DesignUse Visual Design to Enhance, not Define, Interaction Design Help Users Find What They NeedHelp Users Find What They Need Reveal Site ContentReveal Site Content Make the Site's Purpose Clear: Explain Who You Are and What You DoMake the Site's Purpose Clear: Explain Who You Are and What You Do

LIS 677 Interface Critique Make the Site's Purpose Clear:

LIS 677 Interface Critique Help Users Find What They Need

LIS 677 Interface Critique Reveal Site Content Begin Link Names with the Most Important Keyword

LIS 677 Interface Critique Use Visual Design to Enhance, not Define, Interaction Design

LIS 677 Interface Critique Eight Golden rules of Interface Design  Strive for consistency

LIS 677 Interface Critique Eight Golden rules of Interface Design  Strive for consistency  Enable frequent users to use shortcuts

LIS 677 Interface Critique Eight Golden rules of Interface Design  Strive for consistency  Enable frequent users to use shortcuts  Offer informative feedback No feedback

LIS 677 Interface Critique Eight Golden rules of Interface Design  Design dialogs to yield closure  Offer error prevention and simple error handling  Permit easy reversal of actions

LIS 677 Interface Critique Eight Golden rules of Interface Design  Support internal locus of control  Reduce short term memory load

LIS 677 Interface Critique Eight Golden rules of Interface Design  Reduce short term memory load

LIS 677 Interface Critique Potential Users Potential students (applicants) Potential Faculty Potential Staff HBC students HBC Faculty HBC staff HBC

LIS 677 Interface Critique Potential Students Finding a program to study How to enroll Financial Aid

LIS 677 Interface Critique In search for a course

LIS 677 Interface Critique Travel and Tourism...

LIS 677 Interface Critique Bad use of screen real estate

LIS 677 Interface Critique How do I enroll?

LIS 677 Interface Critique What about Financial Aid? From the main page…..

LIS 677 Interface Critique What about Financial Aid?

LIS 677 Interface Critique Faculty and Staff I need a job Mr. HBC

LIS 677 Interface Critique Potential Faculty / Staff Searching for a job...

LIS 677 Interface Critique The Problems There should be no intro Overuse of graphics Mystery Meat menus Bad use of screen real estate Lack of feedback to the user

LIS 677 Interface Critique Quick suggestions... Skip the intro by default Get rid of the left-side mystery meat menu Rename the “Resource” button to “Financial Aid” Show the information in a tree structure Do not use applets or Javascript (TECHNICAL)

LIS 677 Interface Critique Conclusions Annoying web site. Not a good college to learn how to do web design.

LIS 677 Interface Critique Questions