Hvordan lage en iPhone-versjon av et nettsted

Utgivelsen av hver nye iPhone gir opphav til en topp i Internett-trafikk. For eksempel når iPhone 3GS ble lansert i juni 2009, med sin forbedrede 3-megapiksel kamera med autofokus og høy kvalitet 30 fps VGA kontinuerlig opptakstid, var det en 400 prosent økning i mobile video opplastinger til YouTube, ifølge iPhoneHeat.com . IPhone 3GS ble også den øverste kameratelefon på online foto plattformer, umiddelbart tar ledelsen på nettsteder som Flickr. Fordi det er så lett å få tilgang til Internett med en iPhone, mange bruker den til å se på ikke-sosiale-nettverk, også. Det er derfor viktig at nettstedet vil se bra ut på iPhone sin 3,5-tommers (horisontal) widescreen-skjerm.

Bruksanvisning

1 Hold webdesign enkel. Husk at iPhone-skjermen er nesten 10 inches mindre enn en vanlig bærbar PC-skjermen. IPhone bruker Safari som en full nettleser. Nettstedets innhold vil ikke automatisk bli konvertert til en smarttelefon-vennlig versjon av seg selv. Uansett hva bredde du har angitt for siden din, vil det dukke opp på iPhones 3,5-tommers (horisontal) skjermen som det ville gjort på en stasjonær eller bærbar datamaskin. For mange elementer vil være vanskelig å skille. For mange elementer vil også ta for lang tid å laste. Husk at en iPhone kan veksle mellom å få tilgang til din webside med et 3G-nettverk, en kant eller et Wi-Fi-tilkobling. Flytte frem og tilbake kunne gjøre lasting ganger lenger enn de burde, noe som kan gjøre iPhone brukeren forlater nettstedet. Gjør hver side av nettstedet ditt kortere for å lindre lasting.

2 Unngå mus-avhengige design. I stedet for en mus, har iPhone en touch-screen grensesnitt. Brukere navigere nettsider med fingrene. De kan zoome inn og sentrere en del av siden ved å dobbelttrykke på skjermen. Å dra en finger over skjermen beveger websiden i den retningen. Flicking en finger over skjermen ruller på skjermen i den retningen. En åpen eller lukket knipe zoomer manuelt inn eller ut, hhv. Siden en iPhone brukerens fingre kan være over siden din, må du være forsiktig med å ha for mange linker på siden din, eller for mange så tett sammen at det er vanskelig for en iPhone-bruker for å velge eller unngå å berøre dem mens du navigerer på siden.

3 Designe nettsider på nettstedet ditt med elastisitet i tankene. Safari på iPhone åpner hvert vindu som en full skjerm, noe som er 480 x 320 piksler når den holdes vertikalt. Skiftende telefonen vannrett vil gjøre bredden 480. Men iPhone er avholdt, vil Safari forvandle ditt nettsted til å passe og fylle sine piksler uavhengig av bredden du har satt. Tenk om de bredder du angir tilsvarende. Også tenke på tekststørrelse og formatering. Uansett standardinnstillinger du kan ha kan overstyres slik at sidene innholdet kan fylle skjermen. Tekst kan vikle rundt bilder eller fra en linje til en annen på måter du ikke hadde forventet.

4 Unngå rammesett. Rammer som kan justeres individuelt, ikke vises på iPhone på samme måte. Safari for iPhone fjerner rulle boksene som en mus på en stasjonær eller touchpad på en bærbar PC gjør brukerne å manipulere. I stedet bruker kolonner og tekstblokker for å gjøre bedre bruk av plass. Kolonner er iPhone navigerer-kompatible. Dobbeltgjeng innenfor en kolonne vil zoome inn slik at kolonnen fyller skjermen. Kolonner vil gjøre iPhone-brukere å fokusere på tekst bortsett fra den generelle designen av siden.

5 Unngå å bruke Flash, Java applets, og andre teknologier som ikke støttes av iPhone-operativsystemet. Disse elementene vises bare som tomme bokser når websiden din laster på en iPhone. Jo flere hull det er i innholdet, jo mer sannsynlig at iPhone-bruker vil surfe på og forlate området.