UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

61
UX Week, San Francisco 2010 Rapport fra Dag Tjemsland UXnet Oslo Meetup 8. september 2010 NITH

description

Presentation in Norwegian with my impressions from the conference in San Francisco, 24.-27. August 2010.

Transcript of UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Page 1: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

UX Week, San Francisco 2010

Rapport fra Dag Tjemsland UXnet Oslo Meetup 8. september 2010

NITH

Page 2: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Hvem er jeg?

•  Interaksjonsdesigner, m.m. •  Epinova – CMS spesialist – EPiServer •  Jobber kun med web •  Epinova.no/dag •  @dagtj

2 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 3: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Foredrag

•  Endringspsykologi, BJ Fogg * •  Bruk av data i designprosessene hos Facebook * •  Web fonts •  Data visualisering •  Video spill •  “Gamestorming” – workshop teknikker •  “Fun” i spill (og UX) •  Keynote: Antropolog M Wesch: Kulturkritikk •  Service design på sykehus •  Sosiale tjenester fra Yahoo •  Magasiner på iPad: Bonnier & Wired * •  Ford UX •  SciFi inspirasjon til UX •  UX i filmer

3 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 4: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Workshops

•  Papir prototyping, 2 dager * •  “Gamestorming” – workshop teknikker •  Data visualisering •  “Fun” i spill (og UX) •  Innholdstrategi •  Design for smarttelefoner •  Endringspsykologi (BJ Fogg) •  Sosiale grensesnitt •  Tegneserier som kommunikasjonsmiddel •  Service design •  Metoder for innovasjon & evaluering

4 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 5: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

BJ Fogg

BJ Fogg (Researcher, innovator, speaker, Stanford, m.m.): Keynote: Behavior Wizard: Precision and Power in Persuasive Design

5 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 6: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

6 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Photo: Joel Antipuesto

Page 7: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

7 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Photo: Joel Antipuesto

Page 8: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

8 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Photo: Joel Antipuesto

Page 9: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Fogg Behaviour Grid w examples

9 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

behaviorgrid.org

Page 10: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

BJ Fogg •  BJ Fogg (Researcher, innovator, speaker, Stanford, m.m.:

Keynote: Behavior Wizard: Precision and Power in Persuasive Design

•  Design mantra: Put hot triggers in the path of motivated people

–  1) Triggers –  2) Ability factors –  3) Motivators

•  “Baby steps” •  “Realistic design for lazy pack animals, creatures of habit” •  “Repeat successful recipies”

•  URLs: –  Bit.ly/purplepath –  Behaviormodel.org –  BehaviorwizArd.org –  Facebook.com/captology – Captology.tv –  Bjfogg.com

10 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 11: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Facebook

•  Adam Mosseri: Data Informed, Not Data Driven

11 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 12: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

12 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Photo: Joel Antipuesto

Page 13: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

13 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Photo: Joel Antipuesto

Page 14: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Facebook

•  Adam Mosseri: Data Informed, Not Data Driven

•  Hyppige og kontroversielle designskift •  Små, selvstendige team på 6-7 personer:

–  Produktdesignere – Researcher –  Ingeniører (utviklerer) –  Produktsjef

•  20 personer jobber på Data(analyse?) •  50 milliARDER bilder, eks. bildeopplasting (inkl. Plugin) •  Waterfall analysis (funnel) – hvor faller brukerne fra? •  “Use Data to

–  sanity check changes to the product –  retroactively evaluate project success”

•  “Overreacting to data can lead to micro optimization” (eks. Application Menu, Beacon)

•  “The greatest risk is taking no risk”

14 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 15: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Workshop

•  Bruk av papir, penn, saks og lim til å designe skjermbilder enkeltvis – og i serier som brukeropplevelse:

– Skisse – Storyboard

(BTW Oslo UX Book Club 14/9: Storytelling for User Experience) – Sketchboard – Prototype

•  Blanding av introduksjoner og øvelser, 2 dager, ulike ledere •  Konsept: Middagstips/ Kokebok / Handlehjelp •  Flesteparten valgte prototype for iPad…

15 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 16: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Workshop team

•  Dave, Cisco WebEx, Mountain View (Silicon Valley) •  Judy, USAA, US Army forsikring & finansielle tjenester, Texas •  April, WebVisible “local online advertising”, Los Angeles •  Sean, ExactTarget email marketing, Indiana •  Christine, ANZ Bank, Australia – nettopp lansert iPhone app •  og meg

16 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 17: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

17 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 18: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

18 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 19: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

19 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 20: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

20 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 21: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

21 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 22: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

22 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 23: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

23 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 24: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

24 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 25: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

25 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 26: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Hovedtrend: iPad & apps

26 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 27: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

27 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 28: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

28 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 29: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

29 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 30: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Hovedtrend: iPad & apps

•  Personlige observasjoner: – Dette har jeg ventet på lenge, verktøykassa er komplett – Brukt som notatblokk under konferansen og bok/film/spill på 20 t reise – Mange apps mangler, gleder meg til GPS i bil – Media omfavner det som siste redning – Apple dominerer, men Android kommer… – Lett å bli konsument, utfordrende å bli skapende – SFMOMA Mobile lånt ut gratis på iPod Touch

•  “The Web is Dead” WIRED September 2010 – Bruk av internett flyt(t)er (seg) – Video, fildeling, apps – Fra Personal Computer til Mobile Device, TV etc – Fra åpen nettleser til lukkede kanaler (iPad, iTunes, Facebook, Netflix) – Fra CSS/HTML til Objective-C/XML

30 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 31: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Bonnier Mag+

•  Sara Öhrvall (Director of R&D): The Mag+ Concept: The Silent Mode of Digital Magazine Reading

31 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 32: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

32 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 33: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

33 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 34: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

34 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 35: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

35 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 36: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

36 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 37: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

37 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 38: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

38 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 39: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

39 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 40: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

40 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 41: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

41 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 42: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

42 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 43: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

43 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 44: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

44 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 45: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Bonnier Mag+

•  Sara Öhrvall (Director of R&D): The Mag+ Concept: The Silent Mode of Digital Magazine Reading

•  Prototype mot slutten av 2009: http://vimeo.com/8220802 •  Fikk 60 dager utvikling av Apple før lansering, uten å ha sett produktet •  Skal gjenskape “Magazine moment” “Activate my magazine collection” •  Design prinsipper:

–  iPad gir en UX med færre distraksjoner, mer ro – Med en begynnelse og en slutt – Designe sider, ligner på print – Annonser må også gi en UX (“pin-ups”) – Flyt, bevegelse

•  Utfordring med å finne / oppdage blader og saker •  Utfordring med permanent URL •  Magplus.com Bonnier.com/rd

45 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 46: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

WIRED på iPad

•  Wyatt Mitchell (Design Director): WIRED’s Digital Rebirth

46 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 47: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

47 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 48: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

48 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 49: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

49 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 50: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

50 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 51: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

51 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 52: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

52 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 53: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

53 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 54: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

54 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 55: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

55 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 56: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

WIRED på iPad

•  Wyatt Mitchell (Design Director): WIRED’s Digital Rebirth

•  “WIRED is finally at home” •  Flexibility versus fidelity •  Produsert i samarbeid med Adobe, kjente verktøy og i samme team •  Interaktive funksjoner •  4 utgaver:

– Print – Mobil –  iPad horisontalt –  iPad vertikalt

•  Video presentation (alternativ)

56 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 57: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Oppsummert, magasiner på iPad

•  Gir media en ny mulighet, typografen & CFO hentes inn fra gangen •  Blanding av redaksjonelt stoff og annonser – hvordan plasseres disse? •  Ny forretningsmodell for annonser •  Kan ikke bruke verken print eller web logikk •  Må ta hensyn til flere fremtidige oppløsninger, ikke bare iPad •  Brukere roter seg bort, ingen etablerte konvensjoner •  “Swipe fatigue” •  Økonomi:

– Ord og bilder har i praksis blitt gratis – Kan ta betalt for presentasjon og innpakning

•  Uløst rettighetsproblematikk: – Utklippsbok – Dele med andre som magasiner

57 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 58: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Hva fikk jeg ut av det?

•  Lærte mindre om brukeropplevelse og design på web enn forventet •  Økt selvtillit i omgang med papir og penn – nyttige triks •  Akkumulert kunnskap, erfaringer og holdninger fra teamet på workshop •  Glimt inn i hverdagen til “kolleger” fra USA, Sverige, Tyskland, Australia,

Singapore, Mexico – bedriftskultur, prosjektarbeid, verktøy, metodikk, etc. •  Påminnelse om helhetlig UX - fikk innblikk i den store konteksten

interaksjonsdesign som jeg IKKE jobber med: – Service design –  (iPhone & iPad) apps – Desktop applications – Apparater (bil) – Spill – Film

•  Kulturanalyse og perspektiv (Wesch) •  Hovedtrend “Web is dead” med apps og egen iPad erfaring (iPad SÅ 2010…) •  Masse inspirasjon!

58 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 59: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Hvordan kommer man seg dit?

•  Ta initiativ ! •  Del ! •  Nyttig for deg = nyttig for bedriften/organisasjonen •  Norge er et svært lite marked, USA 100 ganger større – mye mer erfaring •  Også en bonus, ta det med i lønnsforhandlingene •  Vise til at 150 personer vil høre om det etterpå…

59 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 60: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Bilder, slides, filmer

•  Flickr tag uxweek2010 •  Twitter #uxweek •  Slides & filmer kommer… •  Denne: http://www.slideshare.net/dagtj

60 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj

Page 61: UX Week 2010 - Rapport fra Dag Tjemsland, UXnet Oslo Meetup, 8 sept 2010

Spørsmål, kommentarer?

•  ? •  (Hva er UX Intensive?)

61 UX Week San Francisco 2010 - v/Dag Tjemsland, Epinova @dagtj