Innhold
Responsivt nettdesign endrer ikke bare hvordan vi designer nettsteder, det endrer også måten vi designer team på og jobber sammen. Designteams strukturer og prosesser utvikler seg for å støtte det gode responsive designarbeidet trenger: små tverrfaglige team, mer iterative samtaler og mindre løkker i produksjon for å teste ideer.
Jeg tror dette skiftet speiler en større trend i virksomheten: et skritt mot mer organiske måter å strukturere mennesker og prosesser på. Jeg tror dette skjer fordi responsiv design handler like mye om å designe for flere sammenhenger som om flere skjermstørrelser.
Pyramidestruktur
Historisk sett følger organisasjoner et pyramidemønster. Den består av ledelse på toppen, deretter disiplinledere (visepresidenter for markedsføring, CTO og så videre), etterfulgt av de forskjellige teamene de overvåker.
Denne tilnærmingen har eksistert siden den industrielle revolusjonen. Det tillot produsenter å skalere og produsere større antall produkter uten å ofre kvaliteten. Vil du øke produksjonen av den samme widgeten? Del opp produksjonsprosessen i mindre deler for å øke effektiviteten til hver arbeider. Du kjenner denne prosessen allerede: du kaller det sannsynligvis 'foss'.
Responsiv design krever at vi designer forskjellige ting samtidig. Vi kan utforme to eller tre forskjellige opplevelser innenfor samme kodebase, og tilpasse hierarkiet og presentasjonen av innhold og funksjonalitet basert på skjermstørrelse eller enhetsevne.
Dette krever at et team er smidig. En måte å gjøre dette på er å blande disipliner innen små lag organisert rundt mål i motsetning til disipliner. Dette er en mer organisk måte å strukturere hvordan vi samarbeider på. Når det fungerer bra, er det en blanding av kompetanse og lederansvar. Det letter også enklere, raskere samarbeid, og gjør det mulig for de involverte å nå ut til brikkene i puslespillet, for eksempel innhold, godkjenning eller domenekompetanse.
Fordi en responsiv opplevelse har potensial til å nå publikum på tvers av forskjellige sammenhenger, endrer det også hvordan organisasjoner samarbeider. Ansvarlige parter i en organisasjon må være mer informerte. Her er et eksempel fra et selskap som bør varme alle geeks hjerte: Nintendo.
Casestudie: Nintendo
På begynnelsen av 1980-tallet (da jeg ble fan) markedsførte Nintendo 8-biters Nintendo Entertainment System gjennom et begrenset antall kanaler, inkludert tegneserier og TV-reklame før lørdag morgen tegneserier. Nå har antall annonseringskanaler økt betydelig.
Nettet i seg selv er en massiv reklameplattform, sammensatt av statiske grafiske annonseenheter på nettsteder og 'pre-roll' video (tradisjonelle videoannonser spilt før onlinevideoer). For ikke å nevne alle de subtile (og ikke så subtile) måtene reklame sniker seg inn i appopplevelser. Vær oppmerksom på at Google leser e-posten din, noen?
Mange blir komfortabelt følelsesløse for all denne meldingen; kanskje farlig. For å motvirke den nummenheten til en viss grad, har innholdet i seg selv også blitt en form for reklame.
Nettstedet play.nintendo.com er et godt eksempel på denne trenden. Den bruker karakterhistorier, speltips og Buzzfeed-stil-quizzer for å skape en tilsynelatende uendelig bane med innhold rundt Nintendos innholdsunivers. Nettstedet er ment å bygge interesse for (og til slutt selge) spillsystemer og videospill.
Den bruker også responsiv design på en interessant måte. På en mindre skjerm, smalner det fokus på individuelle karakterer, og skaper en sekvens av historier og tips rundt disse karakterene: det kan vise Mario, deretter Mario's bror, Marios beste vogn, Mario's forhold til prinsessen, og så videre.
På en større skjerm legger den imidlertid vekt på innholdstyper fremfor tegn, og overflater flere valg per skjerm. Dette designvalget er ikke bare en fordel med flere piksler. Dette er et bevisst forsøk på å justere konteksten basert på sannsynlige bruksscenarier.
Denne endringen i innholdsopplevelsen passer til hvordan folk kanskje vil bruke innholdet i forskjellige situasjoner. Nullstilling på en lang sti av karaktertrekk på mindre skjermer skaper en mer lineær, vanedannende flyt. Denne mobile strømmen henvender seg til sin spesielle kontekst - for eksempel rastløse barn ved et restaurantbord.
Det trekker brukeren på en måte som fortsatt er lett å forlate, og skaper en vanedannende flyt for å passere tid. På skrivebordet kan de lære 'hvordan slår jeg det nivået', men på mindre skjermer faller de i en løkke med 'fortell meg alt det er å vite om en ting'.
Å endre et design som passer til det som skjer i noens liv er en viktig strategisk fordel med responsivt design. Vi kan bruke kunnskapen vår om enhetsfunksjoner og en besøks kontekst for bruk for å skape passende fordeler som går utover bare progressiv forbedring.
Hvorfor betyr dette noe?
Nintendo-nettstedet er skrevet for små barn. Det inkluderer immateriell eiendom, spillinnhold og viktige meldinger. For å bli kontinuerlig oppdatert må nettstedets innhold koordineres mellom produktteam, markedsføringstilsyn, juridiske eksperter og spilldesignere. For ikke å nevne alt design- og utviklingspersonalet som faktisk har til oppgave å jobbe på selve nettstedet.
For å gjøre dette effektivt, må mindre, mer iterative samtaler foregå mellom alle disse avdelingene. Dette er et godt eksempel på den 'responsive reorganization' jeg snakker om: en situasjon der responsiv design kan være drivkraften for bedre måter å bygge sammen på.
Du finner detaljerte eksempler på disse endringene, hos selskaper fra MTV Networks til Marriott International, på den responsive designpodcasten.
Denne utviklingen av hvordan organisasjoner strukturerer seg selv er ikke unik for webdesignindustrien, og har blitt godt dokumentert i forretningsundersøkelsen av mennesker som John Kotter. Ta en titt på Harvard Business Review-artikkelen 'Accelerate' for å begynne med, og du kan finne noe som vil hjelpe organisasjonen din til å nærme seg responsivt designsamarbeid på en helt ny måte.
Ord: Kevin M Hoffman
