Tre tips for mobil webdesign

På The Future of Webdesign (FOWD) i London holdt Meagan Fisher presentasjonen Designing mobile interfaces.

Twitter slik det ser ut på iphone

Ved å bruke enkel og tilgjengelig HTML, lage en-kolonnes layout og holde på merkevaren din ved å bruke logo, farger og typografi fra den grafiske profilen til firmaet ditt er du allerede på god vei til å lage en bra mobil nettside.

Hvordan kan du gjøre dette i praksis?

Første skritt er å jobbe med CSS og HTML. Gjør du dette arbeidet systematisk, vil du få en side som laster raskt, noe som er enda viktigere på mobil enn for en vanlig webside. Unngå å bruke bilder som navigasjonselementer og husk å bruke ALT-tagger.

Når denne jobben er gjort, fokuser på layouten. Hvordan skal nettsiden din se ut når du bare kan bruke en kolonne? Prioriter innholdet og legg det viktigste øverst. Unngå å bruke store bilder.

Tilslutt, tenk merkevarbygging. Den mobile nettsiden din bør ha samme logo, farger og typografi som du har på den vanlige nettsiden. Finn ut hva det er som gjør at brukeren kjenner igjen selskapet ditt og bruk disse elementene også på den mobile nettsiden. Det er greit å bruke bilder, men pass på at de ikke er for store.

På FOWD fikk vi også vite at mobilnettsider ofte har bedre tilgjengelighet enn vanlige nettsider på grunn av layout (en kolonne), mindre bilder og bedre prioritert innhold. Meagan Fisher tipset også om nettsiden mobify.me der en kan lage en mobilversjon av sitt eget nettsted.

Har noen av dere gode eller dårlige erfaring med å designe websider for mobil?