Nye krav og nye muligheter for webutviklere
Vil 2011 stå som året da vi for alvor beveget oss fra taktile tastatur til touchbaserte grensesnitt? 50 000 nordmenn kjøpte iPad allerede før den var lansert i november, og ytterligere 50 000 har kjøpt siden det. I forbindelse med årets CES-messe i Las Vegas, som starter i morgen, spås det at et femtitalls konkurrenter er på vei inn på markedet. Hvilke følger har dette for oss som lager og driver nettsteder?
Nettsteder må slankes
For det første trengs det en slanking av innhold. Med mindre forutsigbare skjermstørrelser vil riktig prioritering, om mulig, bli enda viktigere. Dagene med lange menyer over flerfoldige nivåer er forbi; navigasjon skjer med en finger, skjermområdet krymper, og du vet ikke engang om brukeren sitter. Har du 400 sider på ditt nettsted, hvorav en liten brøkdel av sidene har majoriteten av trafikken, så bør du frem med en skarp kniv. Det er avgjørende at du har gode tall som viser tendensene på ditt nettsted, for å kunne planlegge ditt innhold riktig.
For det andre vil det være behov for en teknisk slanking, da en større andel av dine besøkende vil være tilkoblet via (foreløpig) dyre og ikke-lynraske nett. Store og omfattende Flash-nettsteder har forsvunnet i det stille, og dette vil fortsette. At man allerede kan gjenskape noe tilsvarende med andre teknologier, er ikke så vesentlig; også tenåringer foretrekker ryddige og lettanvendelige nettsteder fremfor trend-riktig grafikk og overvelmende bevegelse.
Nye krav til utformingen av nettsteder
Så langt i touchscreen-revolusjonen har vi hovedsaklig sett to formater: mobil og tablet, og tablet har vi bare så vidt blitt kjent med. Mange har utviklet egne varianter av sine nettsteder, tilpasset disse formatene, med egentilpassing for spesifikke enheter. I løpet av dette året vil gapet mellom mobil og tablet fylles inn av nye enheter, og den uendelige rekken kombinasjoner av ulike operativsystem, nettlesere og formater vil bare bli lenger.
Et nettsted kan ikke være avhengig av et format eller en platform, eller om enheten har SIM-kort eller ikke. Det må tas hensyn fra grunnen av, slik at nettstedet yter optimalt uansett hvor det vises. Bruker du din HTC på bussen, så får du først servert det viktigste innholdet, uten tunge bilder og scripts for funksjonalitet du uansett ikke kan bruke. Sitter du på laptopen din, får du the real deal. Mottar du en link til en ‘mobiltilpasset’ side, så skal du slippe å se en flere skjermhøyder lang stripe med kompakte bilder og krokete tekststykker.
Oppdaterte enheter gir nye muligheter
En årsak til frustrerte webutviklere har alltid vært at brukerene ikke oppgraderer sine nettlesere så ofte som utviklerene skulle ønske. Mange sitter fremdeles med nettlesere som var laget for fem år siden — og tenker du på hvor lenge nettet har eksistert, så er dette en vesentlig periode.
Tablets og smartphones gir oss nye muligheter, fordi vi vet at nettleserene støtter nye teknologier. Dette er ikke ny flashy teknologi for teknologien sin skyld; det er er forbedringer på helt grunnleggende nivå, som typografi, bildeskalering og layout.
Ethan Marcotte fikk for alvor i gang diskusjonen om bruk av CSS3 media queries for å styre stilmaler basert på tilgjengelig skjermområde. Han døpte metoden responsive web design. Dette, sammen med den nye flexbox-modulen som tilsynelatende er på vei, er en god indikasjon på hvordan vi vil jobbe fremover.
Det er i gang
Anders Brenna er optimistisk og spår at det vil bli solgt 1 million tablets i Norge i løpet av i år. Jon Ragnar kommenterte i går at han mener den gjennomsnittlige forbruker foreløpig ikke er overbevist, men at nye applikasjoner og tablets vil forandre på dette i løpet av de neste få årene. I rapporten State of the Internet fra april 2010 anslår teknologiresearchere hos giganten Morgan Stanley at nettsurfing på mobile enheter vil forbigå surfing på desktop/laptop før 2014.
Uavhengig hvor lang tid det tar før bruksområdet er stort nok og tilbudet bredt nok for alle — vi vet hvor det bærer. Vi vet også at det finnes mange hundre tusen iPads og smartphones i bruk i Norge allerede; alle med potensiale til å vise nettsteder som er mer fleksible enn det vi har sett før. Det betyr at vi må utvide fokuset når vi planlegger innhold og utvikler nettsteder.
6 kommentarer
Nettbrett – løp ikke for fort
[...] Ta det med ro! De fleste av oss markedsførere har god tid. Ikke gi nettbrett som kanal mer oppmerksomhet enn den fortjener. Det første du bør gjøre er å skaffe deg et nettbrett og bruke dette mye. Da blir du kjent med mulighetene og har bakgrunn for egne meninger. Du bør også følge med på dine leserstatistikker etter hvor mange av leserne som bruker f.eks. iPad. Å tilpasse nettsider til iPad og andre lesebrett er ikke nødvendigvis en stor jobb. Asgeir hos oss skriver mer om tilpasning her. [...]
Tweets that mention Nye krav og nye muligheter for webutviklere -- Topsy.com
[...] This post was mentioned on Twitter by Asgeir Hoem. Asgeir Hoem said: Korleis vil nye gadgets og nye format påvirke #webutvikling i 2011? http://www.konsepthuset.no/hva-betyr-tablets-for-webutviklere/ [...]
“It’s never been a better time for being a web developer”, sier Jonathan Stark i et foredrag (maintainer av rammeverket jQTouch). Så sant som det er sagt. Nettet er overalt og brukerne stiller større krav. 2011 blir et spennende år for webutviklere.
(Resten av kommentaren handler mest om iOS, men utfordringene er mer eller mindre de samme uansett plattform).
Den tekniske hovedutfordringen for iOS for eksempel er at det finnes så utrolig mange flere webutviklere enn Objective-C utviklere her i verden. Heldigvis er det flere rammeverk som har dukket opp i den senere tid (jQTouch, jQuery Mobile, Sencha Touch osv). Disse i kombinasjon med hardware-akselerasjon på CSS animasjoner i WebKit og i kombinasjon med ting som PhoneGap (som gir deg tilgang til native funksjonalitet gjennom javascript) åpner det seg utrolig mange muligheter for webutviklere. Grunnen til det er at vi kan gjennskape mye av den brukeropplevelsen brukerne forventer i native apps. Dette er helt klart trenden nå og kalles hybride applikasjoner (Hybrid Apps).
Time to market for Hybrid Apps vil for de aller fleste webutviklere være mye raskere da de kan bruke eksisterende ferdigheter sammenlignet med å lære seg et nytt språk og nye API’er. Når det er sagt ser jeg en stor fordel i å kjenne mulighetene du har på telefonen gjennom native API’et og alle kontrollene i f.eks UIKit (så ta et par tutorials og sett deg inn i mulighetene hvis du mener alvor med App Development). Dette gjør at du kan ta bedre valg på om du kan leve med en Hybrid App eller må lage en Native App. De aller fleste applikasjonene som lages for mobil handler om å levere innhold eller nyttig funksjonalitet på en fornuftig og brukervennlig måte. Som oftest vil nok valget være en Hybrid App dersom du ikke skal lage et spill eller noe annet som krever unik rendering.
Mange vil nok velge Hybrid Apps også fordi de ønsker distribusjon via App Store. Men det er også stor verdi i å bruke disse verktøyene for å lage Web Apps. Ideelt sett bør alle nettsider ha tilpassede grensesnitt for den flaten du leser på. Etterhvert som kundene også bruker mobilen og lesebrettet mer og mer vil kravene komme rekende (det er dette som kommer til å skje i større skala i 2011 og vi må bare legge oss i selen og utforske de nye mulighetene).
Så et par tips til slutt for alle dere som lager eller skal lage apps:
De aller fleste appene blir bare testet og kastet (ikke brukt mer). Kanskje 1 av 100 ender opp med å bli en aktiv bruker av din app. Sørg for å lage noe folk vil ha. Du får ingen ny sjanse med apps, sørg for å gjøre et godt førsteinntrykk når du slipper en app.
Det er i hovedsak 3 use-caser som gjelder for bruk av apps på mobil:
1) I’m bored – Jeg kjeder meg -> underhold meg!
2) I’m busy – Jeg har mye å gjøre -> hjelp meg organiser livet mitt litt smartere
3) I’m lost – Jeg leter etter noe -> hjelp meg finne frem i informasjonsjungelen til det jeg trenger
Når du har en idé til en app er det første du gjør å skrive ned en “Application Definition Statement”.
Eksempel: “Enkel bildefremvisning av dine Flickr-bilder for iPhone brukere”
Dette legger grunnlaget for resten av arbeidet. Tro meg, det hjelper å skrive det ned og tenke seg om to ganger så du ikke går i den ekle “feature-creep”-fella.
“Do one thing, and do it well!”
Hei Knut, og takk for kommentar! Veldig enig i at alle nettsteder bør ha grensesnitt for den flaten du leser på; eller, at alle grensesnitt bør fungere uavhengig av hvilken flate du leser på.
Jeg er generelt skeptisk til native apps, og jeg tror at trenden (Apple..) mister grepet, til fordel for åpne webapps. Naturligvis skal det mye til å vippe iTunes-økosystemet av tronen, men jeg tror det åpne nettet vil modne, og finne løsninger for mikrobetalinger, kvalitetssikring og distribusjon som fungerer både for utviklere og brukere. Det er ikke rom for at Steve Jobs tar 30% av dine inntekter for at du skal få privileget det er å ha butikk på hans kvartal.
Mozilla har laget en lovende prototyp til hvordan åpne web apps kan fungere (https://apps.mozillalabs.com/). Denne er ikke helt ny lenger, men jeg synes det er et godt utgangspunkt.
Spill og andre krevende applikasjoner vil sikkert være native en stund til, men etterhvert som at webteknologier får tilgang til enhetens funksjonalitet forbi browseren, så vil mer kunne bygges platformuavhengig.
Uansett, som du indikerer, det spiller ingen rolle hvordan de blir utviklet hvis ingen vil ha appen. :-)
Derfor dør nettsidene dine
[...] brukar sølete løysingar, sjølv om nyare teknologi tillet slanke og meir elegante metoder (det tekniske aspektet har eg vore innom før.) Det legg ikkje til rette for eit langt [...]
Ulike dokumenter på samme adresse
[...] som at nye telefoner, lesebrett og PC’er kommer på markedet, med ulike view ports og touchbaserte grensesnitt, har det oppstått et behov for å kunne beskrive stilmaler til mer spesifikke [...]