+ All Categories
Home > Documents > Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

Date post: 17-Jan-2018
Category:
Upload: jody-carson
View: 226 times
Download: 0 times
Share this document with a friend
Description:
Web Authors Design websites with poor navigation and usability No site maps and/or breadcrumbs Consistency within a site Understanding on how users browse a site Users Hard to browse and find information Do not know where they are Do not know where they have been to Do not know where they can go next
23
Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack
Transcript
Page 1: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

Bian Chong (Brian), KHO

Supervisor: Linda McIverSecond Reader: Jon McCormack

Page 2: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

• Navigation• Usability• Good Navigation Design• Existing Solutions• Automated Navigation System• Results• Future Work

Page 3: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

Web Authors

• Design websites with poor navigation and usability• No site maps and/or breadcrumbs• Consistency within a site• Understanding on how users browse a site

Users

• Hard to browse and find information• Do not know where they are• Do not know where they have been to• Do not know where they can go next

Page 4: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

A collection of links that allow users to browse a site easily

Users usually ask themselves the following questions:

• Where I am• Where I have been• Where I can go next

Page 5: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

keep the site structure clear Placement of logos and page headers

must be consistent in a website

Each page header must be clear and relevant to the body content

Disable the link which displays the current web page

Page 6: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

• Knowing which web pages are visited

• Understanding the site structure better

• Knowing where they have been:• Use of “back” button on Internet browsers• Use of links which visit previous pages

Page 7: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

• Provide options for users to decide where to go

• Declare link titles that are relevant to the page

• Avoid web pages with no links

Page 8: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

• A measurement on how easy a user can access a site

• Learnability• Memorability• Error• Satisfaction

• Four usability components:

Page 9: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

A website with simple and clear structure is easy to learn

How easy to access a site is dependent on users’ experience

Learnability criteria:• Predictability• Familiarity• Generalizability• Consistency

Page 10: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

• Website that is easy to use requires less memorization

• Limitation of human memory controls the number of events a user can remember

Page 11: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

• Ability to recover from error

• Ways to reduce errors made by users:

• Use of breadcrumbs• Use of site Maps

Page 12: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

• Free from error / reduce number of errors made by users

• Understanding of a site structure

• Time spent to load a page

• Amount of information in a page

• Navigation of a site

Page 13: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

• Determined by navigation and usability criteria

• Content area• Links• Breadcrumbs• Site maps

• Good navigation design criteria:

Page 14: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

WYSIWYG Editors

Hand Coding

• Microsoft FrontPage• Macromedia Dreamweaver

• Vi / Vim• Notepad/Wordpad

Methods• Frames

Page 15: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

• Written in Perl

• Retrieves navigation information automatically from a website.

• Able to edit navigation structure manually.

• Generates breadcrumbs automatically.

• Generates a site map automatically.

• Modifies page layout.

Page 16: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

Page Header

Navigation Titles

(For Index Page)

Body Content

Page 17: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

(For other pages)

Sub Headers

Body ContentPage Header

Page 18: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

• Modify navigation hierarchy• Add titles into navigation menu• Edit titles in navigation menu• Delete titles in navigation menu• Change title position in navigation menu• Manage sub headers for each web page• Modify page headers from each web page

Page 19: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

Breadcrumb

Navigation Menu

Page Header

BodyContent

(For Index Page)

Page 20: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

Page Header

Sub Headers

(Site Map Page)

Page 21: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

Breadcrumb is consistent with navigation menu

Page 22: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

• GUI Platform- improve program usability

• Able to deal with websites using frames

• Able to change font settings

• Better extraction of navigation information

• Built-in HTML validator

Page 23: Bian Chong (Brian), KHO Supervisor: Linda McIver Second Reader: Jon McCormack.

Recommended