usability and evaluative methods

12
IHS Web by Diego & Projjol 1 Usability and Evaluative Methods Assignment: Indiana Historical Society Website - Revise Information Architecture (primary) - Update Web Design (secondary)

Upload: sean-fuller

Post on 02-Jan-2016

31 views

Category:

Documents


0 download

DESCRIPTION

Usability and Evaluative Methods. Assignment: Indiana Historical Society Website - Revise Information Architecture (primary) - Update Web Design (secondary). Problem Space. Indiana Historical Society Website. www.indianahistory.org. Navigation Menu. Information Architecture: Problems. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Usability and Evaluative Methods

IHS Web by Diego & Projjol 1

Usability and Evaluative Methods

Assignment: Indiana Historical Society Website - Revise Information Architecture (primary)

- Update Web Design (secondary)

Page 2: Usability and Evaluative Methods

IHS Web by Diego & Projjol 2

Problem Space

www.indianahistory.org

Indiana Historical Society Website

Page 3: Usability and Evaluative Methods

IHS Web by Diego & Projjol 3

Information Architecture: Problems

• Too “flat”In an effort to reduce navigation for the user and simplify the search for a specific section, the information is arranged such that there is a lot of breadth and no depth. A plethora of links is provided at the surface level. This actually backfires by causing an information overload for the user.e.g. the main navigation menu has 17 items and the “Quick Links” menu has 24

Navigation Menu “Quick Links” Menu

Page 4: Usability and Evaluative Methods

IHS Web by Diego & Projjol 4

Information Architecture: Problems

• Lack of clarityInformation is arranged un-intuitively and often hard to find.e.g. the “Traveling Exhibits” link is within the “Education Resources” section, but the “Exhibits” section makes no mention of it

Home > Education Resources

Home > Exhibits

Page 5: Usability and Evaluative Methods

IHS Web by Diego & Projjol 5

Information Architecture: Problems

• Circular redundancyLarge sections of the web site are either available through multiple paths (occasionally necessary, but usually not) or link back and forth between each other. This redundancy reflects confusion in the information architecturee.g. “Preservation Imaging Department” is not only a major link under both “Collections/Library” as well as “Conservation” but is also described differently in each case

Home > Conservation

Home > Collections/Library

Page 6: Usability and Evaluative Methods

IHS Web by Diego & Projjol 6

Information Architecture: Solutions

• Too “flat”: Revamped information architecture to increase hierarchy and reduce surface-level overload

• Lack of clarity: Arranged information more simply and intuitively

• Circular redundancy: Removed link redundancies except where absolutely necessary

Page 7: Usability and Evaluative Methods

IHS Web by Diego & Projjol 7

Web Site Design: Problems

• Dated / UninspiringArchaic design / Insipid use of arrangement and colors

• Unintuitive / Inconsistent Lack of affordances / Different fonts, colors and styles for similar items

• Inefficient use of screen real-estate

Page 8: Usability and Evaluative Methods

IHS Web by Diego & Projjol 8

Web Site Design: Solution - Static Prototypes

Page 9: Usability and Evaluative Methods

IHS Web by Diego & Projjol 9

IHS Web Redesign (link)

Web Site Design: Solution - Dynamic Prototype

Functional links:

1) IHS Home

2) IHS > About IHS > Mission

3) IHS > Visitor Info > Directions / Hours

Page 10: Usability and Evaluative Methods

IHS Web by Diego & Projjol 10

Evaluation: Design Testing

Page 11: Usability and Evaluative Methods

IHS Web by Diego & Projjol 11

• Favorite Users List A user would be able to compile a list of favorite users. When online, he/she would be able to see this list that would also show the conversations these users were participating in at that time.

• Private MessagesThe ability to send another user a message visible only to him/her.

• User IconsWhile mostly a cosmetic addition, these would help add some individuality.

• Emotion Icons (or “Emoticons”)Emoticons are now an integral part of text-based chatting. Incorporating them would further expand our work since, in additional to an emotional state or mood, users would be able to portray specific emotions related to a certain message or comment.

Evaluation: Further work

Page 12: Usability and Evaluative Methods

IHS Web by Diego & Projjol 12

Thank You