Ambient Personalization (Personalisation) and Rich Internet Mechanisms

45
06/06/22 1 Ambient Personalisation & Rich Internet Mechanisms (or how we learnt to love the cookie) Chris Khalil Senior Experience Architect, USiT News Digital Media

description

One size doesn't fit all. This presentation examines how personalisation allows users to control their view of a site. As a case study it describes the redesign of news.com.au. Presented as an Advanced Session at OZ-IA Conference, Sydney Sept. 20th 2008

Transcript of Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Page 1: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

04/08/23 1

Ambient Personalisation & Rich Internet Mechanisms

(or how we learnt to love the cookie)

Chris KhalilSenior Experience Architect, USiT

News Digital Media

Page 2: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

So, what’s going on?

WHAT is Ambient Personsalisation

WHY would you want to do it

HOW do you do it

What Why How

Page 3: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

WHAT

Page 4: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

What do we mean by Ambient?

“The surrounding environment coming into contact with the system or component in question. “

What Why How

Page 5: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Another definition….

1. ass groove: A depression in the cushion of a couch or chair formed by many hours of sitting. First known usage by Homer Simpson.

“Don't sit in my ass groove! You'll mess it up. “

What Why How

Page 6: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

What do we mean by Personalisation?

“To adapt something to the needs of an individual “

What Why How

Page 7: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Think of a car

it’s not just pimping it up….

Page 8: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

It’s making it comfortable

What Why How

Steering wheel

Seat

Environment

Entertainment

Page 9: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

It’s direct manipulation

no intermediate step

What Why How

Page 10: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

set & forget

It’s easy

Page 11: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

shouldn’t sites have a memory too?

Not Groundhog Day

Page 12: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Ambient Personalisation:

• Site works without personalisation• Low barrier to use• Direct Manipulation• Footprint• Invisible• Effective

What Why How

Page 13: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

WHY

Page 14: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

We talked to users

What Why How

Page 15: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

In our lab

Thanks to Martin Jopson: http://flickr.com/photos/level/2697777350/

Page 16: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

A personalised web..

“I only want to see the things I’m interested in “

What Why How

Page 17: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

A personalised web

“I want it to be mine by just using it”

What Why How

Page 18: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Some experiences

of personalisation….

What Why How

Page 19: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

What I’m sold

What Why How

Page 20: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

What I get

What Why How

Page 21: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Upfront setup

What Why How

Page 22: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

We asked users

“wouldn’t do it, had a bad experience in the past….”

“can’t be bothered, too time consuming…”

“I expect it will be difficult…”

What Why How

Page 23: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Yet they wanted it

Because

What Why How

Page 24: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

A personalised web

What Why How

Page 25: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

What Why How

Page 26: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

What Why How

Page 27: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

What Why How

Page 28: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

A personalised web

What Why How

Page 29: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

A personalised web

What Why How

Page 30: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Summary

• One size doesn’t fit all• Missing goal in computing is

invisibility• Form & function intertwined• Ambient doesn’t require upfront work

– the user just uses the site• Personalisation = good• Setting up Personalisation = badWhat Why How

Page 31: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

HOW

Page 32: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Works without personalisation

What Why How

Page 33: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Effects of removing registration/login

http://blog.topix.com/archives/000106.html

What Why How

Page 34: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Works without login

Uses cookies to store state

What Why How

Page 35: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

news.com.au

Page 36: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Rich Mechanisms

Test.avi

What Why How

Visual News Time Editorial Visual User

Page 37: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Instructional Scaffolding

• Margin call outs attract attention• Type/Shape designed to look less like an ad – more personal• Degrades gracefully to nothing

What Why How

Page 38: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Tour

• Concept of real tour as a metaphor• Maintain context allow people to

play

What Why How

Page 39: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Drag’n’drop

What Why How

Users create their own context Use grip affordances to imply dragability

Page 40: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Accordions

• Progressive disclosure• Surreptitious discovery• Breadth and depth• Information scent• Helps mental model of site• Construct own IA’s

What Why How

Page 41: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Local News

Map based UI

What Why How

Page 42: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Reassurance of Persistence

Position saved

What Why How

Page 43: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

What have we seen today

What

Why

How

Page 44: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Conclusion

• Explorable Interface somewhere between dictatorship and total freedom.

• Once setup, less browsing, scrolling, more immediate results– Allows hidden depth to be revealed (accordions)– Allows product to grow as users experience and

knowledge grows (accordions)– More easily reflect users preferences and thought

processes (set forget, footprint)– Augment user – do things humans are not good at

(remembering information on the page, setting preferences – spatial awareness, short and long term memory)

– Set and forget

Page 45: Ambient Personalization (Personalisation) and Rich Internet Mechanisms

Questions ?

Dr Christopher KhalilSenior Experience ArchitectNews Digital Media

[email protected]@yahoo.co.ukwww.chriskhalil.com