IHS Web by Diego & Projjol1 Usability and Evaluative Methods Assignment: Indiana Historical Society Website - Revise Information Architecture (primary)

Slides:



Advertisements
Similar presentations
Publishers Web Sites Standard Features. Objectives Access publishers websites Identify general features available on most publishers websites Know how.
Advertisements

2010 Product Overview.  Introduction  Purpose  The Problems  The Solution  Getting Around  Main Modules  Content Management System  Room and Equipment.
Business Process Modeling in Microsoft Visio® Interfacing’s BPMN Modeler: Overview.
New Features in Release 10.3 (November 7, 2010). Release 10.3 New Features –Internet Explorer 6 – No longer supported –New Shopping Cart –Improved Checkout.
ASIST Website Redesign Final Proposal By P. Lucas-Stannard.
Good & Bad Websites. From WEB 1. Submit one bad or ugly web site or web interface. This is ugly website because there are.
Website: Best Practices. Sources: The World Wide Web Consortium the main international standards organization for the World Wide Web Research-Based Web.
An Introduction to Content Management. By the end of the session you will be able to... Explain what a content management system is Apply the principles.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
In the Sandbox Playing with SkillPort 7 for the first time.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
Lorie Stolarchuk Learning Technology Trainer 1 What has changed with the 2.7.X Upgrade to CLEW?
In addition to Word, Excel, PowerPoint, and Access, Microsoft Office® 2013 includes additional applications, including Outlook, OneNote, and Office Web.
New Features in Release 9.2 (July 27, 2009). 2 Release 9.2 New Features Updated Shopping Experience Home/Shop page Shop at the top search New Hosted Supplier.
Plan the site and its structure Plan the display and navigation Test Identify the audience Determine the site’s purpose Plan the structure Planning the.
What’s New in SkillPort 7 Presenter Name Title. SkillPort 7 – a whole new look and feel! Complete redesign of the SkillPort User Interface –Both Student.
Contact Manager / Client Connect. Contacts vs. Prospects? LPS Real Estate Group2 Formerly in Paragon 4, Contacts where either a general contact or considered.
Better Portal Team Alpha's. General idea... * User friendly - affordances! * Clean, Not cluttered - white space is important! * Efficient - get the info.
Heuristic evaluation Functionality: Visual Design: Efficiency:
September 29, 2011 Case Study: Usability Testing for IT Training Website Redesign Project Jae Kim, Jenny Hertel, Greg Hanek, Tom Mason, Chris Payne.
CIS 285 Winter Quarter 2005 Robinson Web Design CIS 285 January 2005.
MI.GOV Site Design Evaluation October MI.GOV Usability Review  MSU Usability and Accessibility Center (UAC)  Reviewed rankings by studies like.
© 2008 Map of Medicine Ltd. Commercial and in confidence. Training Foundation Module 2 – Map Management Suite Ver. 19 Jan 2011.
0 eCPIC User Training: Resource Library These training materials are owned by the Federal Government. They can be used or modified only by FESCOM member.
WordReference.com Improvement through the User-Centred Design Usability Test June Irene Escudé
Laulima Workshop for Instructors Solutions to help you engage your students through Laulima.
Laulima Workshop for Instructors Solutions to help you engage your students through Laulima.
Problemsolving Problem Solving – 4 Stages Analysis Design Development Evaluate (ADDE) Note: In this unit Evaluate is not covered in depth.
Use CSS to Implement a Reusable Design Selecting a Dreamweaver CSS Starter Layout is the easiest way to create a page with a CSS layout You can access.
Confidential Web Ordering Overview. Confidential LOG ON:   Enter your login name &
Chapter 20 Web Design. Copyright © Houghton Mifflin Company. All rights reserved.20 | 2 Chapter overview Gives an introduction to Web design Examines.
Why Navigation is So Important in Your Website Design.
MIMOS Berhad. All Rights Reserved. Nazarudin Wijee Mohd Sidek Salleh Grid Computing Lab MIMOS Berhad P-GRADE Portal Heuristic Evaluation.
 LeaseSync Land Management System Overview By Micro Applications Corp.
SME - Amsterdam Aad van der Velden, September 2015 CRM 2015 – Training Release 1.
Kara Pharris Web Designer Site Improvements & the Usability Project Concepts for usable navigation, functionality and presentation.
FACEBOOK Material adapted from
Facebook for Beginners One Session Class. What will you learn today? What can you do on Facebook? Creating a profile Privacy Connecting with friends Sending.
Core Project team Aad van der Velden, June 2015 What’s new in CRM 2015.
Using Document Collaboration, Integration, and Charting Tools
242/102/49 0/51/59 181/172/166 Primary colors 248/152/29 PMS 172 PMS 137 PMS 546 PMS /206/ /227/ /129/123 Secondary colors 114/181/204.
By Soni Bal & Carol Chu. Over 400 participants, most were parents and coaches More than 95% use the website Majority of people use the website every few.
ThoughTree Branch out your thoughts
Web Site Development - Process of planning and creating a website.
We looked at these two presentations and talked about the structure of setting up the table.
What is Good Web Design? A compendium of web concepts.
The purpose of conducting a Comparative Analysis is to compare the BK Farmyards website to competing websites and to websites with inspirational functionality.
Avaya.com Usability Test Findings and Recommendations March 22, 2002 Steve Ellis - Avaya.
National Aeronautics and Space Administration Usability Work Update 2007–03–29.
How EPA/ORD Moved to Drupal 7 Jessica Dearie U.S. EPA, Office of Research and Development Office of Science Information Management.
Tech Tuesday: Facebook 101 People’s Resource Center January 26, 2016.
Aula CETMAR Online tools for e-learning Maria Jose R. Malmierca Lucía Fraga Lago.
+ Responsive Technology Performance, efficiency and elegance are the three key elements that make our platform unique. Each of the features in this presentation.
TechKnowlogy Conference August 2, 2011 Using GoogleDocs for Collaboration.
For Teachers and Students by Nicole Slinger
Introduction to Computers
WEB 236 Education for Service-- snaptutorial.com.
Level 1 height Level 2 width Height = 2, 2 levels Width = 4
Structural / Functional Site Diagramming
Pair Programming Assistant
La Crosse Interstate Fair – Online Entry Process
Emily Grotta & Susan Harris Last Updated: May 3, 2018
Where am I? Navigating a website: Browsing, searching, menus & breadcrumbs.
DELIGHT WITH UX DESIGN RACHEL KORPELLA
Flutter Medium-Fi Prototype
Generation Nexters’ Financial Learning Environment
MyASQ myASQ is a centralized, online community that provides timely, relevant, and personalized engagement for members of ASQ, allowing members to make.
Presentation transcript:

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

IHS Web by Diego & Projjol2 Problem Space Indiana Historical Society Website

IHS Web by Diego & Projjol3 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

IHS Web by Diego & Projjol4 Information Architecture: Problems Lack of clarity Information 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 & Projjol5 Information Architecture: Problems Circular redundancy Large 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 > Conservation Home > Collections/Library

IHS Web by Diego & Projjol6 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 & Projjol7 Web Site Design: Problems Dated / Uninspiring Archaic 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

IHS Web by Diego & Projjol8 Web Site Design: Solution - Static Prototypes

IHS Web by Diego & Projjol9 IHS Web RedesignIHS Web Redesign (link) Web Site Design: Solution - Dynamic Prototype Functional links: 1)IHS HomeIHS Home 2)IHS > About IHS > MissionIHS > About IHS > Mission 3)IHS > Visitor Info > Directions / HoursIHS > Visitor Info > Directions / Hours

IHS Web by Diego & Projjol10 Evaluation: Design Testing

IHS Web by Diego & Projjol11 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 Messages The ability to send another user a message visible only to him/her. User Icons While 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

IHS Web by Diego & Projjol12 Thank You