Top Banner
LIS 677 Interface Critique Interface Critique Interface Critique LIS 677 LIS 677 Presented by Blanca Polo
41
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Interface CritiqueInterface Critique

LIS 677LIS 677

Presented by Blanca Polo

Page 2: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Today’s PresentationToday’s Presentation

• Present the Web-based interface selected.

Page 3: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Today’s PresentationToday’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

Page 4: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Today’s PresentationToday’s Presentation

• The potential community of users of the system.

Page 5: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Today’s PresentationToday’s Presentation

• Tasks that may be performed by these users

Page 6: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Today’s PresentationToday’s Presentation

• Testing the interface by emulating the tasks that are routine for that interface.

Page 7: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Today’s PresentationToday’s Presentation

Conclusions

Page 8: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Today’s PresentationToday’s Presentation

• Questions and Comments

Page 9: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Selection of an Information System Selection of an Information System InterfaceInterface

Hawaii Business College Web Site

Page 10: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

The evaluation CriteriaThe evaluation Criteria

First time impression

Page 11: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

The evaluation criteriaThe evaluation criteria

• the Top 10 guidelines for homepage usability

(http://www.useit.com/alertbox/20020512.html ).

Page 12: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

The evaluation criteriaThe evaluation criteria

• “The eight golden rules of

interface design” from

Shneiderman

Pages 74 and 75

Page 13: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

First time impressionsFirst time impressions

• Loading Time

Page 14: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

First time impressionsFirst time impressions

• Loading Time• Intro

Page 15: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

First time impressionsFirst time impressions

• When the page loads it makes a freaky sound...

• Loading Time• Intro

Page 16: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

First time impressionsFirst time impressions

Click and you shall find...

Page 17: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Top Ten guidelines for Top Ten guidelines for homepage usabilityhomepage usability

• Use Visual Use Visual Design to Design to Enhance, not Enhance, not Define, Define, Interaction Interaction DesignDesign

• Help Users Help Users Find What Find What They NeedThey Need

• Reveal Reveal Site Site ContentContent

• Make the Site's Make the Site's Purpose Clear: Purpose Clear: Explain Who Explain Who You Are and You Are and What You DoWhat You Do

Page 18: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Make the Site's Purpose Clear: Make the Site's Purpose Clear:

Page 19: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Help Users Find What They NeedHelp Users Find What They Need

Page 20: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Reveal Site ContentReveal Site Content

Begin Link Names with the Most Important Keyword

Page 21: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Use Visual Design to Enhance, not Define, Use Visual Design to Enhance, not Define, Interaction DesignInteraction Design

Page 22: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Eight Golden rules of Eight Golden rules of Interface DesignInterface Design

Strive for consistency

Page 23: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Eight Golden rules of Eight Golden rules of Interface DesignInterface Design

Strive for consistencyEnable frequent users to use shortcuts

Page 24: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Eight Golden rules of Eight Golden rules of Interface DesignInterface Design

Strive for consistencyEnable frequent users to use

shortcutsOffer informative feedback

No feedback

Page 25: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Eight Golden rules of Eight Golden rules of Interface DesignInterface Design

Design dialogs to yield closureOffer error prevention and simple

error handlingPermit easy reversal of actions

Page 26: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Eight Golden rules of Eight Golden rules of Interface DesignInterface Design

Support internal locus of controlReduce short term memory load

Page 27: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Eight Golden rules of Eight Golden rules of Interface DesignInterface Design

Reduce short term memory load

Page 28: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Potential UsersPotential Users

• Potential students (applicants)• Potential Faculty• Potential Staff

• HBC students• HBC Faculty• HBC staff

HBC

Page 29: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Potential StudentsPotential Students

•Finding a program to study•How to enroll•Financial Aid

Page 30: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

In search for a courseIn search for a course

Page 31: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Travel and Tourism...Travel and Tourism...

Page 32: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Bad use of screen real estateBad use of screen real estate

Page 33: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

How do I enroll?How do I enroll?

Page 34: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

What about Financial What about Financial Aid?Aid?

From the main page…..

Page 35: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

What about Financial What about Financial Aid?Aid?

Page 36: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Faculty and StaffFaculty and Staff

I need a job

Mr. HBC

Page 37: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Potential Faculty / StaffPotential Faculty / StaffSearching for a job...

Page 38: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

The ProblemsThe Problems

• There should be no intro• Overuse of graphics• Mystery Meat menus• Bad use of screen real estate• Lack of feedback to the user

Page 39: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

Quick suggestions...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)

Page 40: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

ConclusionsConclusions

• Annoying web site. Not a good college to learn how to do web design.

Page 41: LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.

LIS 677Interface Critique

QuestionsQuestions