1 / 12

Usability and Evaluative Methods

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.

sean-fuller
Télécharger la présentation

Usability and Evaluative Methods

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. Problem Space Indiana Historical Society Website www.indianahistory.org IHS Web by Diego & Projjol

  3. Navigation Menu 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 “Quick Links” Menu 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 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 architecture • e.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 > Collections/Library Home > Conservation 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 IHS Web by Diego & Projjol

  7. Web Site Design: Problems • Dated / Uninspiring • Archaic design / Insipid use of arrangement and colors • Unintuitive / InconsistentLack of affordances /Different fonts, colors and styles for similar items • Inefficient use of screen real-estate IHS Web by Diego & Projjol

  8. Web Site Design: Solution - Static Prototypes IHS Web by Diego & Projjol

  9. Web Site Design: Solution - Dynamic Prototype IHS Web Redesign (link) • Functional links: • IHS Home • IHS > About IHS > Mission • IHS > Visitor Info > Directions / Hours IHS Web by Diego & Projjol

  10. Evaluation: Design Testing IHS Web by Diego & Projjol

  11. Evaluation: Further work • 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. IHS Web by Diego & Projjol

  12. Thank You IHS Web by Diego & Projjol

More Related