Mobil utvikling er alle raseri, og den interaktive industrien er i stor uro da utallige tabletter og smarttelefoner kommer på markedet.

Mobilapputvikling får det meste av oppmerksomheten, mens den mobile weben roper litt stille. Men mobilbanen gjør fremgang hver dag etter hvert som flere og flere utviklere lanserer mobiloptimaliserte grensesnitt.

Den gode tingen med mobilnett er at den er fundamentalt bygget med alle de samme verktøyene som brukes i tradisjonell webdesign og utvikling.

Dette gjør det langt mer tilnærmet enn apputvikling. Også mange brukere vil besøke et selskaps nettsted på farten, uten at det nødvendigvis trenger en fullblåst app.

Å bygge nettsteder optimalisert for mobil er så liknende likevel så annerledes enn å designe for skrivebordet. Enkelte faktorer tar en langt større rolle. For eksempel varierer skjermstørrelsesvarianter, brukeroppmerksomhetsspørsmål og bruksproblemer mer kritisk enn noensinne.

Disse samme problemene er alltid tilstede på skrivebordet, men er noen ganger lettere å overse. Her ser vi på noen leksjoner for å lære av optimaliseringen som skjer på mobilnett. Lektene kan informere om hvordan vi designer og hvordan vi tenker på tradisjonell webdesign og nettsidearkitektur.

Forenklet navigering på mobile nettsteder

En av de første tingene som blir tydelig når du graver inn i mobile nettsteder, er den ekstreme forenklingen av navigasjonen. Navigasjon blir ikke bare veldig fremtredende og sentralt på en mobil nettside, men er også ganske ofte trimmet ned vesentlig for å fokusere på bare de mest kritiske elementene.

Jeg finner det utrolig hvordan toppnavigering kan kokes ned til to til fire elementer på de fleste mobile nettsteder. Selvfølgelig forstår jeg at innholdet på en mobil nettside er ganske ofte optimalisert for det tiltenkte publikum. For eksempel, Sannhet Tabernakle Kirke har seks alternativer i hovednavigasjonen, kun en av dem har gjort det til navigasjonen for mobil versjon ; og den som laget den ("Kontakt") er fokuset på hele hjemmesiden.

Innholdet som ikke gjorde det til mobilversjonen, er selvsagt fortsatt helt relevant. Det mobile grensesnittet er ment å fange folk som prøver å finne kirken eller sjekke ut tjenestetidene eller bare kontakte dem. Dette er de mest sannsynlige målene for mobil surferen. De som slår på hele nettsiden på en stasjonær datamaskin, er like sannsynlig å ha det som de vil for å undersøke kirken for å se om det er slags sted de ønsker å besøke.

Så, hva er leksjonen å lære? Må ikke disse to grensesnittene være helt forskjellige målgrupper og ha helt forskjellige formål? Kanskje, men vi kan lære mye av det ekstreme fokuset på mobilgrensesnittet. Legg merke til hvordan alt handler om handlingene du kan ta? Kirken har eliminert alle navigasjonselementene som føles som bokser for å sjekke ut.

Et interessant element er navigasjonsalternativet "Om" på hele nettstedet. Mobilwebområdet kan være optimalisert for folk på farten, men det er ingen grunn til å anta at de ikke ville være interessert i å lese om kirken og dens tro. Noen kan ha nevnt kirken til deg i forbifarten, og ber deg om å slå den opp på telefonen din.

Så bør navigasjonsalternativet for dette elementet endres. Hva om det i stedet kommuniserte noe som "Hva du bør vite om oss"? Mens det er litt lenge, reflekterer det en mer nyttig holdning. En generell "Om" bøtte føles som et sted å holde all informasjonen som ingen leser. "En besøkendes guide til vår kirke" føles mye mer nyttig og målrettet.

Enkelheten og fokuset på mobilgrensesnittet viser at alt må ha en hensikt å tjene et spor på nettsiden. Hvis det samme gjaldt hele nettstedet, ville vi være mindre tilbøyelige til å fylle det med tilsynelatende viktig innhold og mer tilbøyelig til å sikre at alt har en klar funksjon.

Dette gjenspeiler en veldig oppgaveorientert mentalitet. Ethvert alternativ utfordrer brukeren til å ta et aktivt skritt. Det er som om alle passive alternativer har blitt renset og redusert til handlinger på mobilnettstedet. Dette fører oss til neste leksjon: Vær ekstremt oppgaveorientert.

Mobilnettsteder er oppgaveorientert

Med en oppgaveorientert tankegang, la vi revurdere hele nettstedet. Selv om hjemmesiden er vakkert designet, er samtalen til handling langt mindre tydelig. Innholdet er fullt av biter av informasjon som venter på at du bestemmer deg for å være interessert.

For eksempel mislykkes det store banneret som fremhever en kommende hendelse, å ringe meg til en slags handling; veldig passiv. Med en oppgaveorientert mentalitet, kan vi stort sett forbedre på "Les mer" -tiltaket. Dette kan være så enkelt som å gjøre samtalen til handling mye mer fremtredende; for eksempel en stor knapp i en kontrastfarge oransje. I tillegg kan anropet endres til "Lær mer og registrer deg."

Et annet eksempel er velkomstmeldingen. Jeg setter pris på intensjonen og meldingen blir kommunisert her. Meldingen viser at ekte mennesker ligger bak nettsiden, og det forsøker å få siden til å føles personlig. Men igjen, la oss dissekere dette med en oppgaveorientert mentalitet. En flott oppfølging av en introduksjon som dette ville være et klart tiltak for å oppfordre besøkende til å ta det neste trinnet. Tross alt vil de eneste som leser dette være nykommere. Nåværende medlemmer vil hoppe rett forbi dette til ting som arrangementskalenderen. Så, gi et konverteringspunkt for brukere, som "Spør oss et hardt spørsmål" eller "Hva du kan forvente når du besøker."

Derimot er boksen "Spesiell gjest" fantastisk. Den løser viktige problemer og driver folk til å grave dypere. Jeg lurer bare på om det kan være et mer fremtredende element på siden. Igjen, medlemmene kommer til hvor de trenger å gå; så fokuserer på de som er nye på nettstedet, og kirken ville gå langt for å maksimere muligheten.

Jeg vet at jeg virkelig slår denne nettsiden opp, men det er ikke fordi jeg ikke liker det eller tror at den ikke tjener sin funksjon. Målet mitt er bare å utfordre vår tenkning og våre forutbestemte forestillinger om hvordan et nettsted skal se ut og gjøre. Jeg anbefaler faktisk denne kirken for å ha et vakkert og funksjonelt nettsted, med en mobil utvidelse for å starte opp!

Mobile nettsteder krymper deres innhold dramatisk

En annen åpenbar leksjon relatert til paring ned navigasjonen er at mobile nettsteder alltid reduserer innholdet deres. Ikke bare er antall alternativer redusert til kjernens funksjonalitet og formål med nettstedet, men kopien er også betydelig redusert.

I noen tilfeller elimineres mye av kopien helt! Dette ber om spørsmålet, er dette innholdet nødvendig på hele nettstedet hvis den mobile versjonen fungerer bra uten den? Divi Aruba er et godt eksempel på dette. Den forlokkende markedsføringen snakker lagt over på bildet, kan virke som et must-have-element for hjemmesiden, men det har blitt nuked på mikro mobil nettside .

På mobilversjonen er logoen plassert på toppen av det samme bildet, og likevel overfører det fortsatt nøyaktig samme melding: Hvis du vil ha noe sted som dette, les videre. Hvorfor ikke bruke dette fremtredende stedet for å drive folk til ønsket handling? Sikkert designerne vet hva som er det mest kritiske elementet for å konvertere besøkende til kunder. Sett denne informasjonen på jobb, og kjør folk der med en fremtredende oppfordring til handling i stedet for fluffy marketing speak.

Alle de gode greiene, sans fluff

Dette fører oss til neste leksjon: miste fluffen. Det neste eksemplet er en positiv demonstrasjon av dette. Reise Tex er en reiseinformasjon nettsted for delstaten Texas. Det har en klar hensikt og målgruppe i tankene. Heldigvis har designerne fullt ut omfavnet den myke tankegangen.

Ikke bare gjør mini mobil nettside fokuser helt på emnet ved hånden og de viktigste handlingsmulighetene, men det gjør også hele nettstedet! Hvilken lettelse å se nesten ingen fluff i det hele tatt. Inkludert noe kjedelig som en historie i Texas ville være altfor fristende. Hvis folk ville ha en historieleksjon, ville de ikke komme til denne nettsiden. Du vil bli presset hardt for å finne innhold som ikke er relevant for dette nettstedets enestående formål.

Bli vant med å stille spørsmål til alt. Dette er den eneste måten å virkelig koker et nettsted ned til sine kritiske elementer, noe som akkurat skjer på en god mobil nettside. Tøffe valg blir gjort, og ellers verdifullt innhold er kuttet for å strømlinjeforme nettstedet. Ring fluff for hva det er og nåke det!

Branding er konge på mobilbanen

Jeg handler om kreativitet på nettet. Faktisk har mange av de største endringene i bransjen kommet som følge av et nekte å holde seg til status quo. Men det er tid og sted for alt. Så mange designere bruker oppgavene sine som en unnskyldning for å frigjøre sine kreative juicer, uten noe annet formål enn å gjøre noe kreativt. Dette gjør nettstedet til et design for designeren, ikke for kunden og deres behov. Dette er en ting mobilnettverket advarer mot ganske dristig.

Branding er utrolig konsekvent på mobilnett, og en av de mest konsistente delene er plasseringen av logoen. På mobile nettsteder finner du ikke galte logoer nederst med faste bunntekster. Funksjonalitet er konge, og logoer vises alltid øverst. Kan du tenke deg å trykke på en mobil nettside og ikke se logoen med en gang? Likevel er dette vanlig på mange fulle nettsteder.

Her er noen nettsteder som, mens de er minimal og mangler i tankene, har en rik merkevarebygging som ikke kan gå glipp av.

Leksjonen her kan ha en dyp innvirkning på hvordan du nærmer deg arbeidet og den grunnleggende verdien du stiller til kundene dine. For hver designer som uttaler at kundens behov skal være hele deres formål for prosjektet, er det en annen som ønsker å vise verden hvor kreativ og original de er.

Som alle andre som er involvert i produksjonen av et nettsted, bør nettdesigneren være ensidig i å betjene klienten, hjelpe sin virksomhet og forbedre bunnlinjen. Med hvert element du legger på en mobil nettside, vurderer den sin rolle og fordelen det vil bringe. Bruk denne mentaliteten til alt du gjør, og du vil snart finne en sterk alliert i din klient.

Jo mer vi omfavner kundens behov og gjør alt vi kan for å bringe verdier til deres hjemmeside, desto mer ser vi et fundamentalt skifte i arbeidet vårt. Vi vil gå fra å bygge "kule ting" for å se på alt fra kundens perspektiv. Står denne funksjonen for å øke fortjenesten? Hvordan kan designet endres for å forbedre virksomheten sin? Hvis et biprodukt av arbeidet ditt gir mer penger til klienten, vil du finne mulighet overalt.

Nettsteder uten gimmicks

En av de største prestasjonene i mobilnettverket er den totale mangelen på gimmicks. For å være rettferdig, er det en tid og sted for gimmicker på nettet. Faktisk dedikerer jeg hele delene av mine bøker til dem. Men mangelen på gimmicker på mobile nettsteder viser at disse tilsynelatende gode ideene ikke tjener noen reell hensikt.

Alt som går på en mobil nettside, bør gå gjennom flere filtre. Er innholdet relevant og helt nyttig? Er innholdet kritisk, og tjener det kjerneformålet med nettstedet? Er nettstedet lett å bruke og forstå? Er navigasjonen ukonvensjonell? I så fall er det kritisk for funksjonen til nettstedet? Svaret kan vel være ja, men oftere enn ikke, vil det være avgjørende nei.

Noen gimmicker som er merkbart fraværende fra mobilutvikling, er sprutskjermer, uvanlig navigering, meningsløse animasjoner og interaktivitet, inline scrolling-regioner, ulike layouter og fastbreddeoppsett. Effektiviteten til mobilbanen er fantastisk.

Konklusjon

Som du ser, har vi en rekke leksjoner å lære av mobilnett; spesielt sin evne til å avsløre unødvendige elementer av et nettsted. Som med mange ting i livet åpner en liten forandring i perspektiv ofte øynene våre til den sanne verdien av ting vi lenge har tatt for gitt.

Jeg foreslår ikke at vi har mistet synet på nettet. Snarere foreslår jeg at vi vedtar en langt mer strategisk mentalitet.


Patrick McNeil er frilansskribent, utvikler og designer. Spesielt elsker han å skrive om webdesign, trene folk på webutvikling og bygge nettsteder. Patricks siste bokprosjekt er Designerens netthåndbok ; den inneholder mange emner i tråd med denne artikkelen. Du kan finne ut mer om det på TheWebDesignersIdeaBook.com . Følg Patrick på Twitter @designmeltdown .

Dette innlegget ble brakt til deg av DudaMobile, a mobilnettsted etableringsselskap.

Hvilke aspekter av mobildesign prøver du å oversette til skrivebordet? Ser du enkelhet og fart i mobilbanen selv?