Conception de sites Web mobile pour les nuls

Comme vous commencez à penser à la meilleure façon de concevoir la version mobile (ou versions) de votre site Web, examiner les défis uniques du Web mobile. Voici quelques considérations à garder à l'esprit que vous concevez des sites pour le Web mobile:

Sommaire

  • Assurez-vous que votre conception adapte sur les petits écrans.

  • Images de limites et texte de sorte pages se chargent rapidement, même à des vitesses lentes de connexions.

  • Créer des liens et d'autres options de navigation qui sont faciles à cliquer sur un (graisse) doigt, stylet, ou d'autres options d'entrée limitée.

  • Vos visiteurs ont un besoin urgent d'informations. Beaucoup de gens se tournent vers le Web mobile parce qu'ils doivent. Vos visiteurs peuvent être perdues, en retard, ou vraiment besoin de savoir qui a remporté le Super Bowl en 1987 pour gagner un pari de bar.

  • Heure et lieu matière. Ne pas oublier que vos utilisateurs ont accès à plus que votre site Web et que leurs actions sont susceptibles d'être affectés par l'endroit où ils sont, ce moment de la journée, et même si il pleut.

Choisissez une stratégie Web Conception mobile

Votre approche de la conception d'un site Web mobile dépend de contenu de votre site, vos ressources et votre auditoire. Les conseils suivants peuvent vous aider à comprendre les stratégies possibles de conception Web mobile et en choisir un qui fonctionne pour vous:

  • Créer un simple version de votre site: Cette stratégie garantit que le plus grand nombre de visiteurs de votre site peut au moins obtenir l'information la plus importante sur votre site (comme votre numéro de téléphone quand ils sont sur le chemin de votre bureau). Assurez-vous que la conception fonctionne même sur de bas de gamme des appareils mobiles et un lien vers votre site à partir du bureau. Le site Web http://mobilynx.net, montré dans la figure, est conçu pour fonctionner sur une variété de dispositifs mobiles et fournit une collection organisée de liens vers d'autres sites conçus pour le Web mobile.

    image0.jpg
  • Concevoir plusieurs versions: Beaucoup de concepteurs de créer différentes versions d'un site Web et les visiteurs automatiquement directs à la version qui est mieux optimisée pour leur taille de l'écran et les fonctions prises en charge par leur téléphone ou dispositifs.

    Si vous avez le temps, l'expertise, ou le budget, concevoir différentes versions de votre site Web, chaque optimisé pour les différentes tailles et capacités des différents appareils, est la meilleure stratégie.

  • Utilisez adaptation de contenu: Fondamentalement, vous créez un design de site Web, puis l'adapter à chaque appareil. Ainsi, la structure de base du site sera le même sur tous les appareils, mais des éléments spécifiques, tels que les formats d'image ou l'apparition de vidéos va changer en fonction de ce que l'appareil peut supporter.

    Lorsque vous développez un site en utilisant l'approche contenu d'adaptation, il est bon de commencer par la création d'un fil de fer, une sorte de plan pour la conception de votre site, comme indiqué dans la figure

    image1.jpg
  • Conception d'une version haut de gamme: Cela fonctionne si vous savez que vos visiteurs utilisent principalement un iPhone haut de gamme ou Droid, le nom utilisé pour les téléphones qui fonctionnent sur le système d'exploitation Android de Google. Photographie du site Web de Jasper Johal, montré dans la figure, paraît bien sur un iPhone et un ordinateur de bureau.

    image2.jpg

Utilisez Location-Based moteurs de recherche pour mobile

La recherche mobile est en train de devenir la prochaine grande bataille hyper-concurrentiel. Tous les suspects habituels sont déjà là, coups de sortir des parts de marché, mais d'autres, des moteurs, plus spécialisées basés sur la localisation recherche mobile surgissent dans l'espoir de se tailler une place pour eux-mêmes. Voici quelques-uns des principaux acteurs:


  • AOL Mobile: http://wap.aol.com

  • Ask.com Mobile: http://m.ask.com

  • Bing Mobile: http://m.bing.com

  • Find.Mobi: http://find.mobi

  • Google Mobile: google.com/m

  • Taptu: http://m.taptu.mobi

  • Yahoo! Mobile: http://m.yahoo.com


» » » Conception de sites Web mobile pour les nuls