Vidéo: Free Dreamweaver CC 2018 Course - Introduction to Responsive Web Design 2025
Par Janine Warner, David LaFontaine
Pour concevoir des pages pour le Web mobile, vous aurez besoin de comprendre la spéciale défis et avantages de la conception Web mobile - y compris les petites tailles d'écran, les différences entre les appareils mobiles, et les vitesses de connexion plus lentes que le Web de bureau, pour n'en nommer que quelques-uns. Mais le Web mobile offre également une accessibilité et des fonctionnalités que vous ne trouverez pas sur le Web de bureau, et offre une opportunité de se connecter avec vos visiteurs, où qu'ils soient.
Conseils pour concevoir un site Web mobile réussi
Lorsque vous commencez à réfléchir à la meilleure façon de concevoir la ou les versions mobiles de votre site Web, considérez les défis uniques du Web mobile. Voici quelques points importants à garder à l'esprit lorsque vous concevez des sites pour le Web mobile:
-
Assurez-vous que votre conception est adaptée aux petits écrans.
-
Limitez les images et le texte afin que les pages se chargent rapidement, même à des vitesses de connexion lentes.
-
Créez des liens et d'autres options de navigation faciles à cliquer avec un (gros) doigt, un stylet ou d'autres options de saisie limitées.
-
Vos visiteurs ont un besoin urgent d'informations. Beaucoup de gens se tournent vers le Web mobile, car ils doivent le faire. Vos visiteurs peuvent être perdus, en retard, ou ont vraiment besoin de savoir qui a gagné le super bowl en 1987 pour gagner un pari de barre.
-
Le temps et l'endroit comptent. N'oubliez pas que vos utilisateurs ont accès à plus que votre site Web et que leurs actions sont susceptibles d'être affectées par leur emplacement, leur heure et même s'il pleut.
Choisissez une stratégie de conception Web mobile
Votre approche de la conception d'un site Web mobile dépend du contenu de votre site, de vos ressources et de votre audience. Les conseils suivants peuvent vous aider à comprendre les stratégies de conception de sites Web mobiles possibles et en choisir un qui vous convient:
-
Créez une version simple de votre site: Cette stratégie garantit que le plus grand nombre de visiteurs possible sur votre site obtenir les informations les plus importantes sur votre site (telles que votre numéro de téléphone quand elles sont en route pour votre bureau). Assurez-vous que la conception fonctionne même sur les appareils mobiles bas de gamme et établissez un lien à partir de votre site de bureau. Le site Web // mobilynx. net, montré dans la figure, est conçu pour fonctionner sur une variété d'appareils mobiles et fournit une collection organisée de liens vers d'autres sites conçus pour le Web mobile.
-
Conception de plusieurs versions: De nombreux concepteurs créent différentes versions d'un site Web, puis redirigent automatiquement les visiteurs vers la version la mieux optimisée pour la taille de l'écran et les fonctionnalités prises en charge par leur téléphone ou appareil.
Si vous avez le temps, l'expertise ou le budget, la meilleure stratégie consiste à concevoir différentes versions de votre site Web, optimisées pour les différentes tailles et capacités des différents périphériques.
-
Utiliser l'adaptation de contenu: Fondamentalement, vous créez un design de site Web, puis vous l'adaptez à chaque périphérique. Ainsi, la structure de base du site sera la même sur tous les appareils, mais des éléments spécifiques, tels que la taille des images ou l'apparence des vidéos, changeront en fonction de ce que l'appareil peut supporter.
Lorsque vous développez un site à l'aide de l'approche d'adaptation du contenu, commencez par créer une structure filaire, une sorte de plan directeur de votre site, comme indiqué dans la figure
-
Concevoir une version haut de gamme: > Cela fonctionne si vous savez que vos visiteurs utilisent principalement un iPhone ou un Droid haut de gamme, le nom utilisé pour les téléphones fonctionnant sur le système d'exploitation Android de Google. Le site Web de photographie de Jasper Johal, illustré dans la figure, semble bien sur un iPhone et un ordinateur de bureau. Utiliser les moteurs de recherche basés sur la localisation pour mobile
La recherche mobile devient le prochain grand champ de bataille hyper compétitif. Tous les suspects habituels sont déjà là, en quête de parts de marché, mais d'autres moteurs de recherche mobiles, plus spécialisés, basés sur la localisation, sont en train de naître dans l'espoir de se tailler une place. Voici quelques-uns des principaux acteurs:
AOL Mobile:
-
// wap. aol. com Demandez. com Mobile:
-
// m. demander. com Bing Mobile:
-
// m. bing. com Trouver. Mobi:
-
// trouver. mobi Google Mobile:
-
www. Google. com / m Taptu:
-
// m. taptu. mobi Yahoo! Mobile:
-
// m. yahoo. com
