User Centered Design - Maximising the Use of Portal

Similar documents
UX Case Study 1 Objective

3 Prototyping and Iterative Evaluations

needs, wants, and limitations

Heuristic evaluation is a usability inspection technique developed by Jakob Nielsen. The original set of heuristics was derived empirically from an

Choosing the Right Usability Tool (the right technique for the right problem)

3 Evaluating Interactive Systems

CSE 118 Introduction to Design

cs465 principles of user interface design, implementation and evaluation

2/18/2009. Introducing Interactive Systems Design and Evaluation: Usability and Users First. Outlines. What is an interactive system

Human-Computer Interaction: An Overview. CS2190 Spring 2010

Designing Usable Apps

Portfolio Classified due to NDA agreements

User-centered design in technical communication

Chapter 15: Analytical evaluation

DIGITAL CONTENT STRATEGY WORKSHOP SERIES >>> Carrie Hawthorne Consulting Fair Trade Federation Conference PART 1 UNDERSTANDING & GATHERING

Analytical evaluation

Übung zur Vorlesung Mensch-Maschine-Interaktion. e5: Heuristic Evaluation

The Business Case for Usability. Why do IT Projects Fail? Why Most Websites Fail? Forrester Research. The Cost of Change

Overview of the course. User-Centred Design. Group. Practical issue. Writting the report. Project work. Fang Chen

Firstname Lastname. Contents. User Experience Design Portfolio - Selected Samples. Updated February 2014

User-Centered Design. Jeff Bos, Design Insights BlackBerry

PUTTING THE CUSTOMER FIRST: USER CENTERED DESIGN

USER RESEARCH Website portfolio prototype

Design Heuristics and Evaluation

How to prioritise your transformation to-do list

EVALUATION OF PROTOTYPES USABILITY TESTING

Addition about Prototypes

MAKING YOUR GATEWAY EASY AND PLEASANT TO USE

Software Quality. Martin Glinz. Thomas Fritz. Lecture 7 UI Design, Usability & Testing. Many thanks to Meghan Allen and Daniel Greenblatt.

Usability & User Centered Design. SWE 432, Fall 2018 Design and Implementation of Software for the Web

IBM s approach. Ease of Use. Total user experience. UCD Principles - IBM. What is the distinction between ease of use and UCD? Total User Experience

15/16 CSY2041 Quality and User-Centred Systems

Curtin University School of Design. Internet Usability Design 391. Chapter 1 Introduction to Usability Design. By Joel Day

User Interface Evaluation

Information System Architecture. Indra Tobing

Wizdom Conference. GEA Connect - A task-based intranet CHRISTIAN LARSEN DIRECTOR, INTERNAL COMMUNICATION & CORPORATE EVENTS

Page 1. Ideas to windows. Lecture 7: Prototyping & Evaluation. Levels of prototyping. Progressive refinement

THINK THE FDA DOESN T CARE ABOUT USER EXPERIENCE FOR MOBILE MEDICAL APPLICATIONS? THINK AGAIN.

Interaction Design. Recap Session (Previous lecture April 21, 2016, 9am-12pm): Process Models, Elements and Usability

Interaction Design. Chapter 3 (May 11, 2017, 9am-12pm): Approaches to IxD Recap Session (Previous lecture): Process Models, Elements and Usability

Usability. HCI - Human Computer Interaction

Level 4 Diploma in Computing

Mobile Usability & Design. March 2015

Explanation A. User Experience Design

Criteria for selecting methods in user-centred design

IPM 10/11 T1.6 Discount Evaluation Methods

Agile is from Mars Usability is from Venus

Evaluation in Information Visualization. An Introduction to Information Visualization Techniques for Exploring Large Database. Jing Yang Fall 2005

USER-CENTERED DESIGN KRANACK / DESIGN 4

Portfolio. Mihai Marin

James Pownall. UX and UI Design. Mobile:

Implementing Games User Research Processes Throughout Development: Beyond Playtesting

Analytical Evaluation

Building Websites People Can Actually Use

evision Review Project - Engagement Simon McLean, Head of Web & IT Support Information & Data Services.

EVALUATION OF PROTOTYPES USABILITY TESTING

esign an ser mterrace Evaluation TheOpen University DEBBIE STONE The Open University, UK CAROLINE JARRETT Effortmark Limited

BUYER S GUIDE WEBSITE DEVELOPMENT

Redesigning a Website Using IA Principals

HEURISTIC EVALUATION WHY AND HOW

Overview of Today s Lecture. Analytical Evaluation / Usability Testing. ex: find a book at Amazon.ca via search

What is ISO ISMS? Business Beam

Plunging into the waters of UX

Western Libraries Website Re-Design Update ( July 2016)

Mobile UX or WHITEPAPER

VIDEO 1: WHY IS THE USER EXPERIENCE CRITICAL TO CONTEXTUAL MARKETING?

The Elements of User Experience BrandExtract, LLC

Creating an Intranet using Lotus Web Content Management. Part 2 Project Planning

Design Principles. Overview. User-Center Design. SMD157 Human-Computer Interaction Fall User-center design Guidelines

PG Certificate Web Design and Development. Course Structure. Course Overview. Web Development and User Experience - ARMC243S7 Overview

Nektarios Kostaras, Mixalis Xenos. Hellenic Open University, School of Sciences & Technology, Patras, Greece

A Heuristic Evaluation of Ohiosci.org

Design Principles. Overview. User-Center Design. SMD157 Human-Computer Interaction Fall User-center design Guidelines

Introducing Evaluation

UC Irvine Law Library Website Usability Project Initial Presentation

BCS THE CHARTERED INSTITUTE FOR IT. BCS HIGHER EDUCATION QUALIFICATIONS BCS Level 5 Diploma in IT. March 2017 PRINCIPLES OF USER INTERFACE DESIGN

Interaction Design DECO1200

A Study on Website Quality Models

CURZON PR BUYER S GUIDE WEBSITE DEVELOPMENT

Pillar Content & Topic Clusters

Shane Olivo. Selected UX Project Portfolio. Phone

GROWTH-DRIVEN DESIGN THE SOLUTION TO WEBSITE REDESIGNS

NPTEL Computer Science and Engineering Human-Computer Interaction

California Digital Library:

User-Centered Analysis & Design

Transforming Your Web Presence

Managing intranets: opportunities and challenges

The Business Case for a Web Content Management System. Published: July 2001

Six Steps to Creating a Great User Experience. By: Lorena Proia Founder and Principle User Experience Designer

Usability in Multimedia. By Pınar Koçer Aydın and Özgür Bayram

HCI and Design SPRING 2016

Applying Usability to elearning

White Paper. How to Write an MSSP RFP

Web Engineering. Introduction. Husni

Concepts of user-centered design

Hello! We focus on service design & strategy combined with digital product creation

Foundation Level Syllabus Usability Tester Sample Exam

Measurement and evaluation: Web analytics and data mining. MGMT 230 Week 10

Human Computer Interaction - An Introduction

The data quality trends report

Transcription:

User Centered Design - Maximising the Use of Portal Sean Kelly, Certus Solutions Limited General Manager, Enterprise Web Solutions

Agenda What is UCD Why User Centered Design? Certus Approach - interact The interact Activities Dry Stuff UCD relevance to a Portal Solution Examples Eye Candy

Some Definitions to begin User Centred Design (UCD) UCD is a design methodology that aims to improve the user experience offered. Usability Usability is the measure of ease of use of a solution. Usability is an outcome of UCD practices User Experience (UX) User experience is a cumulative entity which is composed of the overall experience the user takes away from your system. Usability is one component of this overall experience.

The UX Iceberg Business Unit Designation or other information The interact Methodology

Why is User Centered Design important? You are not your user If you are only thinking about a problem from your own point of view, you are only, at best going to be half right. By understanding your user, you can create a more relevant and valuable product Allows understanding of the true nature of the problem before devising the solution Reduces chances of failure and positively affects user satisfaction

Business case for usability Reduced development costs Most development and maintenance costs are associated with unmet or unforeseen user requirements and other usability problems which h are expensive to change late into development Improved Conversion rates A usable system improves the rate of purchases against traffic Enhances brand positioning and brand credibility Bad usability causes a bad user experience, influencing the experience of the brand.

Business case for usability Improved user adoption and customer loyalty Good usability leads to satisfied, purchasing and returning customers. Bad usability leads to angry customers and potential ti losses. Improved productivity It is more productive and efficient if a system is designed to support how users prefer to work and is guided by usability principles for efficiency. Reduced costs for training Usable systems are easier, more intuitive and require less training.

What is interact? interact Methodology is based on User Centered Design discipline and aims to provides a modular approach that aims to deliver customised solutions to an organisation s usability problems. Based on ISO 13407 (1999) Human centred design processes for interactive systems Human-centered design is an approach to interactive system development that focuses specifically on making systems usable. It is a multi-disciplinary activity

The interact Methodology Identify & Analyse Getting to know the users and their goals Understanding Business objectives Analyzing user tasks and goals Assessing existing system and assets Establishing Usability requirements Conceive and Design Design Personas and scenarios Participatory Design techniques Redesign Information architecture (if required) Prototyping design ideas Produce Visual Design Evaluate and Iterate User testing Cognitive Walkthroughs Strategize and Implement Standards compliant design production Best practise strategy for implementation Production of style guides and usability guidelines

The interact UCD Activities

The interact activities Card Sorting A simple technique to learn about how people perceive content t groups Content items are written on index cards People group the cards in ways that make sense to them Results are used as an input into a new IA

The interact activities Online Card Sorting Online Card Sorting Content Groupings Content Topics

The interact activities Card Sorting - Analysis

Card Sorting Analysis My Account Resources Tools & Calculators Training Investing Borrowing Risk Management Advisory Services Cluster Analysis Dendrogram Customer Website 14

The interact activities Personas and Scenarios A Persona is a fictitious character that is created to represent the a type of user that might use a system. A scenario is a user-centered interpretation of a use case which represents a typical manner in which a goal will accomplished by a user through the system

The interact activities Personas & Scenarios - Creating a Persona Collect and analyze data about your user group: Personal information, such as age, gender and location. Technical information like what kind of computer and browser they use, how and why they use the Web, and how often. Their relationship is to your company, client or organization. How they view your site, or potential site, as well as those of your competitors. What they like in a Web site and what they don t. Where does persona data come from? web traffic data the results of user tests observation of users in their own work environment

The interact activities Personas and Scenarios - Benefits Personas represent a larger group of users within a construct framework and provide a realistic point of reference. Personas help provide a strong user focus to the development process and helps aligning the product with the user s mental model. The idea isn t to build something that only one single person will love. Rather, the idea is to build something with one single person in mind. If you use personas as a tool to focus on very specific goals, you ll focus on a whole class of people who all share those goals. Nielsen Norman Group, Adlin & Pruitt

The interact activities Heuristic Evaluation Heuristic evaluation is done as an inspection of a user interface design for usability by one or more evaluators to identify usability problems (and prioritize them based on criticality) in the design so that they can be addressed in the iterative design process.

The interact activities Heuristic Evaluation Quantitative Evaluation metrics Visibility of system status Match between system and the real world User control and freedom Consistency and standards Error prevention Recognition rather than recall Flexibility and efficiency of use Aesthetic and minimalist design Help users recognize, diagnose, and recover from errors Help and documentation

The interact activities Heuristic Evaluation The Evaluation Process

The interact activities Heuristic Evaluation The Result

The interact activities Usability Testing What is it? Usability testing involves setting a series of tasks for people to complete and noting any problems they encounter What do we test with? Low fidelity Wireframes Interactive HTML prototypes High Fidelity Visual Design concepts Existing System or even Competitor sites

The interact activities Usability Testing Performance Metrics What to test for? Completion Rates Are users able to complete the task? Time on Task How long does it take users to complete? Page Views How many pages does it take to complete? Errors The number and severity of errors per task? Satisfaction How does the user rate the system?

How is UCD relevant to Portal?

What is a Portal? Perceptions and expectations For IT Team A technology platform, lowers integration costs and complexity For Business A business channel to connect with audiences and partners For Users Aggregate content and functionality in one place, customizable, personable. Provides interaction among various business processes

How does UCD fit within your Portal Strategy? Business Context UX/IA User

A User Centered Portal Solution

Portal Strategy A Key objective from your portal strategy Satisfy the needs of diverse portal users and the ever-expanding variety of activities, work practices, interactions, and decisions that they expect the portal to support

UCD in your Portal Strategy User Interface Design Navigation Design Information Design User Centered Techniques Your Portal Strategy Personalization Task Analysis Best Practise

Examples

Honda Extranet Portal Solution Corporate Extranet Pain Points Outdated content Poor navigation structure Technology WebSphere Portal 6.1 UCD Techniques Stakeholder Interviews Lack of user focus in functionality resulting in poor staff uptake Heuristic Evaluation Site Maps Low fidelity Wireframes Visual Design support

Original System Screenshots

Post-Redesign Screenshots

Proposed Site Map

Baulderstone Solution Policies & Procedures System Pain Points Poor findability of documents Unfriendly authoring leading to outdated content and hence compliance issues Poor overall experience leading to frustrated users. Technology IBM Web Content Management UCD Techniques Stakeholder Workshops Low Fidelity Wireframes Prototyping Visual Design XHTML Production WCM Implementation

Original System Screenshots

Post-Redesign Screenshots

PMG Solution Employee Performance Management System Pain Points Difficulty in managing diverse and distributed work force Poor overall experience leading to frustrated users. UCD Techniques Stakeholder Interviews Low Fidelity Wireframes Interactive Prototypes Visual Design XHTML Production

Regional Council Solution Infrastructure Charges Register Pain Points Difficulty in using existing system Poor experience for users UCD Techniques User Interviews Stakeholder workshops Heuristic Evaluation Prototyping User testing XHTML production Portal implementation

Original System Screenshots

Post-Redesign Screenshots

Retailer Concepts

Cement Australia Screenshots

HR Solutions - HR RAFT

HR RAFT delivers Online Forms with Workflow : For automated transactions within the business units across HR, Payroll and Knowledge & Capability functions

Credit Union Australia

Who are CUA? Formerly Credit Union Australia Established in 1966 Leading member owned banking alternative in Australia 400,000 members 800 staff 75 branches around Australia

What did CUA need? New website to reflect brand refresh A new sales and communications channel Easy to use Web Content Management system for marketing staff Ability to dynamically y cross-promote A platform for future digital marketing

Business Benefits Large increase in hits Doubled online enquiries and sales Website = core part of marketing strategy New communication channel Easy for marketing to update All promotions reference website

Business Benefits More effective cross promotion More movement throughout site Campaign landing pages Front page banner (flash/xml) Users are happy! Staff are happy!

Thank you skelly@certussolutions.com.au