Utfordringene for å designe nettsteder for mobilt innhold - dummier

Å ha mobilvennlige nettsteder er fortsatt målet med nettsteder med mange ressurser for å utvikle alternativt innhold og presentasjoner for mobil besøkende. Du har kanskje ikke disse ressursene, så her er det i hovedsak de fire tilnærmingene du kan ta for å gjøre mobilvennlig innhold på nettstedet:

• Ikke bekymre deg for en mobil tilstedeværelse for nå. Ikke alle nettsteder trenger en mobil tilstedeværelse med en gang, men du kan tenke fremover og bygge mobil i dine langsiktige planer.

• Hold nettstedet ditt så enkelt at det vil fungere i ethvert miljø. Dette er en mindre enn optimal løsning fordi nettsteder som er enkle nok til å jobbe på en mobiltelefon som for eksempel bruker en kolonne-layout, ikke kommer til å være veldig innbydende på skjermbilder i full størrelse. Men igjen, det kan være situasjoner der dette er en arbeidsløsning, i hvert fall for en stund.

  Hvis du går med denne tilnærmingen, behold nettstedet ditt design enkelt, bildene dine små, videoen din formatert til å fungere i ethvert miljø, fargevalg grunnleggende og høy kontrast, og skrifter stor.

• Oppdag en besøkendes medie og presenter det samme innholdet, men med forskjellige CSS-stilark, avhengig av visningsporten.

• Ved å gi alternative stilark med medieforespørsler kan du lage et enkelt sett med nettsider, med innhold, og presentere dem annerledes (med forskjellige fargeskjemaer, skriftstørrelser og layouter) i fullstørrelse og mobilvisningsporter.

• Oppdag en besøkendes medier (deres visningsmiljø) og viderekoble mobilbrukere til helt annet innhold. Denne teknikken er avhengig av JavaScript for å oppdage mobile enheter. Eller du må kanskje legge inn linker for besøkende til å finne mobil-vennlig innhold, som den på Madison Square Garden-siden.

  Mobilversjoner av nettsteder er vanligvis bygget med en delmengde av JavaScript - jQuery Mobile - for å presentere innhold som er spesielt utviklet for å jobbe raskere og bedre i mobile enheter.