User Experience 2004 User Experience Conference 2004 Las Vegas Oct 3-5 Presented by Nielsen Norman Group.

Slides:



Advertisements
Similar presentations
Web 2.0 Programming 1 © Tongji University, Computer Science and Technology. Web Web Programming Technology 2012.
Advertisements

E-Business and e-Commerce. e-commerce and e-business e-commerce refers to aspects of online business involving exchanges among customers, business partners.
Web Usability Starring the Webcredibles: Link, Dr. Web Credible, & Wendy Warner.
PRIORITIZING WEB USABILITY. Introduction  How the Book Study Was Conducted  Tested 69 users ages Broad range of job backgrounds and web experience.
Usability Testing of Community Data & Mapping Systems Denice Warren, Information Systems Designer Joy Bonaguro, Data and Web Production Specialist.
Reverb Usability Blink UX Study and Reverb User Experience Jeff Siarto UI/UX Design, NASA Earth Data Team.
Web Design 101 John Schuster, Yourlink Web Services Inc.
Electronic Communications Usability Primer.
Usability Information Systems 337 Prof. Harry Plantinga.
MScIT HCI Web GUI design. IBM’s CUA guidelines - taster Design Principles Each principle has supporting implementation techniques. The two design.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
Web Design Plundered from Lynch and Horton. © 2004the University of Greenwich 2 10 x don't use Frames Leading edge technology Scrolling text, marquees,
Midterm Exam Review IS 485, Professor Matt Thatcher.
Conceptual Design of the Website Site Architecture andNavigation.
User Centered Web Site Engineering Part 2. Developing Site Structure & Content Content View Addressing content Outlining content Creating a content delivery.
CSCI324/IACT403/IACT931 Designing for Web Usability.
Mid-Term Exam Review IS 485, Professor Matt Thatcher.
Kentico CMS 5.0 Full-featured Flexible Web Content Management System for All Your Needs.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
The Internet as a Publishing Channel Teppo Räisänen LIIKE/OAMK.
Prioritizing Web Usability Nielsen and Loranger Chapter 2: The Web User Experience Paul Ammann SWE 432 Design and Implementation.
Dynamic Web Pages (Flash, JavaScript)
Web Development Life Cycle from Beginning to End…and BEYOND!
Testing and Debugging Web pages. Final exam Wednesday, May 10: 10am – noon Content: guidelines will be distributed next lecture Format: Matching, multiple.
Workshop 2 Coding an Accessible Website Web Content Accessibility Project Funded by BCcampus Natasha Boskic, Kirsten Bole, Nathan Hapke University of British.
1 SWE 513: Software Engineering Usability II. 2 Usability and Cost Good usability may be expensive in hardware or special software development User interface.
Customer Interface - Part 1 CPS 181s Feb 4, 2003.
Usability for Diverse Users Class 16 Dr. Komlodi.
Information Architecture Organizing content. 1. Steelers fan site 2. Information Architecture 2. CSS | Dreamweaver | Forms Today’s objectives.
CS5714 Usability Engineering Web Introduction Copyright © 2003 H. Rex Hartson and Deborah Hix.
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
CP3024 Lecture 12 Setting up a World Wide Web Site.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
An Introduction To Websites With a little of help from “WebPages That Suck.
Web Design and Usability.  Web design has become increasingly complex  First generation sites are simply default backgrounds with "wall to wall" text,horizontal.
Website St. Augustine A Technical Viewpoint Deja Vu anyone?
Homepage Usability By Nielsen & Tahir. Communicating the Site's Purpose Show the logo Include a tag line Emphasize your site’s value Emphasize high priority.
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
© 2001 Business & Information Systems 2/e1 Chapter 8 Personal Productivity and Problem Solving.
Lead Black Slide Powered by DeSiaMore1. 2 Chapter 8 Personal Productivity and Problem Solving.
Chapter 6: NavigationCopyright © 2004 by Prentice Hall 6. Navigation Design Site-level navigation: making it easy for the user to get around the site Page-level.
Refine Produce Implement Design and Development Stages.
Prioritizing Web Usability Nielsen and Loranger Chapter 3: Revisiting Early Web Usability Findings Paul Ammann SWE 432 Design.
Introduction to Web Applications Programming Lab : II MS (IT)
Usability and Accessibility CIS 376 Bruce R. Maxim UM-Dearborn.
ITCS373: Internet Technology Lecture 5: More HTML.
BSA Website Redevelopment Information Architecture.
Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre Knikki Crenshaw Hank Henry Nancy Rice Tom Sakell Ben Yzaguirre.
Windows User Interface and Web User Interface By E. Marlene Graham.
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.

Web Development Process The Site Development Process Site Construction is one of the last steps.
Planning Site Design and Page Layout. Identify Best Practices Demonstrate Consistency: – One way to ensure a professional look and feel to a website –
IF-ITB/EN/Des 2004 IF1191 – Web Design & Usability Page 1 Web Design & Usability Elfan Nofiari Departemen Teknik Informatika ITB.
Usability Olaa Motwalli CIS764, DR Bill – KSU. Overview Usability factors. Usability guidelines.  Software application.  Website. Common mistakes. Good.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
Unit 3: Understand Multimedia Production and Web Design Objective 3.02: Develop Webpages Section A: Introduction to Web Development and Standards.
Chapter 7: Landing Page Optimization. Chapter Objectives Identify the various types of landing pages. Design a landing page that makes effective use of.
Web development. What is web development? - It is a broad term for the work involved in developing a web site for the Internet - It can range from developing.
The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #20.
Information Architecture & Design Week 3 Schedule -Syllabus Updates -Group Project Finalized -Research Presentations Finalized -IA Methodologies -Class.
Layout and Design CS 4640 Programming Languages for Web Applications
Website design Emma Purnell.
Web Design and Development
Dynamic Web Pages (Flash, JavaScript)
Design and Implementation of Software for the Web
Design and Implementation of Software for the Web
Web Development Life Cycle from Beginning to End…and BEYOND!
Web Development Life Cycle from Beginning to End…and BEYOND!
Refine Produce Implement
Presentation transcript:

User Experience 2004 User Experience Conference 2004 Las Vegas Oct 3-5 Presented by Nielsen Norman Group

User Experience 2004 Agenda Day 1 – Loose Money –Black Jack –Video Poker Day 2 – Interaction Design 1 –Full Day Workshop Day 3 - Interaction Design 2 Day 4 – Main Event –3 Keynotes

User Experience Attendees Amazon Adobe Systems Cisco Systems Accenture IBM Yahoo Qwest Hewlett-Packard Bank of America Travelocity PayPal Verizon Sprint Dell Sun Microsystems Oracle Napster NYSE PeopleSoft MapQuest Ebay ORC Macro

User Experience 2004 Interaction Design 1& 2 Instructor: Bruce Toganazzi: Principal Nielsen Norman Group, Chief designer WebMD, Original designer for Apple, Sun 2 day workshop High level, theory, conceptual

User Experience 2004 Centralized vs. Decentralized staff Decentralized: –Pro – close to developers, supervisors feel in control, closer to projects –Con – supervisors feel in control, poor resource management; work done in spurts, less learning from each other, less upper support –Improve with communication among decentralized groups Centralized: –Pro – better cross learning, better skills, cross pollination (less reliant on individuals), more powerful –Con- isolation from developers, isolation from marketing and projects, managers fear loss of control –Improve with co-locating designers with developers on projects, primary programmer and designer on projects

User Experience 2004 Life Cycle Engineers like schedules Old: SDLC, Waterfall = Slow –Sequential, Separate New: Fast Track Methodology –Team based, Cooperative, Involve team –Prototyping, Testing –Improves release time

User Experience 2004 Systems Design Never assume the client knows the solution –i.e. “We need a database to store customer phone numbers” Never start with the technology, start with the problem –Don’t solve the wrong problem with the right technology –i.e. “We need to build a system that does X, because Y technology requires us to do it that way” Complexity/Difficulty of programming should not drive system

User Experience 2004 Systems Design There is no average user Requiring pre-registration deters users Use defaults where appropriate: countries, states, etc. Reinforced many usability guidelines Don’t trust your own eyes Don’t trust your own abilities Magic metaphor: Magic works when it is smooth, natural, and unnoticed Any usability testing is good –Early and often –Diminishing returns Prototypes are meant to change

User Experience 2004 Don Norman Expectation Design: The Next Frontier Principal, Nielsen Norman Group Former Vice President at Apple General talk on design and marketing People buy based on design Online experience leaves a lasting impression of a brand

User Experience 2004 Hoa Loranger Teenagers on the Web: Creating compelling Websites User Experience specialist, Nielsen Norman Group Basic usability issues magnified Teenagers are less skilled Task success rates- Teens: 55%, Adults: 66% Teens read less, give up quicker Enjoy interaction: quizzes, polls, message boards, interactive content Many sites confuse teens with sensory overload Many teens not using new technology Teens aren’t kids Volcom, BBCVolcomBBC

User Experience 2004 Jakob Nielsen Web Usability Guidelines Revisited Principal, Nielsen Norman Group “The guru of usability” Mixed emotions among Web professionalsMixed emotions

User Experience 2004 Research Tested 25 Websites –Large, Medium, Small, E-commerce, Govt. Success rates –Site-specific tasks: 66%, 40% in 1997 –Web-wide tasks: 60%

User Experience 2004 Usability Problems 1.Finding (IA, category names, navigation links) 2.Page Design (readability, layout, graphics, amateur, scrolling) 3.Information (content, product info., corporate info., prices) 4.Task Support (workflow, privacy, forms, comparison, inflexible) 5.Search 6.Fancy Design (multimedia, back button, PDF/printing, new window, sound) 7.Other (bugs, presence on Web, ads, new site, metaphors)

User Experience 2004 Results 88% first action was search engine Web-wide tasks: sites visited per task: 3.2 First page visited on site –Homepage 40% 35 sec on page for low-experienced 25 sec on page for high-experienced –Interior page 60% Page views per site –3.3 on temporary sites –5.5 on final site Total time on site –1:49 on temporary sites –3:49 on final site

User Experience 2004 Results 43% low-experienced reading carefully 37% high-experienced reading carefully Others were scanning Even though all text may not be read, all text is important. Typos, incorrect, inaccurate, or outdated information will overshadow good content and jeopardize the user’s perceived credibility of the site.

User Experience 2004 Search Query Strings word81%44%36% 2 words14%33%36% 3 words4%14%16% 4 words1%5%6% 5+ words0%2%7% Mean

User Experience 2004 Revisited Guidelines From Rated for current importance: *** still high-impact problem ** medium-level problem * minor issue now 0 no longer problem Reasons for change –Technology improvements –Behavioral changes in users, e.g. adaptations –Designers restraint

User Experience 2004 Still Equally Important Links don’t change color when visited*** Breaking the Back button*** Opening new browser windows*** Pop-up windows*** Looking like an ad*** Violating Web-wide conventions*** Vaporous content, non-specific hype*** Dense content, non-scannable***

User Experience 2004 Technology Improvements Download time* Frames* Flash** Low-relevancy search listings** Multimedia, long videos** Frozen (fixed) layout instead of liquid layout** Cross-platform design*

User Experience 2004 Behavioral Adaptations Not knowing what’s clickable* Blue links0 Not scrolling “below fold”** Registration* Complex URLs** Pull-down menus, cascading menus*

User Experience 2004 Designers Showing Restraint Plug-ins, bleeding-edge technology* 3-D* Bloated design, overwhelming users* Splash pages* Moving graphics, scrolling text* Non-standard GUI widgets** Not disclosing who’s behind information*

User Experience 2004 Designers Showing Constraint (2) Made-up words* Outdated information** Consistency within a Website** Premature requests for personal information** Having a single site, not splitting up** Orphan pages0

User Experience 2004