interface critique

41
LIS 677 Interface Critique Interface Critique Interface Critique LIS 677 LIS 677 Presented by Blanca Polo

Upload: farica

Post on 05-Jan-2016

43 views

Category:

Documents


0 download

DESCRIPTION

Presented by Blanca Polo. Interface Critique. LIS 677. Today’s Presentation. Present the Web-based interface selected. Eight golden rules of interface design. Top 10 guidelines for homepage usability. Today’s Presentation. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Interface Critique

LIS 677Interface Critique

Interface CritiqueInterface Critique

LIS 677LIS 677

Presented by Blanca Polo

Page 2: Interface Critique

LIS 677Interface Critique

Today’s PresentationToday’s Presentation

• Present the Web-based interface selected.

Page 3: Interface Critique

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: Interface Critique

LIS 677Interface Critique

Today’s PresentationToday’s Presentation

• The potential community of users of the system.

Page 5: Interface Critique

LIS 677Interface Critique

Today’s PresentationToday’s Presentation

• Tasks that may be performed by these users

Page 6: Interface Critique

LIS 677Interface Critique

Today’s PresentationToday’s Presentation

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

Page 7: Interface Critique

LIS 677Interface Critique

Today’s PresentationToday’s Presentation

Conclusions

Page 8: Interface Critique

LIS 677Interface Critique

Today’s PresentationToday’s Presentation

• Questions and Comments

Page 9: Interface Critique

LIS 677Interface Critique

Selection of an Information System Selection of an Information System InterfaceInterface

Hawaii Business College Web Site

Page 10: Interface Critique

LIS 677Interface Critique

The evaluation CriteriaThe evaluation Criteria

First time impression

Page 11: Interface Critique

LIS 677Interface Critique

The evaluation criteriaThe evaluation criteria

• the Top 10 guidelines for homepage usability

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

Page 12: Interface Critique

LIS 677Interface Critique

The evaluation criteriaThe evaluation criteria

• “The eight golden rules of

interface design” from

Shneiderman

Pages 74 and 75

Page 13: Interface Critique

LIS 677Interface Critique

First time impressionsFirst time impressions

• Loading Time

Page 14: Interface Critique

LIS 677Interface Critique

First time impressionsFirst time impressions

• Loading Time• Intro

Page 15: Interface Critique

LIS 677Interface Critique

First time impressionsFirst time impressions

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

• Loading Time• Intro

Page 16: Interface Critique

LIS 677Interface Critique

First time impressionsFirst time impressions

Click and you shall find...

Page 17: Interface Critique

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: Interface Critique

LIS 677Interface Critique

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

Page 19: Interface Critique

LIS 677Interface Critique

Help Users Find What They NeedHelp Users Find What They Need

Page 20: Interface Critique

LIS 677Interface Critique

Reveal Site ContentReveal Site Content

Begin Link Names with the Most Important Keyword

Page 21: Interface Critique

LIS 677Interface Critique

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

Page 22: Interface Critique

LIS 677Interface Critique

Eight Golden rules of Eight Golden rules of Interface DesignInterface Design

Strive for consistency

Page 23: Interface Critique

LIS 677Interface Critique

Eight Golden rules of Eight Golden rules of Interface DesignInterface Design

Strive for consistencyEnable frequent users to use shortcuts

Page 24: Interface Critique

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: Interface Critique

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: Interface Critique

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: Interface Critique

LIS 677Interface Critique

Eight Golden rules of Eight Golden rules of Interface DesignInterface Design

Reduce short term memory load

Page 28: Interface Critique

LIS 677Interface Critique

Potential UsersPotential Users

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

• HBC students• HBC Faculty• HBC staff

HBC

Page 29: Interface Critique

LIS 677Interface Critique

Potential StudentsPotential Students

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

Page 30: Interface Critique

LIS 677Interface Critique

In search for a courseIn search for a course

Page 31: Interface Critique

LIS 677Interface Critique

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

Page 32: Interface Critique

LIS 677Interface Critique

Bad use of screen real estateBad use of screen real estate

Page 33: Interface Critique

LIS 677Interface Critique

How do I enroll?How do I enroll?

Page 34: Interface Critique

LIS 677Interface Critique

What about Financial What about Financial Aid?Aid?

From the main page…..

Page 35: Interface Critique

LIS 677Interface Critique

What about Financial What about Financial Aid?Aid?

Page 36: Interface Critique

LIS 677Interface Critique

Faculty and StaffFaculty and Staff

I need a job

Mr. HBC

Page 37: Interface Critique

LIS 677Interface Critique

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

Page 38: Interface Critique

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: Interface Critique

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: Interface Critique

LIS 677Interface Critique

ConclusionsConclusions

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

Page 41: Interface Critique

LIS 677Interface Critique

QuestionsQuestions