Interaction ‘09 Irrational behavior

Keynote med Robert Fabricant fra Frog Design begynner med følgende budskap:

Interaction design is not about computing technology

Technology is not our medium - behaviour is

Datamaskiner brukes for mye som eksempler på hva teknologien kan gjøre, vi låser oss selv til teknologiens begrensninger.

Robert Fabricant, av Shoobe på flickr

Interaksjonsdesigner har en universell tiltrekning til datavisualisering. Han viser eksempler fra sitt eget liv og hvordan han forsøker å illustrere sitt eget familietre med penn og papir. Det er akkurat som om interaksjonsdesignere har et gen som handler om å overføre informasjon til visuelle fremstillingersom skal gjøre informasjonen lettere å forstå. Dette preger også arbeidet vårt.

Han viser flere eksempler på teknologi som skal gjøre hverdagen bedre og hvordan denne preges av grafer, tabeller og tall. Noen forsøker å lage nye metaforer, han viser “grønn teknologi” og bruken av trær, planter og blader til å visualisere friskt, sunt, miljøvennlig, osv.

Frog Design har jobbet med en dings som skal hjelpe brukeren å stresse ned. Dingsen monitorerer fysiologiske data som hjerteslag over tid og skal gi feedback til brukeren om stressnivå.

I dette arbeidet møtte de problemer med å motivere brukerne. Uansett hvor mye arbeid de la i den visuelle presentasjon av stressnivået til brukeren, klarte de ikke å motivere til bruken av den. Metaforene de hadde brukt - fra grafer og diagrammer til fugler, skyer og trær - fungerte ikke. Brukerne likte det de så, men de fikk ikke brukerne til å ville bruke den.

Hvorfor ikke?

Arbeidet ble gjort etter en tradisjonell modell basert på sporing av data, måling og analyse: Hvordan presentere informasjon og data på en forståelig måte? Dette fungerer ikke for slike tjenester/produkter.

Vi trenger en ny modell, fortsetter han og viser bilder av:

  • neglelakk som smaker vondt
  • en sykkelsti hvor lys i bakken viser hvor veien går
  • stikkontakter som ser ut som gullrøtter med det grønne som vokser ut ettersom den blir stående i stikkontakten

I arbeid med design er det viktig å bruke effekter som folk kan oppfatte.

Han viser et speedometer hvor nålen bøyer seg når du kjører lite effektivt - det er et ekstremt tydelig design, fordi nålen oppfører seg unormalt.

Alternativt design av speedometer, av Shoobe på flickr

Hvorfor ikke bruke et bilde av ansiktet til Dick Cheney på en strømkontakt som forteller om strømforbruket ditt - “han har gjort så mye skadelig for oss.” For å demonstrere hvordan slike plugger er designet i dag viser han et stikkontakt med et display hvor en bitteliten stjerne skal fortelle brukeren at han er flink.

Belønnings-stjerne hos Ambient's energyjoule

Designere må lage bedre belønningssystemer enn det… Ikke skrem brukerne, men gi de belønninger. I hverdagen får vi belønning i enkle ting som kaffe, alkohol og nikotin. Designere må arbeide for å redusere kompleksiteten i budskapet sitt, vi er faretruende nær å overvelde brukere med informasjon.

Så snakker han om Consumer Driven Health Care og patientslikeme.com. Slipp styrken til forbrukerne løs ved å inkludere de. Vi er sosiale vesener, la folk sammenlikne seg med hverandre.

Hva med å gi en oversikt over strømforbruket ditt sammenliknet med resten av nabolaget? Ikke hvordan du står i forhold til resten av nabolaget, men hvordan du forbruker strøm i forhold til de som er flinke i nabolaget ditt. Det er motiverende.

I sosialomsorgen er det mye snakk om hvor viktig ringen av mennesker rundt pasienten er. Disse må også inkluderes i helsearbeidet fordi de blir påvirket av pasientens situasjon. Det er viktig både for pasienten og for menneskene rundt.

Gammel modell: sporing, måling og analyse (tracking, measurement & analysis)

Ny modell: aktualitet, innflytelse og omfang (immediacy, influence & impact)

I jakten etter en modell som beskriver disse tankene bedre kom han over Jess McMulling sitt rammeverk.

Hvordan kan vi måle omfanget av det vi gjør?

Han forteller om Prosjekt Masiluleke. Designarbeidet hadde som hensikt å gjøre det enklere for Sør-Afrikanere å teste seg for hiv, både sosialt og praktisk, slik at helsemyndighetene kan gjøre opplysningsarbeidet enklere og følge opp smittede bedre. De har tidligere hatt problemer med å nå ut til særlig menn, noe prosjektet har gjort enklere. Historien er sterk, han gir mye plass til den i foredraget.

Budskapet er at design kan og bør påvirke, og at det er menneskers adferd og oppførsel som er vårt medium.

Sustainability: our problem

Fabricant tok videre det John Tackara fokuserte på i sitt foredrag: bransjen må fokusere mer på nye designemner med bærekraftighet som hovedmål. Prosjekt M var et godt case i så måte. Fabricant var praktisk og inkluderte flere tanker og problemer de hadde hatt underveis i foredraget sitt. Selv om ikke alle prosjekter vil ha likt omfang som Prosjekt M eller de prosjektene Tackara mener designere bør konsentrere seg om, har Fabricant gode innspill på hvordan involvere brukere i design av engasjerende tjenester og produkter, og hva som skal til for at de motiveres for å ta disse i bruk.

Foredraget var først og fremst inspirerende, i takt med de linjene hovedforedragene hadde. Med det var også en idévekker i forhold til hvordan alt fra lokale tjenester som vektklubber og klimaklubber, til helseinformatikk, kommunal resirkulering og enøk-tiltak kan utformes. Og hva som skal til.

Har du kommentarer eller spørsmål til oppsummeringene, legg gjerne igjen en kommentar…

Interaction ‘09 workshop: Drawing ideas

Workshoppen ble holdt av Mark Baskinger fra School of Design ved Carnegie Mellon University og William Bardel fra Luminant Design, og hadde som mål la oss:

  • Bli introdusert til designskissing
  • Utforske hva designskissing er og hvordan det er forskjellig fra kunsttegning
  • Lære quick and dirty teknikker for å vise mennesker, ting, steder og idéer
  • Bli kjent med scenarioskissing
  • Ta del i et prosjekt med gruppetegning

Jeg har aldri vært god med pen og papir (bokser og piler, ok pluss; mennesker og steder, under ok minus) så dette var etterlengtet. For noen kunne denne workshoppen virke noe banal, men det var både teknisk datautdannede, designere og tradisjonelt kunstutdannede tilstede. Kanskje noen hadde godt av en oppfriskning?

Jeg tok ikke mange notater, men rakk å gjøre mange streker. Å skisse var tross alt hovedbudskapet.

Dette lærte jeg:

  • Varm opp før du skal tegne
  • Hold blyanten/pennen løst i hånden
  • Tegn ved å trekke blyanten inn mot kroppen, pull - ikke push
  • Øv deg på å tegne rette streker, rektangler, kuber, sirkler, elipser, sylindre og elipser
  • Samme om du tegner sirkler mot eller med klokken, la pennen flyte over arket 2-3 ganger før du setter ned tuppen
  • Ha en skissebok med deg overalt
  • Tegn hele tiden
  • Skissing er prosess

Å tegne kuber i dimensjon er visst hyperviktig å kunne. Du øver deg på å skisse i dimensjon ved å øve på enkle kuber, og det vil hjelpe deg å kunne visualisere dimensjoner i f.eks. scenarioskisser.

Det er viktige at alle som jobber med design kan å tegne mennesker (Mark). Klienter som ser en som jobber med design tegne strekmennesker, tenker: “Det der kan jeg også gjøre”. Derfor øvde vi på tegne mennesker tegne annerledes mennesker.

Når du skal tegne storyboards/scenario:

  • Hva er bevegelsene?
  • Hva er produktaktiviteten?
  • Hva er proporsjonene?

Se etter:

  • Viktige øyeblikk: hovedhandlinger, definable, designable
  • Sekvens: interaksjoner over tid
  • Anvendelser: recording/capturing key moments
  • Visuell historiefortelling: begynnelse, midten, slutt

Tegn i flere nivåer: bruk det språket du trenger
Etabler et språk for seeren: ikoner, bilder, bevegelser.
Tenk inngangspunkt og retning: stort og tydelig hvor du begynner

Skiss gjerne små miniatyrer før du begynner på større tegninger, visualiser deg for deg og tilfør det som trengs for å få frem budskapet.

Vi fikk et ark som kunne vært til hjelp når man arbeider med scenarioskissing. Arket (se bildet) har tre kollonner, hver med rader for ulike oppgaver. Oppgavene er hensiktsmessige både i prosessen med å visualisere et scenario, men også til å kunne kommunisere mellom hverandre hvis man er flere som arbeider. Siden oppgavene er en sekvens, skriver jeg de ned her, du trenger ikke arket for å jobbe på den måten.

Events: List out the key points of interaction that can be design for
Inventory of elements: List the key objects, people, elements, that shape this interaction
Statement:Write a brief summary statement to focus and inform the sketch
Sketch: Draw this interaction from a key viewpoint. Integrate people, elements, objects and context to creat a compelling scene
Alternative view thumbnail sketches: Draw this interaction from multiple angels. Play with scale, cropping, proximity and detail

Denne workshoppen var akkurat så hands-on som jeg håpet den var. Selv om jeg ikke tegner hver dag, tenker jeg at jeg har blitt litt flinkere til å tegne. Vil legge til at foredragsholderne brukte også mye foto i arbeidet sitt med å forstå aktiviteter og å gjengi de. Men for å bli god til å skisse, må man øve.

Nedenfor er resultatet av vår gruppetegning. Vi er lei av å måtte vaske klær (selvsagt), men hvorfor må man ha i vaskemiddel for hver vask? Dette var et steg av en idé om at vaskemaskiner bør ha en vaskemiddeldispenser som posjonerer riktig mengde vaskemiddel og at man bare trenger å fylle den med vaskemiddel ca. en gang i måneden.

Interaction ‘09 workshop: Skjemadesign med Luke W

Luke Wroblewski jobber hos Yahoo og har skrevet boka Web form design. Boka beskriver flere best practice i utforming av skjemaer på web basert på omfattende forskning fra teamet med og rundt Wroblewski.

Han er skikkelig god på eksempler og er flink til å vise hvordan ting kunne vært gjort annerledes i stedet for la det være med kritikken på skjema han kommer over. Han la opp sesjonen slik at vi fikk presentert et skjema og litt tid til å ramse opp mangler og feil ved det. Gjennom resten av foredraget hadde vi deretter bingo. Jeg vant en utgave av boka hans. Yay!

Nedenfor lister jeg opp notatene mine fra best practice presentasjonen og lenker til relevante ressurser.

Path to completion

  • Skap en tydelig sti mot ferdigjøring
  • Bruk progresjonsindikatorer for å kommunisere omfang, status og posisjon
  • Hvis det kreves betydlig tid eller oppslag av informasjon, vurder å bruke en startside
  • Bruk mer generelle progresjonsindikatorer for skjemaer med variable sekvenser

Hovedmålet med skjema er å fullføre det, det er viktig med en tydelige skannelinje, både for at brukeren ikke skal gå glipp av input og fordi du ved å se skjemaet skal få en oversikt over hva som forventes. Han forteller om en google-folklore som forklarer hvorfor de har en footer nederst på siden: Hvis det ser ut som om siden fortsetter nedeover, skroller gjerne folk. Hvis det ser ut som om siden er sluttet (med en footer) skroller ikke folk. Google satte inn en footer fordi folk trodde at nettstedet brukte ekstremt lang tid på å laste inn, siden den var veldig stor og hvit med uvant lite innhold (gamle dager).

Label alignment

  • For å redusere tiden til ferdigjøring og datainput er kjent: top-justert
  • Når vertikal skjermplass er en begrensning: høyre-justert
  • For ukjent eller avansert dataoppføring: venstre-justert

Se bloggpostene om justering av labels og labler inne i inputfelter.

Help & tips

  • Minimer mengden med hjelp og tips som kreves for å fylle ut et skjema
  • Nærliggende og synlig hjelp til en dataforespørsel er mest nyttig
  • Når folk kanskje er usikre på hvorfor og hvordan svare, vurder et automatisk inline system
  • For komplekse eller gjenbrukte skjemaer, vurder bruker-aktiverte systemer
  • Bruk inline hjelp om ikke du har mye hjelpinnhold (tekst, grafikk, diagrammer)
  • Bruk en konsistent hjelpseksjon hvis du har mye hjelpinnhold

Bruk gjerne mouseover for å vise forklaring til feltene eller dynamiske input-hjelpetekster som hos Wufoo. Bruk pop-up vindu hvis det er mye hjelpetekst, eller seksjoner som hjelp-funksjonen til Windows. På en tidligere versjon av eBay fikk du 18 (!) forskjellige hjelp-innganger når du skulle selge et produkt.

Inline validation

  • Bruk inline validering til input som har potensiell høy feilrate
  • Bruk foreslått input for å fjerne uklarhet
  • Kommuniser begrensninger

Han viser eksempel fra opprettelse av bruker på Twitter. Hvordan du får beskjed om hvor kraftig passordet ditt er, er et annet eksempel. Hvordan de gir brukerne tilbakemelding i Yahoo Answers er et eksempel på god feedback.
Eksempel på inline validation hos Yahoo Answers

Primary & secondary actions

  • Unngå sekundær-funksjoner hvis det er mulig
  • Imotsatt fall, ivareta en tydelig visuell forskjell mellom primær- og sekundær-funksjoner
  • Sammenstill primær-funksjoner med input-feltene for en tydelig sti mot ferdigstilling

Primary action er den viktigste detaljen på skjemasiden, den må stikke ut. Separer den fra andre, bruk farger og tekstlenker for å skille. Hans forskning viser at det er veldig naturlig for brukeren å trykke første knappen nede til venstre. Veldig få trenger å gå tilbake i en wizard, se bloggposten om plassering av knapper.

Actions in progress
Du trenger ikke en egen valg-boks til å huke av at brukeren godtar avtalen, eller lignende, la det være en del av submit-aktiviteten. Ikke deaktiver submit-knappen, la den være synlig hele tiden.

Errors

  • Kommuniser tydelig at en feil har oppstått: topplassering, med visuell kontrast
  • Sørg for at feilene får handlingsgivende hjelpemidler for å rette opp feilene
  • Assosier aktuelle felter med primær feilmelding
  • “Fordoble” the visuelle språket der hvor feil har oppstått

De må være synlige, gi god hjelp og bruk dobbelt visuelle formateringer, både farge og tyngde. Husk at noen brukere er fargeblinde. Toppnivå beskjed samt en indikering på hvilket felt det gjelder.

Unnecessary inputs
Fjern unødvendige inputfelter. Du trenger foreksempel ikke oppgi hvilket kredittkort det skal betales med, da tallene på kredittkortet gir denne informasjonen. Se bloggposten om internasjonale adressefelter i webskjemaer. Trenger en bruker oppgi både fullt navn, epostadresse og lage et brukernavn ved førstegangsregistrering av en tjeneste? Nei, rensk bort og ta hensyn til det viktigste.

Form organizations

  • Ta deg tid til å evaluere hvert spørsmål du spør
  • Forsikre deg om at skjemaet snakker med en stemme
  • Etterstreb konsistens
  • Hvis et skjema naturlig brytes opp i noen få korte emner, bruk én nettside
  • Hvis et skjema inneholder et stort antall spørsmål som bare relaterer seg til hverandre med få emner, prøv sammensatte nettsider
  • Hvis et skjema inneholder et stort antall spørsmål relatert til et enkelt tema, bruk en lang nettside

Ikke vreng organisasjonen i et skjema. Før en samtale med brukeren. Han demonstrerer hvordan et enkelt kontakt oss-skjema kan gå fra fint til forferdelig etter at forskjellige avdelinger av en organisasjon får være med å forme det.
Eksempel på hvordan et skjema preges av avdelinger i en organisasjon

Gradual engagement

  • Prøv å unngå registreringsskjemaer
  • Reflektér tjenesten din sin hovedessens gjennom enkle interaksjoner
  • Gjør folk vellykket med en gang
  • Hvis du autogenerer kontoer, forsikre deg om at de er enkelt tilgjengelig
  • Ikke fordel de forskjellige inputfeltene til et registreringsskjema over sammensatte sider

Dependent inputs

  • Hvis det er mange avhengige inputs, bruk side-nivå
  • Vertikale og horisontale faner yter like bra, men har utfordringer ved gjensidig utelukkelse
  • Lang liste med innledende inputs, få avhengige inputs for hver, bruk drop-down meny
  • Short list of initial options og få avhengige, exposed inline.
  • Oppretthold et tydelig slektskap mellom innledende valgmuligheter
  • Assosiér tydelig supplerende inputs med trigger-input
  • Unngå “hopping” som atskiller innledende valgmuligheter

Additional inputs

  • Planlegg supplerende inputs etter prioriterte brukeres behov
  • Mest effektivt når det er brukerinitiert
  • Unngå overdreven hopping mellom sider
  • Sørg for veier ut
  • Oppretthold en konsistent tilnærming

Tanker om fremtiden
Huffduffer bryter helt med skjemeoppstillingen og lar brukeren registrere seg gjennom tekst (lose the form factor).
Hvordan huffduffer har designet registreringsskjema

Sign up forms must die

Nettjenester bør engasjere brukerne, forklar og vis tjenesten, la registreringen være resultatet. La folk begynne å bruke tjenesten din med en gang.

Han demonstrerer ulike familitrenettsteder og hvordan geni.com gjør det annerledes og bedre fordi de lar brukeren begynne å lage et familietre med en gang. Første handling knyttes til det du egentlig vil lage/har kommet til nettstedet for å gjøre
Registrering hos geni.com

Tilsvarende jumpcut.com, hvor du lærer tjenesten ved å bruke den (nå er riktig nok jumpcut lagt ned…). Patientslike.me har også en annerledes og god start på tjenesten, du velger ditt utgangspunkt og får registreringsvalget senere
Hvordan patientslikeme.com lar deg teste innholdet.

Tripit er en annen tjeneste du lærer ved å bruke: send reiseplanene til de på epost og du får inntrykk av hvordan tjenesten virker.

Han mener også at tjenester bør bli flinkere til å finne “smart defaults”, altså forhåndsutfylte valg som dekker 80% av tilfellene. Særlig reiseselskaper kan bli flinkere til dette, enten ved å lese hvor den besøkende befinner seg og foreslå det som utgangspunkt, eller huske “typiske reisestrekninger” brukeren gjør.

Han nevner videopplastning på youtube som et eksempel på veldig godt skjema der de har forstått brukerens aktivitet. Dette skjemaet var et skjemavelde før, tungvindt og omfattende, hvor masse detaljer om videoen skulle fylles ut før du fikk laste opp videoen. Nå har de snudd helt og ber de laste opp videoen med en gang. Mens den laster i bakgrunnen fyller du ut de elementære feltene, og kan velge å legge til mer informasjon når videoen er ferdig lastet. Youtube har revidert dette skjemaet i 3 år.

Han har holdt foredrag om skjemadesign i mange sammenhenger, og selv om jeg ikke hadde lest hele boka, kjente jeg til resultatene fra arbeidet deres blant annet gjennom bloggen hans. 4-timers workshop i skjemadesign forventet jeg dermed hadde litt flere elementer ved seg enn oppramsing av best practice, og var derfor litt skuffet at vi ikke hadde mer hands-on praktiske oppgaver. Men han har som nevnt gode eksempler og best practice er veldig nyttig i skjemadesign fordi det er ofte veldig konkret.

Vi fikk stille spørsmål og diskutere momenter. Han passet på å føye til “it depends…” ofte både under presentasjonen og diskusjonen fordi skjemadesign er ikke rett frem. Og som han sa: “Jeg får ofte spørsmål fra folk som sier at disse best practice ikke går an å bruke på deres skjemaer, fordi skjemaene er skikkelig kompliserte. Hvis du tenker at du gjør noe skikkelig komplisert og står fast ved det, har du i utgangspunktet et problem. Du må i tilfelle jobbe ekstra hardt for å gjøre det enkelt.”

Se også eksempler fra presentasjon han har gjort tilgjengelig tidligere på bloggen sin (pdf).

Interaction ‘09 workshop: Design Studio

Jeanine Harriman og Liya Zheng fra Liquidnet satt opp denne workshoppen for å motivere deltakerne til å ta del i prosesser utenfor selve designarbeidet, eller: ta del i de prosessene som er med på å legge utgangspunktet for designarbeidet. De hevder designere er like gode kreativt skapende og beslutningstakere av forretningsløsninger og tjenestedesign, som de som typisk har en slik rolle i en bedrift. Motivasjonen for workshoppen var å demonstrere for deltakerne hvordan dette kunne gjøres og at vi får det til.

Da jeg satte meg opp på denne workshoppen hadde jeg en idé om at opplegget var en øvelse i forstå hvordan ulike ansatte i et typisk design studio samarbeidet, med utgangspunkt i den forskjellige bakgrunnen disse ofte har. Det er praktisk erfaring jeg kunne tenke meg innblikk i.

Istedet fikk vi presentert et rammeverk for hvordan designere kan involvere seg, og tre forskjellige case vi skulle gjøre en kreativ løsning på. Vi parret opp med sidemann (Ben) og med oppsatt timeplan skulle vi brainstorme en idé og presentere den for resten av workshoppen.

Første runde lagde vi en tjeneste som skulle hjelpe en butikk-kjede tenke markedsføring gjennom ‘service journey’ med fasene “awareness, triggered to shop, decides destination for shopping, browse, shop and reflection on the purchase”. Vi mente problemene knyttet til disse fasene kunne skiftes ved å etablere et ’social network of shopping’.

Andre runde fikk vi presentert ulike fremtidsscenarioer, som gjorde at vi kom opp med en hjelm (produkt) og smartwear klær som fulgte med en reisebestilling (tjeneste). Nifty.

Budskapet deres om at designere bør delta i arbeid med produkt - og forretningsløsninger er godt, men jeg tror ikke jeg forstod helt problematikken, jvf. mine forventninger. Samtidig var casene deres store og veldokumenterte, men det fantes ikke tid til å sette seg ordentlig inn i det. At scenariobasert tenkning er viktig også for IxD-arbeidere, og at ‘service journey’ er et buzz-word tar jeg med meg.

Workshoppen for min del mest en øvelse i å tenke kreativt, fort, tegne og presentere en idé (elevator pitch) - på engelsk. Skulle bare ønske jeg hadde hatt skisse-workshoppen først: Det var ikke vanskelig å se at de som behersket visuell fremstilling av en idé også klarte å involvere resten av workshoppen i sine tanker. På en annen side var denne workshoppen en nyttig erfaring å ha før man skulle lære seg å tegne. I tillegg ble jeg kjent med flere allerede første sesjon.

NTNU har stort fokus på enterpenørskap, og tilbyr flere emner hvor det å tenke forretning rundt en idé får plass. Eksperter i Team og kundestyrtprosjekt er emner hvor studentene får ta del i mye av den prosessen jeg tror Design Studio ønsket mer engasjement rundt. Ønsker du øvelse i slike presentasjoner og kreative krumspring, kan Start NTNU sine workshopper anbefales. De gir god øvelse i både å tenke kreativt, og å presentere en idé for andre.

En uke før Interaction ‘09

Før jul vant jeg IxD-stipendet til BEKK og får reise med de til konferansen Interaction ‘09 i Vancouver 4. februar.

Konferansen arrangeres for andre året av Interaction Design Association (IXDA) og er blitt et viktig samlingspunkt for interaksjonsdesignere. Chris Baum hos Boxes and Arrows kommenterer:

[...] I feel like I haven’t done enough to let people know how great the conference was. Here we are, two weeks from to Interaction 09 in Vancouver, and I feel nostalgic about last year and realize that I will miss not being able to go this year [...] Interaction is fresh, vibrant, and takes a usefully different perspective on the issues we encounter every day. I know I’ve designed differently because of that experience.

Programmet er veldig spennende. Jeg får med meg en workshop med Luke Wroblewski i skjemadesign (litt skuffet over at den går samtidig med “Designing for Touch screens and Interactive Gestures” med Dan Saffer), og workshop’ene:

  • Drawing Ideas med Mark Baskinger og William Bardel, gir en inføring i sketching og quick’n dirty triks for å tegne mennesker, steder, ting og idéer. Ja, jeg er ikke så god til å tegne…
  • Design Studio med Jeannine Harriman og Liya Zheng, har som mål å gjøre oppmerksom på hvordan ulike designtilnærminger kan gi ulike løsninger og hvor viktig det kan være å angripe en problemstilling på en annen måte enn du er vant med.

I tillegg til keynotes med bl.a. Kim Goodwin, Dan Saffer og Jared Spool (with friends), er det en rekke korte sesjoner. Av de jeg har sett meg ut til nå vil jeg nevne:

Interaction ‘09 bruker CrowdVine til konferanseprogrammet og som sosial programvare for deltakerne, noe Webdagene også hadde god erfaring med i fjor. Jeg har laget en oversikt over programmet jeg kan tenke meg å få med meg, men vet ikke om den er endelig eller om jeg rekker alt.

Jeg har savnet blogging fra konferanser av norske bloggere og vil prøve å blogge fra konferansen selv. Erfaringen min fra Webdagene var at liveblogging tok mer tid enn jeg først antok. Om ikke det kommer bloggposter under selve konferansen, vil jeg skrive om erfaringene i etterkant.

iallenkelhet.no har en fin oversikt over kommende konferanser i 2009 (men hvordan kunne de glemme Interaction ‘09?) og brukskvalitet.no har en god oversikt.

Vil du se programmet for Interaction ‘08 finnes det også video fra enkelte av foredragene tilgjengelig. Luke W skriver om workshopen han skal holde på bloggen sin.

Konferanser handler om å møtes, dele og delta. Skal du på Interaction ‘09 eller har tips om noe du synes jeg burde få med meg, ta kontakt på epost eller legg meg til på Twitter.

Legg igjen et notat her

Kan steder ha informasjonsskygger? Hva er en god gateway til denne informasjonen? Hvordan lagre og fange steders informasjonsskygger?

Brightkite er et lokasjonsbasert sosialt nettverk hvor du kan se hvor vennene dine befinner seg og hva de gjør.

Det som fascinerer meg med Brightkite er muligheten til å legge igjen notater og bilder på lokasjoner slik at andre kan se, lese og kommentere disse.

Hvordan designe tjenester uten å være:

  • avhengig av en kritisk masse av brukere for at brukerne selv skal oppleve tjenesten som nyttig til eget bruk?
  • bundet til proprietær teknologi?

Brightkite, gratis wifi-tips om Bøker og Børst, Stavanger

Brightkite, tips om god kaffe, Damplassen, Oslo

Brightkite, tips om når du bør gå på Godt Brød en lørdag, Trondheim

Brightkite, kake på Pascal, Oslo

Oppdatering: NRKbeta skriver om Hvor er du?-tjenester og brightkite.

Webdesign-trender for 2009

Glimrende Smashing Magazine gjør en oppsummering av trender innen webdesign for 2009, sammen med skjermklipp av smakfulle eksempler:

Jeg gjør et klipp-og-lim-utvalg basert på egne preferanser.

Rich User Interfaces

Happily, user interfaces in modern websites and Web applications are becoming more beautiful and more usable. [...] many modern user interfaces display intuitive visual clues to communicate the status of a user’s interaction with the system. For instance, upon being clicked, event buttons often change their appearance from a “normal” to a “pressed” look, confirming and providing immediate feedback on the user’s interaction with the system. Aside from this, more and more services are now able to be personalized by the user: for us, it’s a clear sign that adaptive user interfaces are coming in 2009.

mobileme date selector rich UI example

Modal Boxes (Lightboxes)

Modal boxes (dialog windows) are, essentially, the second generation of pop-ups. They serve as a user-friendly alternative to classic JavaScript windows and support users by focusing their attention on the most important area of the website. Modal windows are always triggered by a user action (e.g. signing up or logging in) and appear on top of the main content, like a window in a regular desktop application. Modal windows are often presented in a very subtle way: they are often semi-transparent and have a “Close” button.

Grooveshark Lightbox example

One-Page Layouts

An alternative route that designers often take to impress their visitors is using so-called one-page layouts: layouts that use one single page to present the content of the website. It doesn’t necessarily mean that these designs are minimalistic (adhering to the principle “Less is more”).

taptaptap one-page layout example

Multi-Column Layouts

A design with multiple columns (3+ columns) is not necessarily a complex design. On the contrary, when designed properly, multi-column designs can be really helpful to visitors because they are given (hopefully) a better overview of the available navigation options and can more quickly find the information they are looking for.

31three three column example

More White Space Than Ever

White space dominates many designs and is used generously to improve the flow of articles and structure of websites.

In fact, we have never seen so much padding in content areas and navigation menus. Padding of 20 to 25 pixels in the wrapper and content area is becoming a rule of thumb, and even more padding is often considered acceptable. Hopefully, this development is here to stay.

werck whitespace example

Dynamic Tabs

One of the most popular trends in interactive design is having a tabbed area whose content can be changed dynamically. The idea behind dynamic tabs is that the content of all tabs is loaded when the page is loaded, but only one part of the content is displayed at a time

xpressionengine dynamictabs example

« Forrige sideNeste side »