IPhone & iPad conception de sites Web pour les nuls

Les gens voient maintenant les pages Web sur tout, des écrans de téléphones portables minuscules projecteurs qui illuminent le côté d'une grange. Les contraintes que vous rencontrez dans la conception de Web mobile pour le petit écran de l'iPhone peuvent se sentir comme la peinture des oeufs de Pâques dans un carcan. Et même les professionnels chevronnés trouver la conception de sites Web mobiles qui ressemblent beaucoup sur les écrans de toutes tailles et dimensions difficile - même sur l'écran slick prospectifs iPhone.

Sommaire

Un des aspects les plus passionnants de création de sites web pour l'iPhone, l'iPad et l'iPod touch est qu'ils vous offrent une chance de repenser complètement la façon dont vous concevez pour l'Internet.

Le design est très subjective - soit vous l'amour rose ou vous déteste et il n'y a probablement pas beaucoup que nous pouvons faire pour changer votre esprit. Mais au-delà des choix de couleurs et préférences de police (que nous laissons à vous), voici deux approches de conception de sites Web mobile pour l'iPhone et l'iPad:

  • Créer plusieurs modèles pour un affichage optimal sur l'iPhone, l'iPad et l'iPod touch. Cette stratégie vous permet de faire le meilleur usage de l'écran, que ce soit en mode portrait ou paysage. Vous pouvez également profiter de l'écran plus grand iPad tout en collant avec un design unique colonne qui fonctionne le mieux sur l'iPhone et l'iPod touch. Création toutes ces conceptions est, bien sûr, plus de travail que de créer une seule page Web ou une page Web mobile. Si votre public utilise les appareils mobiles comme l'iPhone et l'iPad pour visiter votre site Web, cependant, le travail en vaut la chandelle.

  • Concevoir un mise en page flexible qui peut s'adapter aux différences de taille d'un iPhone, iPad, et même les ordinateurs portables et les moniteurs de personnes toujours garder sur leur bureau. Si vous choisissez cette stratégie de conception de Web mobile, vous ne devez pas la flexibilité qui ciblent dessins offrent. Vous pouvez offrir un site Web qui répond aux besoins de vos visiteurs et fonctionne bien sur une gamme d'appareils en tenant à quelques lignes directrices. Tout d'abord, ne pas utiliser Flash dans votre conception de site Web car Flash ne fonctionne pas dans l'iPhone ou l'iPad. En outre, vous voulez que votre site pour remplir l'écran sur un iPad en mode portrait, il ne faut pas couper la longueur de votre page à 600 pixels. Au lieu de cela, la taille de la page à 980 pixels de large par 980 pixels au moins longues. Last but not least, lors de l'essai, voir votre site sur les dispositifs les plus importants à votre public, assurant que les images se chargent rapidement et avoir une apparence claire, peu importe ce que les tailles des écrans de vos visiteurs sont.

Optimisation de votre mobile Designs Web pour l'iPhone




Oui, l'écran de l'iPhone est petit, mais il faut arrêter de penser à des contraintes et de commencer à se concentrer sur les nouvelles opportunités étonnantes iPhone offres de conception de sites Web - par exemple en attirant un public de personnes en déplacement, les personnes qui peuvent être debout juste devant votre restaurant, pour par exemple, pendant qu'ils cherchent à votre menu sur leurs iPhones et déterminer si d'y manger.

Lors de la conception d'un site web pour l'iPhone, rappelez-vous les points clés suivants:

  • Chaque pixel compte. Vous ne disposez pas de beaucoup de place pour jouer, alors assurez-vous de ne pas perdre un seul pixel dans vos créations web mobiles.

  • Créez des conceptions mobiles iPhone avec une seule colonne d'informations. Mises en page sur plusieurs colonnes ne correspondent tout simplement pas bien sur les petits écrans comme l'écran de l'iPhone.

Lorsque vous créez une conception spéciale pour l'iPhone, être sûr d'inclure un lien vers la version de bureau de votre site web. Les visiteurs de votre site Web mobile peuvent déjà être familier avec la version de bureau et peuvent préférer visiter la version qui est déjà familier pour eux, même si ils utilisent un iPhone. La version mobile du navigateur web Safari vise à afficher un site de bureau ainsi que d'un ordinateur de bureau fait, et à l'exception de la taille d'écran plus petit, il est sacrément proche.

Comment créer des Web-mobile convivial iPad Designs

L'iPad, avec son grand écran magnifique, peut vous amener à croire que vous ne devez faire quelque chose de spécial dans votre conception de Web mobile, mais les meilleures techniques de conception web pour l'iPad ne sont pas les mêmes que celles pour le bureau.

Bien que l'iPad offre beaucoup plus écran de l'immobilier que l'iPhone, il crée toujours de nouveaux défis pour les concepteurs Web mobiles. Rappelez-vous ce qui suit lors de la conception des sites Web mobiles pour l'iPad:

  • Concevoir pour les deux orientations: La capacité de transformer l'iPad de mode paysage au mode portrait modifie considérablement l'espace de l'écran pour vos créations web.

  • Profitez de HTML5 et CSS 3: Lorsque vous concevez pour l'iPad, vous ne devez pas vous inquiéter à propos de tous les navigateurs web toujours utilisés sur les ordinateurs de bureau, de sorte que vous pouvez profiter pleinement de la dernière de ces technologies de conception web.

  • Essai iPad sur un iPad: Lorsque vous créez du contenu pour l'iPad, vous êtes probablement en utilisant une machine qui est tout à fait différent de l'iPad. Ne pas tester votre travail dans le même endroit que vous développez. Vous pouvez toujours avoir à faire plus de la conception et de codage de vos sites iPad alors qu'il était assis devant un ordinateur de bureau ou portable, mais quand vous avez terminé, levez-vous, étirez-out, et allez vous asseoir dans un fauteuil confortable pour voir comment votre site ressemble et fonctionne sur un iPad.

Testez vos pages web designs dans différentes situations d'éclairage. Prenez l'iPad à l'extérieur pour voir comment vos pages regardent dans la lumière du soleil, et de mettre l'iPad au lit avec vous pour voir comment votre conception de Web mobile ressemble quand vous vous cachez dans l'obscurité sous les couvertures. (Ne pas vous aime juste ne pas avoir besoin d'une lampe de poche pour lire sur l'iPad, la façon dont nous l'avons fait lorsque nous avons voulu rester jusqu'à la fin pour lire des livres que les enfants?)


» » » IPhone & iPad conception de sites Web pour les nuls