User-Centered Design Services for MSU Web Teams Sarah J. Swierenga, Director Usability & Accessibility Center MSU Webmasters 402 Computer Center February.

Slides:

Advertisements

Similar presentations

User Experience Krista Van Laan. Agenda What is User Experience? How does a User Experience team support the rest of the organization? What processes.

Advertisements

© 2007 AT&T Knowledge Ventures. All rights reserved. AT&T and the AT&T logo are trademarks of AT&T Knowledge Ventures. Interactive Solutions & Design Group.

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.

IS214 Recap. IS214 Understanding Users and Their Work –User and task analysis –Ethnographic methods –Site visits: observation, interviews –Contextual.

Part 1: Introducing User Interface Design Chapter 1: Introduction –Why the User Interface Matters –Computers are Ubiquitous –The Importance of Good User.

The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #21.

Web Usability by Scott Grissom1 Web Usability Scott Grissom Computer Science & Information Systems.

Midterm Exam Review IS 485, Professor Matt Thatcher.

Trials and Tribulations of Usability Testing by Scott Grissom1 Trials and Tribulations of Usability Testing Scott Grissom Grand Valley State University.

The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #10 BOO! BOO!

What is User Centered Design? Create “usable” user interface Reduce need for teaching, help, and manuals Uncover and address unmet needs Follow a process.

Software Engineering Incorporating Interface Design Into Software Engineering.

Design Process …and the project.

Course Wrap-Up IS 485, Professor Matt Thatcher. 2 C.J. Minard ( )

SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 20, 2005.

SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 22, 2004.

SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 18, 2007.

HCI revision lecture. Main points Understanding Applying knowledge Knowing key points Knowing relationship between things If you’ve done the group project.

Information Architecture Week 15. Information Architecture CALENDAR.

Mid-Term Exam Review IS 485, Professor Matt Thatcher.

Web Design cs414 spring Announcements Project status due Friday (submit pdf)

INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.

Spring /6.831 User Interface Design and Implementation1 Lecture 6: User-Centered Design GR1 (project proposal & analysis) released today, due.

Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.

Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.

Web Project Methodology Move It Up Marketing Web Project Methodology in six steps to ensure quality and efficient projects.

Human Interface Engineering1 Main Title, 60 pt., U/L case LS=.8 lines Introduction to Human Interface Engineering NTU Seminar Amy Ma HIE Global Director.

Rapid Prototyping Model

Information Architecture The science of figuring out what you want your Web site to do and then constructing a blueprint before you dive in and put the.

System Design: Designing the User Interface Dr. Dania Bilal IS582 Spring 2009.

Project Specification Al Futrell April 2001 Some slides from Mark Newman.

Usability and Internet Instruction INST 5240 Mimi Recker Utah State University.

Interaction Design CMU. Today’s objectives Continue Design approaches (UCD, ACD)  User-Centered Design  Activity-Centered Design.

Chapter 3: Managing Design Processes

Best Practices for Accessibility Mike Elledge Assistant Director Usability & Accessibility Center (UAC)

Web Site Usability. Benefits of planning usability Increased user satisfaction, which translates directly to trust and brand loyalty Increased user productivity,

Putting Assessment into Practice - Library Websites Steve Burks, LIS Web Developer Saint Michael’s College Library

Guerrilla Web Strategy. Hi, I’m Leeanne Lowe :) Creative Director at Lovely

Human Factors in Information Seeking and Use Wooseob Jeong.

SOFTWARE ENGINEERING MCS-2 LECTURE # 4. PROTOTYPING PROCESS MODEL  A prototype is an early sample, model or release of a product built to test a concept.

System Construction System Construction is the development, installation and testing of system components.

Design Process … and some design inspiration. Course ReCap To make you notice interfaces, good and bad – You’ll never look at doors the same way again.

© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® DESIGN PROJECT PRODUCTION PHASES.

A Blueprint for Successful Web Sites Information Architecture & Web Design Web June 18, 2003 Beth Bailey Kim Eke Elizabeth Pyatt.

Graphics and interface design Feng Liu Ph.D.. Outline Design Principles – What designer need to keep in mind Elements of design Where interface design.

고려대학교 산업경영공학과 IMEN 315 인간공학 3. DESIGN AND EVALUATION METHODS.

1 Advanced Human Computer Interaction Instructor: Dr. Nadeem Ahmad Chauhdry Dual PhD (Politecnico di Torino, Italy & University of Potsdam, Germany) HOD,

Oct 211 The next two weeks Oct 21 & 23: Lectures on user interface evaluation Oct 28: Lecture by Dr. Maurice Masliah No office hours (out of town) Oct.

User-Centered Design (UCD) Overview

Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN.

Use the cards to control the lecture… Usability Design.

5. 2Object-Oriented Analysis and Design with the Unified Process Objectives  Describe the activities of the requirements discipline  Describe the difference.

Design Evaluation Overview Introduction Model for Interface Design Evaluation Types of Evaluation –Conceptual Design –Usability –Learning Outcome.

1 Design and evaluation methods: Objectives n Design life cycle: HF input and neglect n Levels of system design: Going beyond the interface n Sources of.

CEN3722 Human Computer Interaction Overview of HCI Dr. Ron Eaglin.

Project Breakdowns HCDE 492/592 Winter 2014.

Asking Users and Experts

Topic for Presentaion-2

Wrapping up prototyping

Usability Evaluation, part 2

DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.

Object Oriented Analysis and Design

Project Plan: Searching the UCI Library Website

Evaluation technique Heuristic Evaluation.

Software Development Process

History of Racial Violence

DESIGN PROJECT PRODUCTION PHASES DEFINE, STRUCTURE, DESIGN, BUILD AND TEST, DELIVERY ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.

Usability Techniques Lecture 13.

Step-2: Understand the Business Function

Evaluation: Inspections, Analytics, and Models

Presentation transcript:

User-Centered Design Services for MSU Web Teams Sarah J. Swierenga, Director Usability & Accessibility Center MSU Webmasters 402 Computer Center February 15, 2005

User-Centered Design Process User requirements analysis Conceptual design, prototypes, and evaluation Design and implementation Usability evaluation Launch and maintenance

User Requirements Analysis Work with product team to decide on goals for the website from the perspective of the user and the business. Determine the user needs and target usability requirements. Conduct expert evaluation (heuristic evaluation) of existing product user interface. Perform a competitive analysis. Perform user interviews and surveys.

Conceptual Design, Prototypes, and Evaluation Sketch out a high-level site design and information architecture Rapidly create visual representations (mockups) or interactive representations (prototypes) of the site. Evaluate usability through focus groups, user tests, and walkthroughs. Use the evaluation results to create more mockups or improve the prototypes. Repeat this process (design iteration) until the design and usability goals are met

Design and Implementation Revise user interface information architecture based on concept evaluation. Create the user interface using standards-compliant code. Remember to code for accessibility.

Usability & Accessibility Evaluation Conduct the usability evaluation on the final design. Conduct an accessibility compliance evaluation based on Section 508 standards and Web Content Accessibility Guidelines (WCAG). Use the evaluation results to improve the product. Repeat this process (production iteration) until the business goals are met.

Launch and Maintenance Document everything! Continue to collect feedback from users/customers to improve the product in future releases.

UAC Services - Summary User Interface Expert Evaluation (Heuristic Review) Front-end Concept Evaluation –User requirements analysis –Information architecture –Concept prototypes –Concept user evaluation Design and Implementation Consulting –Best practices in design and accessibility principles Accessibility Evaluation Usability Testing