yggdrasil2010: informasjonsarkitekter er fra mars, designere er fra helvete
TRANSCRIPT
Informasjonsarkitekter er fra Mars, designere er fra Helvete Haakon Halvorsen og James Bjerkholt
Yggdrasil 2010
12. Oktober
Tønsberg
Konflikten
Symptomene
Analysen
Problemet
Løsningen
Anbefalinger
Hva er symptomene?
En gammel konflikt
• <insert eksempler på ekstrem UX og extrem design>
"Web designers are more concerned with how the page
looks than how it reads and functions." Gerry McGovern
“Links should always be blue and underlined”
Noen har basert hele sin karriere på skittkasting
Hvorfor er designere dumme?
– Design viktigere enn logikk
– Kulhetsfaktor er viktigere enn brukerbehov
– Menyer er en uting og bør minimeres.
– Navngiving er ikke så viktig
– Flyt og sekvens er mindre viktig enn at brukerne føler noe…
– Små knapper er alltid penere enn store knapper
– Store bilder er alltid bedre enn små bilder.
– Tekst er en uting, minst mulig tekst takk!
– Det blir aldri nok Whitespace
– Jacob Nielsen er en kødd, selv om jeg aldri har lest noe av ham.
Hvorfor er IAer dumme?
– Tradisjon er alltid viktigere enn innovasjon
– Konvensjon er viktigere enn uttrykk
– Best practices er bedre enn å finne på noe selv
– Siden er alltid et dokument – ikke en flate
– Wireframes er hugget i stein
– Funksjon er alltid viktigere enn form
– Lange menypunkter er alltid bedre enn korte og presise ord
– Whitespace er noe som må fylles igjen med info
– Topp/venstre er eneste gyldige menykombinasjon
– De elsker Jakob Nielsen selv om de aldri har lest noe av ham
IA fra mars påstår at:
– Designere undervurderer mengden av avklaringer, grunnlagsdokumentasjon og research må igjennom for å ende opp på et kompromiss som er veldig sårbart for endring og kreative innspill.
– Det må være en balansegang mellom kreativitet og å følge etablerte konvensjoner.
– Når man er i tvil, gjør brukertest!
Designeren fra helvete sier:
– IA/interaksjonsdesignere undervurderer hva visuell design betyr for deres egne løsninger.
– Ferdigtygde wireframes gir A4-løsninger
– UX folk dreper innovasjon ved bare å følge konvensjoner
Analysen – å finne årsaken
Prosjekterfaring
Kreativ
Systematisk
Favorittnettsteder
Teknisk utstyr
Ukentlig bruk
Internetterfaring
Digitale attributter
Temarelaterte attributter
Personprofil
Lav Høy
• Halvor har akkurat begynt å jogge fordi det ikke var nok å spille squash en gang i uka. Særlig siden treningen alltid etterfølges av pils med treningskameratene.
• Spiller Civilization V og WoW i ledige stunder.
• Han er strukturert og nøyaktig i jobben, men blir lei dersom prosjektene varer lenge.
• Liker å designe ting, men er også glad i brukertesting.
1 8
Informasjonsarkitekt fra Mars
Haakon Halvorsen
Dell Precision laptop, Vannkjølt
i7core pc som hjemmepc. iPhone.
Onion.com, gamespot.com,
boxesandarrows.com
Alder: 38 år
Familiesituasjon: Samboer med Åse
2 barn: Olivia (2 år) og Marie (13 år)
Bolig: Bor på Tonsenhagen
Interesser: (Online) Gaming, Squash og Dart.
Personlighet: Kritisk. Trivelig og omgjengelig. Uredd.
Påståelig.
«Det er slik vi alltid har gjort
det!»
Prosjekterfaring
Kreativ
Systematisk
Favorittnettsteder
Teknisk utstyr
Ukentlig bruk
Internetterfaring
Digitale attributter
Temarelaterte attributter
Personprofil
Lav Høy
• Halvor har akkurat begynt å jogge fordi det ikke var nok å spille squash en gang i uka. Særlig siden treningen alltid etterfølges av pils med treningskameratene.
• Spiller Civilization V og WoW i ledige stunder.
• Han er strukturert og nøyaktig i jobben, men blir lei dersom prosjektene varer lenge.
• Liker å designe ting, men er også glad i brukertesting.
1 9
Informasjonsarkitekt fra Mars
Halvor Haakonsen
Dell Precision laptop, Vannkjølt
i7core pc som hjemmepc. iPhone.
Onion.com, gamespot.com,
boxesandarrows.com
Alder: 38 år
Familiesituasjon: Samboer med Åse
2 barn: Olivia (2 år) og Marie (13 år)
Bolig: Bor på Tonsenhagen
Interesser: (Online) Gaming, Squash og Dart.
Personlighet: Kritisk. Trivelig og omgjengelig. Uredd.
Påståelig.
«Det er slik vi alltid har gjort
det!»
Scenario
Bakgrunn Målsetting
Informasjonsarkitekt fra Mars
Halvor Haakonsen
• Han er lei av å måtte forsvare sine egne valg fordi
mye av retning og flyt allerede er gitt av brukernes
fokus og kundens ønsker.
• Han er synes designere ofte fokuserer på feil ting i
wireframes og ønsker mer konstruktive diskusjoner
om hvordan disse skal være på et tidligere stadie.
• Halvor ønsker å lage den best mulige løsningen
• Halvor ønsker å bruke minst mulig tid
• Han vil ha kontroll over sluttproduktet og over de
krav, leveranser og prosessene han eier.
• Det skal være brukervennlig og handlingsrettet.
• Lage verdens beste nettløsning
«Det er slik vi alltid har gjort det»
Prosjekterfaring
Kreativ
Systematisk
Favorittnettsteder
Teknisk utstyr
Ukentlig bruk
Internetterfaring
Digitale attributter
Temarelaterte attributter
Personprofil
Lav Høy
• Jens liker foto og kunst og bruker all sin ledige tid på å fotografere store industribygninger og annet metallskrot
• Liker å bruke tiden hjemme med familien så ofte han kan, men jobber mye overtid.
• Spiller WoW når han har tid.
• Brenner for nyvinninger i grensesnitt. Liker å jobbe seg rundt begrensinger og stramme rammebetingelser, men blir frustrert av motvilje til å prøve nye grep.
21
Designer fra helvete
Jens Bjerke
MacBook Pro og Mac G5 quad som
hjemmemaskin. iPhone.
Cannonroomers.com, photography-
on-the-net.com, mashable.com,
smashingmagazine.com
Alder: 40 år
Familiesituasjon: Gift med Julie, ett barn (Vilde 5 år)
Bolig: Bor på Lunden
Interesser: Foto og design. Kafeliv på Grünerløkka.
(Online) Gaming
Personlighet: Sosial. Imøtekommende. Høflig. Morsom.
Empatisk. Narsissistisk.
«Det er mye kulere om vi gjør det på
denne måten!»
Scenario
Bakgrunn Målsetting
Designeren fra Helvete
Jens Bjerke
• Jens er lei av å bruke tid på forsvare egne valg og at
navigasjon og grensesnittkontroller er gitt.
• Han er lei av at innholdet er ferdigtygget og at alle
konklusjoner er tatt slik at det ikke er rom for visuelle
eller konseptuelle grep i uttegningen av wireframes.
• Det er for lite handlingsrom i forhold til det som er
tegnet inn i wireframes.
• Jens ønsker å lage den best mulige løsningen
• Jens ønsker å bruke minst mulig tid
• Han vil ha kontroll over sluttproduktet og over de
krav, leveranser og prosessene han eier.
• Det skal se pent ut!
• Lage verdens beste nettløsning
“Det er mye kulere om vi gjør det på denne
måten!”
Bjerkholt og Halvorsens utagerende
konfliktmodell
1. Identifisere alle krav, prosesser og leveranser (KPL) i et prosjekt
1. Identifisere alle krav, prosesser og leveranser (KPL) i et prosjekt
2. Ta eierskap til «dine» KPL
1. Identifisere alle krav, prosesser og leveranser (KPL) i et prosjekt
2. Ta eierskap til «dine» KPL
3. Finn felles KPL
Eksempler: IA
Wireframe
Wireframes
Prototype
Prototype (og brukertest)
Brukertestpersonen vises i
hjørnet på video opptaket.
Mer eller mindre detaljert og
designet prototype
Flytskjema
Flytskjema
Eksempler: Designer
Visuell identitet
Emosjonelle verdier
Visuell prioritet
IA Designer «Warzone»
Hva er problemet?
• (peoples front of Judea?)
Listen, the only people we hate more than the Romans,
are the fucking Judean Peoples Front! Splitters!
The Peoples Front of Judea innvier et nytt medlem
• Informasjonsarkitekt
• (flyt)
12.10.2010 © MAKING WAVES 49
Hva er løsningen?
Forståelse
Kommunikasjon Prosess
Forståelse
Kommunikasjon Prosess
1. Identifisere alle krav, prosesser og leveranser (KPL) i et prosjekt
2. Ta eierskap til «dine» KPL
3. Finn felles KPL (definer «warzone»)
4. Finn områdene hvor den andre burde involveres mer (enn i dag)
«Konfliktkartet»
• Viser hvilke områder rollene har eierskap til
• Viser hvilke krav som er vesentlige for begge roller
• Viser hvilke prosesser og leveranser som kommer til å kreve tett samarbeid og dermed være kilde til konflikt
• Viser hvilke prosesser som den ene ønsker at den andre var mer interessert i (altså områder som kan dempe konflikten)
Forståelse
Kommunikasjon Prosess
Kravsanking
Analyse av dagens innhold
Konkurrentanalyse
Personas
Løsningskonsept
Navigasjonskonsept
IA grid / Wireframes / sitemap
(Prototype og brukertest)
Kravsanking/brief
Personas
Løsningskonsept
Visuelt konsept
Look&Feel / moodboards
Etablert formspråk
Grid
Designskisser
%#$&!!
Kravsanking/brief
Personas
Konsept
Visuelt konsept
Look&Feel / moodboards
Etablert formspråk
Grid
Designskisser
Kravsanking
Analyse av dagens innhold
Konkurrentanalyse
Personas
Løsningskonsept
Navigasjonskonsept
IA grid / Wireframes / sitemap
(Prototype og brukertest)
Forståelse
Kommunikasjon Prosess
Ord som en
informasjonsarkitekt bruker
ofte
Forståelse
Kommuni-
kasjon Prosess
Anbefalinger
Design uten UX, men ingen UX uten design
Forstå hva den andre rollen bidrar med
Forstå hva den andre rollen prøver å formidle
Slutt å forsøke å definere vekk behovet for den andre rollen
#1 Bli enige om leveranseform!
#1 Ha eierskap til brukerbehovene!
#2 Gjør det klart hvor ferdig skissen din er!
#2 Alltid utfordre IA-prosessen
#3 Anerkjenn kreativitet!
#3 Få klarhet i funksjon før form
#4 Sørg for enighet om hva brukeren skal oppnå på siden
#4 Sørg for enighet om hva brukeren skal oppnå på siden
Takk. Spørsmål?