interface critique
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 PresentationTRANSCRIPT
![Page 1: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/1.jpg)
LIS 677Interface Critique
Interface CritiqueInterface Critique
LIS 677LIS 677
Presented by Blanca Polo
![Page 2: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/2.jpg)
LIS 677Interface Critique
Today’s PresentationToday’s Presentation
• Present the Web-based interface selected.
![Page 3: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/4.jpg)
LIS 677Interface Critique
Today’s PresentationToday’s Presentation
• The potential community of users of the system.
![Page 5: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/5.jpg)
LIS 677Interface Critique
Today’s PresentationToday’s Presentation
• Tasks that may be performed by these users
![Page 6: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/7.jpg)
LIS 677Interface Critique
Today’s PresentationToday’s Presentation
Conclusions
![Page 8: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/8.jpg)
LIS 677Interface Critique
Today’s PresentationToday’s Presentation
• Questions and Comments
![Page 9: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/9.jpg)
LIS 677Interface Critique
Selection of an Information System Selection of an Information System InterfaceInterface
Hawaii Business College Web Site
![Page 10: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/10.jpg)
LIS 677Interface Critique
The evaluation CriteriaThe evaluation Criteria
First time impression
![Page 11: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/11.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/13.jpg)
LIS 677Interface Critique
First time impressionsFirst time impressions
• Loading Time
![Page 14: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/14.jpg)
LIS 677Interface Critique
First time impressionsFirst time impressions
• Loading Time• Intro
![Page 15: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/15.jpg)
LIS 677Interface Critique
First time impressionsFirst time impressions
• When the page loads it makes a freaky sound...
• Loading Time• Intro
![Page 16: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/16.jpg)
LIS 677Interface Critique
First time impressionsFirst time impressions
Click and you shall find...
![Page 17: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/17.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/18.jpg)
LIS 677Interface Critique
Make the Site's Purpose Clear: Make the Site's Purpose Clear:
![Page 19: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/19.jpg)
LIS 677Interface Critique
Help Users Find What They NeedHelp Users Find What They Need
![Page 20: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/20.jpg)
LIS 677Interface Critique
Reveal Site ContentReveal Site Content
Begin Link Names with the Most Important Keyword
![Page 21: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/21.jpg)
LIS 677Interface Critique
Use Visual Design to Enhance, not Define, Use Visual Design to Enhance, not Define, Interaction DesignInteraction Design
![Page 22: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/22.jpg)
LIS 677Interface Critique
Eight Golden rules of Eight Golden rules of Interface DesignInterface Design
Strive for consistency
![Page 23: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/23.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/24.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/25.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/26.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/27.jpg)
LIS 677Interface Critique
Eight Golden rules of Eight Golden rules of Interface DesignInterface Design
Reduce short term memory load
![Page 28: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/28.jpg)
LIS 677Interface Critique
Potential UsersPotential Users
• Potential students (applicants)• Potential Faculty• Potential Staff
• HBC students• HBC Faculty• HBC staff
HBC
![Page 29: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/29.jpg)
LIS 677Interface Critique
Potential StudentsPotential Students
•Finding a program to study•How to enroll•Financial Aid
![Page 30: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/30.jpg)
LIS 677Interface Critique
In search for a courseIn search for a course
![Page 31: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/31.jpg)
LIS 677Interface Critique
Travel and Tourism...Travel and Tourism...
![Page 32: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/32.jpg)
LIS 677Interface Critique
Bad use of screen real estateBad use of screen real estate
![Page 33: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/33.jpg)
LIS 677Interface Critique
How do I enroll?How do I enroll?
![Page 34: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/34.jpg)
LIS 677Interface Critique
What about Financial What about Financial Aid?Aid?
From the main page…..
![Page 35: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/35.jpg)
LIS 677Interface Critique
What about Financial What about Financial Aid?Aid?
![Page 36: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/36.jpg)
LIS 677Interface Critique
Faculty and StaffFaculty and Staff
I need a job
Mr. HBC
![Page 37: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/37.jpg)
LIS 677Interface Critique
Potential Faculty / StaffPotential Faculty / StaffSearching for a job...
![Page 38: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/38.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/39.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/40.jpg)
LIS 677Interface Critique
ConclusionsConclusions
• Annoying web site. Not a good college to learn how to do web design.
![Page 41: Interface Critique](https://reader035.vdocuments.net/reader035/viewer/2022062304/568139cf550346895da180f1/html5/thumbnails/41.jpg)
LIS 677Interface Critique
QuestionsQuestions