Velge en strategi for din Mobile Web Design

June 19  by Eliza

Folk nå se websider på alt fra små mobiltelefon skjermer til projektorer som lyser opp på siden av en låve. Begrensningene du står overfor i mobile web design for den lille iPhone-skjermen kan føles som å male påskeegg i en tvangstrøye. Og selv erfarne fagfolk finne designe mobile nettsteder som ser bra ut på skjermer i alle størrelser og dimensjon utfordrende - selv på glatt utseende iPhone-skjermen.

En av de mest spennende aspektene ved å lage nettsider for iPhone, iPad og iPod touch er at de tilbyr deg en sjanse til å helt tenke gjennom hvordan du designe for Internett.

Design er svært subjektiv - du enten elsker rosa eller du hater det, og det er nok ikke mye vi kan gjøre for å endre tankene dine. Men utover fargevalg og skriftinnstillinger (som vi la opp til deg), her er to tilnærminger til mobile web design for iPhone og iPad:

  • Opprett flere design for optimal visning på iPhone, iPad og iPod touch. Denne strategien gjør det mulig å gjøre det beste ut av skjermen enten det er i stående eller liggende modus. Du kan også dra nytte av den større iPad-skjermen mens stikker med en single-kolonne design som fungerer best på iPhone og iPod touch. Lage alle disse designene er, selvfølgelig, mer arbeidskrevende enn å skape en nettside eller mobil nettside. Hvis publikum bruker mobile enheter som iPhone og iPad til å besøke nettstedet ditt, derimot, er arbeidet verdt innsatsen.
  • Utforme en fleksibel sidelayout som kan tilpasse seg størrelsesforskjeller på en iPhone, iPad, og til og med bærbare datamaskiner og skjermer folk fortsatt holder på sitt skrivebord. Hvis du velger dette mobile web designstrategi, trenger du ikke ha den fleksibiliteten som målrettet design tilbudet. Du kan levere et nettsted som oppfyller de besøkendes behov og fungerer godt på en rekke enheter ved å stikke til noen retningslinjer. Først, ikke bruke Flash i webdesign fordi Flash ikke fungerer i iPhone eller iPad. Også, du vil at nettstedet skal fylle skjermen på en iPad i stående modus, så ikke kutte lengden på siden din på 600 piksler. I stedet, størrelse på siden til 980 piksler bred med minst 980 piksler lange. Sist men ikke minst, når jeg tester, se området ditt på enhetene som er viktigst for publikum, noe som gjør at bildene lastes raskt og ser klart uansett hva størrelsen på de besøkendes skjermer er.