Kapittel 10 Design Frode Eika Sandnes Universell utforming

Kapittel 10: Design Frode Eika Sandnes, Universell utforming av IKT-systemer: brukergrensesnitt for alle, Universitetsforlaget, 2011.

Motivasjon • Brukernes behovene må omformes til konkrete ideer • Det er mange muligheter og veivalg • Design handler om å identifisere mulighetene, utforske mulighetene og velge de veier som gir best resultat

Begrepet «design» • Design betyr forskjellige ting innen forskjellige fagfelt. – Ingeniør: design = valg av struktur, materialer og materialtykkelse for en bro (problemløsning) – Programmerer: oppstykking av programkoden (problemløsning) – Brukergrensesnittdesinger: identifisere hva som skal lages (identifisere problemstilling). • I design av brukergrensesnitt legger vi vekt på å identifisere problemstillingen, ikke problemløsning.

Teknologi og muligheter • Tolkning av problemstilling farges av de teknologiske mulighetene

Muligheter med ny teknologi • Eksempler: – Tekstbehandling (mannsaktivitet) + internett = tekstbehandling i skyen (gruppeaktivitet) – Telefon (prate) + multimediateknologi + internett = videokonferanse (prate, utveksle filer, jobbe sammen) • Ny teknologi påvirker vår adferd som gir grunnlag for nye behov og ny teknologi • Hvordan har sosiale medier påvirket vår adferd?

Idemyldring • Kreativ prosess for å generere ideer • Kvantitet av ideer er målet, alt tas med – utforske bredden • Ingen kritiske blikk på ideene • Best som gruppeaktivitet, da man kan bli inspirert av andres ideer • Deltakerne får forståelse for og eierskap til ideene som er generert i felleskap • Skal gjøres på kort tid • Behov for trygg måte å dokumentere ideer

Idemyldidring i grupper

Ideforedling Kreativ prosess for å velge ut ideer Følger etter idemyldirngsøkter Innebærer definering av kriterier for utvelgelse Ideforedling egner seg godt som gruppeaktivitet, da gruppen kan diskutere seg frem til de gode ideene • De fleste ideer er dårlige og må forkastes • Deltakerne må kunne gi og motta kritikk • •

Ideforedling

Kritikk • Å gi kritikk – Vær saklig konstruktiv • Å motta kritikk – – Ikke gå i forsvarsposisjon Ikke bli emosjonell Tenk «hva kan jeg lære her» Viktig å kunne inngå kompromisser • Å gi og ta kritikk er ferdigheter som kan læres • Ingen forbedring uten kritikk • Det er bedre å motta kritikk i en intern liten gruppe enn at et brukergrensesnitt slaktes i media

Kritikk i media

Skisser • Skisser er et verktøy for å utrykke ideer • Ofte en frihåndstekning som signaliserer «uferdig arbeid» • Kan være annoterte fotografier, videoer og annet (ingen regler) • Skissene brukes til å kommunisere ideer mellom medlemmene i en gruppe

Egenskaper ved skisser • Rask utforming – det skal være mulig å lage en skisse på kort tid (eller iallefall se slik ut). Det går ofte fortere å tegne enn å skrive. Vi vil ikke gå glipp av gode ideer som kommer og går fort. • Billige – det skal ikke koste mye å utforme en skisse • Kvantitet – vi lager ikke bare en, men mange skisser for å utforske mulighetene • Klart vokabular – vi benytter et entydig visuelt språk. • Minimalistisk – en skisse skal ikke ha flere detaljer enn nødvendig • Vag – en skisse skal antyde, ikke spesifisere, slik at det er mulighet for flere tolkninger

Hva er den beste skissen?

Tegninger • Forskjellige tegninger har forskjellige formål – Presentasjonstegning: detaljert illustrasjon av hvordan et produkt vil se ut – Teknisk tegning: viser hvordan noe virker eller skal settes sammen – Beskrivelsestegniner: viser hvordan noe skal gjøres. For eksempel, hvordan sette inn batterier i et apparat – Minnetegninger: laget for å huske ideer

En wireframe for et nettsted

Idemyldring med skisser

Skisseteknikker • Ingen regler, kun gode råd og personlige preferanser. • Begynn med blyant, strek opp med tursj • Begynn med helheten, deretter gå inn i detalj • Bruk farger sparsomt, kun for å fremheve viktige detaljer (assistert søk) • Skisser kan annoteres med tekst og piler som viser bevegelse

Tegne firkanter fort • Rekkefølgene på «strøkene» påvirker utseende Firkanter som likner sirkler

Perfekte sirkler • Øv sirkelen i luften – deretter senkes pennen Sirkel med hakk

Interaktiv panoramaskisse

Visuell historiefortelling • En skisse fanger kun et øyeblikk • Av og til nødvendig med tidslinje for å forstå en sekvens med hendelser og handlinger • Visuell historiefortelling = «tegneserie» • Enklere å forstå enn flytdiagrammer • Bruke teknikker fra tegneseriekunsten til å få frem bevegelse • Fotografier kan også brukes, men vanskelig å få til en konsistent stil

Personas • En fiktiv person • Et verkøy for å genere tankevirksomhet • Vi «ser for oss» hvordan denne personen bruker systemet • Kan brukes til å avdekke nye sider ved systemet og problemer • Kan brukes til å kommunisere designvalg til personer som ikke er med i designgruppen • Utformet som en enkel CV med et personliggjørende sitat og fiktivt foto for å gjøre personen mer levende

Videoskisser • Videoskisser kan brukes til å illustrere fremtidsvyer • Det er lettere å forstå en video enn en muntlig eller skriftlig beskrivelse • Realiseres med teknikker fra science fiction for å skape illusjoner for teknologi og situasjoner som ikke eksiterer i dag • Viktig for å få mennesker til å jobbe i samme retning mot samme mål. • Er gøy og genererer spenning og entusiasme

Bilder fra videoskisse (se bokens nettsider)

Miming • For eksempel. For videoskisser på berøringsbrukergrensesnitt kan man benytte miming • Først lages en video av et brukergrensesnitt som tilsynelatende fungerer – dette kan være tegnefilm. • Deretter mimer hovedpersonen oppå en video av brukergrensesnittvideoen som spilles av. • Bøying av objekter….

Triks • Neste eksempel er laget av tre studenter. • De laget en film om en informasjonstavle for trikken. Tavlen eksisterte ikke. • Tavlen ble limt inn på veggen i photoshop i et stillbilde. • Når dette bildet ble passert inn i filmen virker det som at det er bevegelse.

«Science fiction» effekter

Lyd i video • Lyd er ofte den vanskeligste delen av video • Bruk så godt utstyr som det er praktisk å få tak i. • Plasser mikrofoner så nær de som snakker som mulig, bruk gjerne egne lydopptakere, og miks inn lyden med video senere. • Behandl lyden i etterkant med blant annet kompressor.