Chris Lehman - University of Illinois at Urbana-Champaign This project looked at whether an effective usability makeover of an enterprise.

Slides:



Advertisements
Similar presentations
Support.ebsco.com EBSCOadmin Branding Tutorial. Welcome to the EBSCOadmin Skinning and Branding tutorial, where you will learn how to customize EBSCOhost.
Advertisements

Step-by-Step: Add a Graphical Hyperlink USE the Special Events Final presentation that is still open from the previous exercise. 1.Go to slide 4, and click.
PRIORITIZING WEB USABILITY. Introduction  How the Book Study Was Conducted  Tested 69 users ages Broad range of job backgrounds and web experience.
Access 2007 ® Use Databases How can Microsoft Access 2007 help you to get and stay organized?
Introduction to OBIEE:
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
Microsoft Word 2013 An Overview. Your Environment Quick Access Toolbar Customizable toolbar for one-click shortcuts Tabs Backstage View Tools located.
1 Web Usability and Age Thomas S. Tullis Ann Chadwick-Dias Human Interface Design Department,
Microsoft PowerPoint 2013 An Overview.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
A Proposed Model for GV Express October 2008 BLUE version.
COMP6703 : eScience Project III ArtServe on Rubens Emy Elyanee binti Mustapha Supervisor: Peter Stradzins Client: Professor Michael.
1 Introduction to OBIEE: Learning to Access, Navigate, and Find Data in the SWIFT Data Warehouse Lesson 5: Navigation in OBIEE – Touring the Catalog Page.
Tutorial EBSCOadmin Branding support.ebsco.com. To help you enhance the search experience for your users, EBSCO offers a number of custom branding options.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Access Lesson 4 Creating and Modifying Forms
Overview of New Behind the Blackboard for Blackboard Customers APRIL 2012 TM.
Microsoft Office Word 2013 Expert Microsoft Office Word 2013 Expert Courseware # 3251 Lesson 4: Working with Forms.
Our Focus is YOU! Getting Started with Resume Generator Plus If you are a first time Resume Generator Plus user: you will begin by going to the Employment.
Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
Developing the EdWeb- driven website mobile interface Usability research conducted February 2015 Findings and next steps Neil Allison University Website.
In the Sandbox Playing with SkillPort 7 for the first time.
Defining Styles and Automatically Creating Table of Contents and Indexes Word Processing 4.03.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,
Screen Previews for Shopping Carts and Checkout Process 10.3 release October 05, 2010.
Designing a Graphical User Interface (GUI) Krisana Chinnasarn, Ph.D. January 2007.
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
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.
Your New FSU EMarket “Before and After” Guide Shopping, Favorites, and More...
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.
The Fundamentals of Using Windows 95. Windows 95 ã operating system that performs every function necessary for the user to communicate and control computer.
Interface Design Natural Design. What is natural design? Intuitive Considers our learned behaviors Naturally designed products are easy to interpret and.
© 2010 Delmar, Cengage Learning Chapter 8 Collecting Data with Forms.
Web Design with HTML & CSS Lesson 1. Planning Your Website   Good design comes from decisions that designers make in order to have a certain effect.
September 29, 2011 Case Study: Usability Testing for IT Training Website Redesign Project Jae Kim, Jenny Hertel, Greg Hanek, Tom Mason, Chris Payne.
Chapter 3 – Part 1 Word Processing Writer for Linux CMPF 112 : COMPUTING SKILLS.
Output Design. Output design  Output can be: Displayed on a screen/VDU/monitor. Printed on paper as hard copy. Sound.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
12 Developing a Web Site Section 12.1 Discuss the functions of a Web site Compare and contrast style sheets Apply cascading style sheets (CSS) to a Web.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
Best practice in design on NREN websites A heuristic evaluation made for TERENA TF-PR By Julia Gardner & Gitte Kudsk, UNIC
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
Formatting WorksheetsFormatting Worksheets Lesson 7.
CS 352, W12 Eric Happe, Daniel Sills, Daniel Thornton, Marcos Zavala, Ben Zoon ANDROID/IOS RPG GAME UI.
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
Visual Basic CDA College Limassol Campus Lecture:Pelekanou Olga Semester C Week - 1.
Evaluating & Maintaining a Site Domain 6. Conduct Technical Tests Dreamweaver provides many tools to assist in finalizing and testing your website for.
MIMOS Berhad. All Rights Reserved. Nazarudin Wijee Mohd Sidek Salleh Grid Computing Lab MIMOS Berhad P-GRADE Portal Heuristic Evaluation.
Introduction to KE EMu Unit objectives: Introduction to Windows Use the keyboard and mouse Use the desktop Open, move and resize a.
Word 2003 The Word Screen. Word 2003 Screen File Menu –Holds the options for creating a new document, opening a document, saving a document, printing.
CMPF114 Computer Literacy Chapter 3 The Visual Basic Environment 1.
TABLE OF CONTENTS 2014 BasmahAlQadheeb. What is a report? A report is a clearly structured document that presents information as clearly as possible.
Design Phase intro & User Interface Design (Ch 8)
Key Applications Module Lesson 22 — Managing and Reporting Database Information Computer Literacy BASICS.
Web Site Development - Process of planning and creating a website.
Executive Summary - Human Factors Heuristic Evaluation 04/18/2014.
Avaya.com Usability Test Findings and Recommendations March 22, 2002 Steve Ellis - Avaya.
XP Exploring Outlook  Outlook is a powerful information manager  You can use Outlook to perform a wide range of communication and organizational tasks,
1 Lesson 11 Exploring Microsoft Office 2010 Computer Literacy BASICS: A Comprehensive Guide to IC 3, 4 th Edition Morrison / Wells.
Customize Your View of Data Training Presentation for Supply Chain Platform: BAE Systems May 2015.
Designing User Experience (UX) This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons.
Pasewark & Pasewark 1 Excel Lesson 1 Excel Basics Microsoft Office 2007: Introductory.
Microsoft Word 2010.
Microsoft Excel A Spreadsheet Program.
Microsoft PowerPoint This is the introduction to PowerPoint.
Unit 14 Website Design HND in Computing and Systems Development
Microsoft PowerPoint This is the introduction to PowerPoint.
Microsoft PowerPoint This is the introduction to PowerPoint.
Presentation transcript:

Chris Lehman - University of Illinois at Urbana-Champaign This project looked at whether an effective usability makeover of an enterprise analytics interface was possible in under two months through the use of low-cost methods, with an eye towards identifying best practices that could be distilled from the results. Introduction Objective 1. Performed cognitive walkthroughs Task-based method that identified “low hanging fruit” without need for user studies Used hypothetical but realistic stand-ins known as personas in place of users Walked through tasks on 3 competitor’s “campus profile” sites to generate ideas Process 2. Conducted user studies 3. Sketched paper mock-ups 4. Created prototypes Results Best Practices Identified Strategies for user studies involving executive-level users Start off with an easy task to build the user’s confidence and help them relax Continually stress that this is not a “test” Make overly complex tasks “time-permitting” Rapid Redesign of an Enterprise Analytics Interface The usability of simple non-interactive websites have been studied extensively, but less attention has been paid to enterprise analytics interfaces. These systems are powerful and data rich, but they frequently suffer from an overstuffed user interface. The field of User Experience Design (UXD) offers low-cost methods, both in terms of money and time, to identify and resolve user interface issues in these systems. Background The specific enterprise analytics system studied was the Campus Profile at the University of Illinois. The Campus Profile provides interactive 10-year snapshots going all the way back to 1989 that contain over 700 quantitative indicators across more than 300 departments summarized at 4 different administrative levels. Conducted dry run study with “pilot” user to solidify task wording and check timing Performed studies with target audiences: 2 with dean’s assistants, 1 with department head Identified issues through task analysis and prioritized with simple table (see above) Created sketches that try to move beyond the current interface rather than “fix” it Ideas guided by user studies and competitor site cognitive walkthroughs Paper was used rather than computer to prevent technology from stifling innovation Created multiple prototypes by modifying screenshots of original interface with Paint.NET Primary focus of prototypes was implementing fixes identified in user studies Secondary focus of prototypes was incorporating ideas sketched in paper mock-ups 1 st Prototype 2 nd Prototype Idea “A” Idea “B” Final Prototype Interface changes that go beyond “fixes” 1.Replaced horizontal navigation bars with tabbed navigation 2.Created login functionality to default to home unit data and allow report saving 3.Created footer to provide visible contact information and “frame” main content Elements added that infuse appeal and improve ease-of-use 1.Added dropdown menus with built-in search to minimize scrolling (see below) 2.Added instant graph functionality to save user from having to use Excel (see below) 3.Enlarged Excel and Print buttons and moved them closer to the data table 4.Changed navigation bars and table header colors to match colors in header Wording/labeling issues addressed 1.Added word “Items” to qualify Standard, Expanded, and Strategic navigation tabs 2.Added word “Reporting” to qualify meaning of Custom navigation tab 3.Added word “Profile” to qualify meaning of Change Year 4.Removed abbreviations in item descriptions wherever possible 5.Simplified data table header by removing dash and additional year from display Through the use of low-cost high-impact methods, we showed how significant gains in usability can be achieved in a very short period of time, even for a complex Enterprise Analytics interface. Conclusion Users ignore abbreviations and are drawn instead to spelled out words If abbreviations must be used, use them sparingly and consistently Users do not read text in pop-up windows Use modeless feedback instead – “ask for forgiveness, not permission” Users ignore generic “Help” buttons Use context-sensitive help and FAQs instead; also provide Glossary Users don’t understand format of numbers just by looking at them Clearly label numbers: percentages with %, thousands with “k”, millions with “M” Users have difficulty with complex keyboard interactions Stick to mouse-based interaction wherever possible due to Mac/PC keyboard differences and also due to minimal keyboard support in many mobile devices Note: These can be applied to other types of users as well High-frequency interface issues and suggested solutions