Een strategie kiezen voor uw mobiele webontwerp - dummies

Mensen bekijken nu webpagina's over alles, van kleine telefoonschermen tot projectoren die oplichten aan de zijkant van een schuur. De beperkingen waarmee je te maken hebt in mobiel webontwerp voor het kleine iPhone-scherm, kunnen aanvoelen als het schilderen van paaseieren in een keurslijf. En zelfs ervaren professionals vinden het ontwerpen van mobiele websites die er geweldig uitzien op schermen van elke omvang en dimensie uitdagend - zelfs op het gelikte iPhone-scherm.

Een van de meest opwindende aspecten van het maken van websites voor de iPhone, iPad en iPod touch is dat ze je de kans bieden om volledig te heroverwegen hoe je ontwerpt voor internet.

Design is hoogst subjectief - u houdt van roze of u haat het en er is waarschijnlijk niet veel dat we kunnen doen om van gedachten te veranderen. Maar naast de kleurkeuzes en lettertypevoorkeuren (die we aan u overlaten), volgen hier twee benaderingen van mobiel webontwerp voor de iPhone en iPad:

• Creëer meerdere ontwerpen voor een optimale weergave op de iPhone, iPad en iPod touch. Met deze strategie kunt u het scherm optimaal gebruiken in staande of liggende modus. U kunt ook profiteren van het grotere iPad-scherm terwijl u vasthoudt aan een ontwerp met één kolom dat het beste werkt op de iPhone en iPod touch. Het maken van al deze ontwerpen is natuurlijk arbeidsintensiever dan het maken van een webpagina of mobiele webpagina. Als je publiek mobiele apparaten zoals de iPhone en iPad gebruikt om je website te bezoeken, is het werk de moeite waard.

• Ontwerp van een flexibele pagina-indeling die zich kan aanpassen aan de grootteverschillen van een iPhone, iPad en zelfs laptops en de monitoren die mensen nog steeds op hun bureau hebben. Als u deze mobiele webontwerpstrategie kiest, heeft u niet de flexibiliteit die gerichte ontwerpen bieden. U kunt een website leveren die voldoet aan de behoeften van uw bezoekers en goed werkt op een reeks apparaten door een paar richtlijnen te volgen. Ten eerste, gebruik Flash niet in uw websiteontwerp, omdat Flash niet werkt op de iPhone of iPad. Ook wilt u dat uw site in de portretmodus het scherm van een iPad vult, dus snij de lengte van uw pagina niet af met 600 pixels. Vergroot in plaats daarvan de pagina tot 980 pixels breed met minimaal 980 pixels lang. Last but not least, bekijk uw site tijdens het testen op de apparaten die het belangrijkst zijn voor uw publiek, zorg ervoor dat de afbeeldingen snel worden geladen en zien er duidelijk uit, ongeacht de grootte van de schermen van uw bezoekers.