IxDinteraksjonsdesign

3

GrensesnittIxD elementer

Nå skal vi se nærmere på grensesnitt og andre elementer som preger interaksjonsdesign.

Først ut er det grafiske grensesnittet. Vi kjenner alle dette fra PC’en. Et desktop GUI består av vinduer til å vise innhold, ikoner til å representere innhold, menyer for å liste funksjoner, håndtak for å justere vinduer, og widgets, som lar oss endre verdier med slidere, radiobokser og lignende.

Menyer

• Visuell oversikt over alle funksjoner

• Tydeliggjør hierarkiske sammenhenger

• Husker på vegne av brukeren

Dropdownmenyer er en visuell fremstilling av alle funksjoner i et gitt program. - De tydeliggjør de hierarkiske sammenhengene mellom funksjoner ved å gruppere og sortere dem. - Og ikke minst gjør menyer det lett å huske kommandoer og funskjoner.

Ikoner

• Snarvei for mye brukte funksjoner

• Visuell påminner

• Forklarende visuelle metaforer

Ikoner brukt i programmer er snarveier for mye brukte funksjoner, - og en visuell påminner om en mulighet. - Ikoner er visuelle metaforer som kan forklare en funksjon på en lettfattelig måte

Det skulle være lett å se hva disse gjør. Gode metaforer tar utgangspunkt i abstrakte symboler, fremfor konkrete avbildninger.

Hva gjør denne?Hvor mange har brukt en?

Hva gjør for eksempel dette ikonet? - Hvor mange har faktisk brukt en floppy disk? Det konkrete blir fort foreldet, spesielt når det gjelder teknologi.

Standarder

• Standarder nødvendig

• Enkelt å ta i bruk nye produkter

• Infrir forventet respos

• Gradvis evolusjon

Et mye diskutert tema er standarder. Standarder er nødvendig for - å gjøre det enkelt å ta ibruk nye produkter, og - for å innfri forventet respons. - Interaksjonsdesign er likevel en stadig forbedring, en konstant evolusjonsprosess etterhvert som teknologi og metoder forbedres.

“ Obey standards unless there is a truly superior alternative”

- Alan Cooper

men regler er som kjent til for å brytes, men når? “Obey standards unless there is a truly superior alternative”. Av og til ser en muligheten til å gjøre ting på en måte som virkelig forbedrer brukeropplevelsen. Det er slik interaksjonsdesign beveger seg fremover.

Tilpasningsdyktig

• Smarte løsninger tilpasser seg brukeren

• Skreddersøm: Endre utseende

• Personifisering: Endre preferanser

• Tilpasning: Endrer form/innhold/features

• Hacking: Innovativ bruk av produktet

Avanserte løsninger i dag er mer enn bare kvalifiserte gjett om hva brukeren ønsker og trenger. De er i stand til å tilpasse seg brukeren. Dette gjøres på flere måter: - Skreddersøm lar brukeren endre utseende på siden (MySpace) - Personifisering lar brukeren endre preferanser for hvordan siden skal oppføre seg - Automatisk tilpasning endrer hva som vises, og hvordan, basert på bruksmønster etc - og til sist Hacking, hvor brukeren selv tar i bruk løsningen på innovative måter.

Hacking

• Tilpasning av et produkt til en oppgave den ikke var tiltenkt

• Brukere er minst like kreative

• Eksperimentering

• Sosial/politisk statement

• Personliggjøring av teknologi

• Et godt produkt tar høyde for dette

• Synliggjøre sømmer gjennom åpne API’er

Hacking er et slitt begrep, men det er oftest ikke snakk om annet en veldig, veldig dedikerte brukere. Brukere som er villige til å perfeksjonere produktet med egne hender. (punkter)

Hacking

Stuff

Services

Skin

Structure

Site

Fast layers

Slow layersStability and continuity

Frequent an easy changes

Blog posts, configuration

Customer service, prices

Look and feel, cases

OS’es, functionality, CMS

Databases, servers, hardware

Et system som viser sømmene, som åpner opp for å la brukere hacke seg frem bygger ofte en lagdelt løsning, hvor ‘sømmene’ ligger åpent tilgjengelig på toppen, mens de lukker kritisk funksjonalitet i bunnlagene. Eksempler på dette er (på den lovlige siden): Firefox plugins og Facebook apps, (og på den mindre lovlige siden) homebrew-programmer til PSP og iPhone

“ e street has its own uses for technology”

- William Gibson

Det er egentlig ikke snakk om å gi fra seg kontrollen. Det er snakk om å gi brukerne muligheten til å gjøre produktet til sitt eget, på måter du ikke kunne forstille deg.

Uten ansikt

• Informasjon blir allestedsnærværende

• Ikke lenger bare øye og hånd:

• Stemme (begrenset i offentlige rom)

• Gester (multitouch, tilt)

• Tilstedeværelse (bevegelsesensorer, GPS)

Så langt har vi fokusert på visuelle grensesnitt. Men informasjon er på vei til å bli allestedsnærværende, og vi begynner å interagere med den på andre måter enn gjennom PC’en. - Dette gjør at vi beveger oss vekk fra den tradisjonelle skjermen og musen, og mot grensesnitt preget av - stemme, selv om talekommandoer har sine begrensninger i det offentlige rom - gester, som multitouch og tiltsensorer - og tilstedeværelse, registrert gjennom bevegelsessensorer og GPS. Dette gir uante muligheter (og utfordringer) for interaksjondesign

Remix

• På terskelen til nettverkssamfunnet

• Sosiale samfunn (Facebook)

• Kollektiv sammenligning (Amazon)

• Sanntids-tilgang (NYSE)

• Enkel posting av egne data (Youtube)

• Aggregering av datakilder (Google News)

En annen viktig endring er overgangen til nettverkssamfunnet. Vi konsumerer ikke lenger, vi produserer informasjon og opplevelser Sentrale elementer i vår Remix-kultur er ... (liste)

Remix

• Økt kompleksitet vs brukervennlighet

• Hvordan vil det bli designet?

• Distinkte websider -> aggregering og remix

• brukerdefinerte filtre og agenter

Remix-kulturen er også en stor utfordring. Den innebærer en voldsom økning i kompleksitet, samtidig som kravene til en intuitiv brukeropplevelse øker. - Dette er en oppgave for interaksjonsdesigneren. - Vi går fra isolerte websider til en aggregering og remix av info - basert på brukerdefinerte filtre og agenter. Disse begynner å bli enklere å bruke, men det er et godt stykke igjen ennå....

Remix

P3’s Twitterfeed via Yahoo Tubes

Dette er P3 sin Twitterfeed, generert med filtre på Yahoo Tubes. Utgangspunktet er RSS-feeds, Twitterkontoer etc fra forskjellige deler av nettet. Alt samlet i Tubes, og presentert som en newsticker på P3’s nye nettTV.

web 3.0?

• Det semantiske internett

• 2.0: Leses av mennesker, ikke maskiner

• 3.0: Når maskiner forstår innholdet

Dette brukerdrevne, remixbaserte nettet blir ofte kalt web 2.0. Men hva blir web 3.0? Hvis vi spør Tim Bernes Lee, mannen som fant opp web 1.0, svarer han Det semantiske internett. - for dagens nett forstås i beste fall av mennesker. Maskiner har ikke sjangs. - Web 3.0 er et nett hvor informasjonen er tilstrekkelig godt beskrevet, eller tagget, til at maskiner forstår innhold og kontekst, og kan tilby semantiske søkeresultater, og sette sammen innholdet på nye måter.

IxDinteraksjonsdesign

3

FremoverIxD i morgen

Nå skal vi se enda litt lengre inn i krystallkulen. Hvordan antar man at internett har utviklet seg om et par år, og hva innebærer det for interaksjonsdesign?

"e future is already here - it is just unevenly distributed"

- William Gibson

Det første vi gjør er å se på det som allerede er her. Hva drømmes det om, i filmer, spill etc?

Visjonen: The Minority ReportVideo link: http://vimeo.com/1739970

Filmen The Minority Report ble kjent for sin grundige research hvor de dro inn både forskere og designere fra både universitetsmiljører, silicon valley, bilindustrien etc. Denne scenen har gjort sitt for at multitouch-teknologien har kommet så langt idag.

Realitet: Perceptive PixelVideo link: http://vimeo.com/1131546

Et av selskapene som har kommet langt i å realisere denne drømmen er Perceptive Pixel. De har blant annet levert skjermer til CNN’s valgkamp i 2008, og til det amerkanske forsvaret.

Eksperimentering: Open FrameworkFunky Forest link: http://vimeo.com/1131546

Contact link: http://vimeo.com/1131546

Delicate boundaries link: http://vimeo.com/1131546

Et annet, og langt mer lekent eksempel er Open Framework. Dette er en open source plattform som er mye brukt til å lage interaktive kunstinstallasjoner, performancer. Det er en banebrytende teknologi, som åpner for helt nye måter å interagere på.

Lek: SiftablesVideo link: http://www.ted.com/talks/david_merrill_demos_siftables_the_smart_blocks.html

MIT’s Media Lab har lenge forsket på nye interasjonsmåter. Prototypen av lekeklossene Siftables imponerte mange på TED konferansen tidligere i år.

Projeksjon: Sixth senseVideo link: http://www.ted.com/index.php/talks/pattie_maes_demos_the_sixth_sense.html

Også fra MIT’s Media Lab: Prototypen Sixth sense utforsker nye måter å tenke bærbart på

Visjon: Aurora / Mozilla LabsVideo link: http://vimeo.com/1347289

Mozilla labs bad det renomerte interaskjonsselskapet Adaptive Path om å formulere sitt syn på morgendagens nettleser, i prosjektet Aurora

Businessvisjonen: Microsoft 2019Video link: http://vimeo.com/1347289

Businessvisjonen for 2019, signert Microsoft. Et noe mer polert utrykk, men vi ser mange av de samme idéene gjengitt her.

"e best way to predict the future is to invent it."

- Alan Kay

twitter.com/ioon

jon.skivenes@mediacircus.no

Takk for meg :)

ionsgarage.com

ixda.orgInteraction Design Association:

IxDinteraksjonsdesign

3