CHI 2003 Workshop on Designing Personalized User Experiences for eCommerce April 6, 2003 Keith Instone © 2003.

Slides:



Advertisements
Similar presentations
Recommender Systems & Collaborative Filtering
Advertisements

Updating your profile. Why Fill out your profile? Taking a few moments to fill out your volunteer profile will enhance your overall experience with your.
Fox Scientific, Inc. ONLINE ORDERING 101. Welcome to our website On our main page you can find current promotions, the vendors we offer, technical references.
Practicing Information Architecture Faye Hoffman Information Architect University of Victoria.
UI Best Practices Application Developer’s Intro School Week 1 Day 1.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
Copyright Writing for the web A word to the wise web designer.
Powerpoint Templates Page 1 Powerpoint Templates Let’s Build a Website by Sybil Prince Nelson.
Spatial Hypermedia and Augmented Reality
Contents Define Web Usability and Why Benefits of Usability Guiding Principles Web Standards, Accessibility and Usability connections Resources.
Midterm Exam Review IS 485, Professor Matt Thatcher.
CIS101 Introduction to Computing
Web Design, Usability, and Aesthetics 3
IA Information Architecture Natalia Shatokhina CS 575.
Web Site Design Howell Istance. SOFT Interactive Systems Web Site Design n Essentially the same process as when designing any interactive application,
Information architecture Summary Natalia Shatokhina CS575 Spring 2010.
Mgt 240 Lecture Exam Two Review November 30, 2004.
Knowledge organisation and information architecture, Nils Pharo Knowledge organisation and the Web Nils Pharo, 6th November 2002.
Mid-Term Exam Review IS 485, Professor Matt Thatcher.
Information Architecture IBE312
Information Architecture Donna Maurer Usability Specialist.
Philadelphia Area SharePoint User Group Welcome to the Philadelphia Area SharePoint User Group Russ Basiura SharePoint Consultant.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
IBE312 (2014) Information Architecture: Part I – Introduction Notes for Chapters 1-2 Modified for 2014 (JMD) with earlier notes by Hans Fredrik Nordhaug.
The Information School at the University of Washington Information Architecture What is it Bob Boiko UW iSchool ischool.washington.edu Metatorial Services.
Web Self Service Take Home Message Web Self Service gives CRM information access to assigned non-CRM users.
Web 2.0: Concepts and Applications 4 Organizing Information.
Successful Website Layout EWD Chapter 2. Defining Client’s Needs Many clients don’t know exactly what they want What they ask for may not be what’s needed.
Sarah Rice - IA Summit 2004 Bottom-Up Information Architecture: Re-Design of an Enterprise Class Web Site.
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.
A Project Guide to UX Design:
Designing a site (2/4) Conceptual Design – 1h. Lazar’s Development Lifecycle Define the mission & target users Collect user requirements Create and Modify.
Developing a Web Site. Web Site Navigational Structures A storyboard is a diagram of a Web site’s structure, showing all the pages in the site and indicating.
1 WEB Engineering E-Commerce Strategy & Management COM350.
DRUPAL AND INFORMATION ARCHITECTURE MICHAEL WAYNE HARRIS INFORMATION ARCHITECT USER EXPERIENCE & WEB SERVICES.
Heuristic evaluation Functionality: Visual Design: Efficiency:
The Promise of Information Architecture Keith Doyle Web Content Architect University of Salford.
1 Human Computer Interaction Week 10 Web Usability.
Giving to the Libraries. A Competent Site  It’s all here (but its all here)  Users have a telephone book, but they need a map.
LOGO IT Project Management Information System and Information Architecture Prof. Dr. Ir. Riri Fitri Sari, MM, MSc Electrical Engineering.
Interface design Multimedia and Web. Today’s Objectives Defined User Interface Design Introduce User-Center Design Guidelines Project portfolio page -
Information Architecture Navigation. Goals 1. Organization systems 2. Navigation: Conventions 3. Login & Forms Task | Dreamweaver 4. Client Project 2.
Bells, Whistles, and Alarms: HCI Lessons Using AJAX for a Page-turning Web Application Juliet L. Hardesty, Indiana University.
 Good navigation is consistent, clearly labeled, and reflects the needs of the site’s audience.  Navigation labels are short, clear, and user-friendly.
Web Design Guidelines by Scott Grissom 1 Designing for the Web  Web site design  Web page design  Web usability  Web site design  Web page design.
Web Usability1. Goal : Your average user can use it without frustration. Usability guidelines:  Don’t make users think.  Avoid obscure messages. Web.
User Experience & Interface (UXI) Proprietary & Confidential 7/13/2014 DBS UXI Strategy Aaron Case.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
Information Architecture & Design Course Overview -Syllabus -Requirements & Preferences -IA & Design Readings -Group Projects IA Overview -What is IA?
DIGITAL DESIGN Digital Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics.
Web Content Development Dr. Komlodi Class 1: Introductions, Elements of Web Design.
Navigation and Menus Will Oakley Information Architecture and Design I October 5, 2006.
Information Design Trends Unit Five: Delivery Channels Lecture 2: Portals and Personalization Part 2.
Information Architecture & Design Week 9 Schedule - Web Research Papers Due Now - Questions about Metaphors and Icons with Labels - Design 2- the Web -
1 CS 501 Spring 2003 CS 501: Software Engineering Lecture 13 Usability 1.
Executive Summary - Human Factors Heuristic Evaluation 04/18/2014.
Jane Greenstein Content Strategy & UX February, 2016.
Information Design Goal: identify methods for representing and arranging the objects and actions possible in a system in a way that facilitates perception.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN.
Prof. James A. Landay University of Washington Autumn 2004 Design Patterns for the Web #1 October 21, 2004.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
Blue Ridge Unified School District.  How will this help me? My Family Link  Where do I get started? Personal Profile Page  How do I manage my webpage?
© 2011 DigitalDay | MOBILE WEB INFORMATION ARCHITECTURE Best Practices Workshop 1.
Fox Scientific, Inc. ONLINE ORDERING 101. Welcome to our website On our main page you can find current promotions, the vendors we offer, technical references.
CS 501: Software Engineering Fall 1999 Lecture 23 Design for Usability I.
Recommender Systems & Collaborative Filtering
Designing a site (2/4) Conceptual Design – 1h
Designing for the World Wide Web
UI, UX: Who Does What? A Designers guide to the tech industry.
Presentation transcript:

CHI 2003 Workshop on Designing Personalized User Experiences for eCommerce April 6, 2003 Keith Instone © 2003 Keith Instone Information Architecture & Personalized User Experiences

Who am I, where am I from? Information Architect, ibm.com User Experience team IA Consultant, Argus Associates Retiree: HCI VL, usableweb.com, CHI- WEB, CHI volunteer Computer Science  HCI  Hypertext  Web usability  IA Ohio

“Traditional” Information Architecture Combination of organization, labeling and navigation schemes within an information system Structural design of an information space to facilitate task completion and access to content Art and science of structuring and classifying web sites/intranets to help people find and manage information Emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape

IA & Personalization The information architect focuses on how things are structured within the user experience –Looks “up” to the user interface – how the navigation and page layout convey the structure –Looks “down” to the content management to make sure it can enable to right UE User Interface Layer Information Architecture Layer Content Management Layer Library science applied to personalization

IA Framework for Personalization Business rules map user profiles to content tagging to create individual user experiences Information Architecture Layer

Example of the Framework: Profile Layer “Fashion” rules –If user: style = “hip” then You_may_also_like = (content: color = “hot pink” or “black”) and (content: watch: type = “imported”) and (content: outerwear: fabric = “gore tex”) Do not want to tag everything “hip”

Our business rule personalizes these products for users who are “hip”

Examples of the Framework: Profile Layer One-time rules –If user: past purchases = “Ponte Di Roma Jumper” then show content: promotion = “PDRJ last chance sale” Quick rule, “on sale right now”

Last chance to buy more Ponte Di Roma Jumpers! They have been discontinued but we still have a few in stock. As a past purchaser of these soft knit dresses, you have the first chance to buy these before they are all gone. Click here to see what is left… Profile rule: One time promotions Our business rule personalizes this promo to take advantage of an immediate opportunity

Examples of the Framework: Vocabulary Layer Show content: promotion: product that matches user: past purchases –Requires content: promotion: product to be same vocabulary as user: past purchases –Works for all product promotions Show You_may_also_like such that user: style = content: style –Requires content to be tagged “hip” to match user profile value of “hip” –Works for all styles

Research Issue: Where am I vs. Who am I? Lost in hyperspace – “obsession” with telling users where they are Personalization is more about “who am I” – what do you know about me, how is it being used

Where am I? Site > Store > Department > Section > Page Site Store Department Section Page Section > Page

Who am I? Am I logged in? Are these all of the shirts or are you filtering based on my profile? Does this mean you think I like pink? Is this a special offer just for me? Does this order mean anything – like that I hate short sleeved shirts? If I buy something for my wife, will it mess everything up?

The Navigation Metaphor

The Subscription Metaphor

The Personalized Navigation Metaphor? X Blah blah blah blah Global Navigation Local Navigation Personalized Content Pers. Nav. Who am I? Where am I?

Questions How do we tell users who they are? Do we throw away “where am I” conventions and the navigation metaphor? How do we mix the metaphors? How do users perceive the differences?

UI / Content Framework for Personalization User explicitly personalizes the user interface Customize “skin” for the UI User explicitly personalizes the content Subscribe to channel System implicitly personalizes the user interface Browser detection System implicitly personalizes the content Recommendations based on prior purchases What is personalized? Who personalizes?

User Involvement Framework for Personalization User explicitly sets user profile Fill out form with zip code User explicitly sets content profile Brand popularity assigned System implicitly sets user profile Product interest based on browsing pattern System implicitly content profile Products purchased at same time Which profile is set? Who sets profile?