Choisissez une stratégie de conception Web 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.
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
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.
Images de conception pour l'iPhone et l'iPad Ayant images accrocheur sur votre site Web est l'une des meilleures façons d'attirer iPhone et iPad amateurs soucieux de leur image. Mais bachotage une image haute résolution qui peut être soufflé jusqu'à la taille de l'affiche sur un écran de…
Détecter et appareils mobiles directs Avant de plonger dans les détails de façons les plus complexes de la gestion de la détection de l'appareil, cette section commence par un aperçu. Si vous souhaitez offrir des versions différentes d'un site à des milliers de différents…
Comment concevoir pour les différents navigateurs web Bien que votre public peut différer, vous pouvez créer des sites Web qui semblent bonnes dans Safari sur l'iPhone et l'iPad sans compromettre la conception de la page lorsque l'affichage dans les navigateurs Web les plus populaires sur…
Optimiser les conceptions web pour l'iPhone L'écran de l'iPhone est petite, mais essayez d'arrêter de penser à des contraintes et de commencer à se concentrer sur les incroyables nouvelles opportunités - comme attirer un public de personnes en mouvement - des gens qui peuvent être…
Des tests d'assurance qualité pour les sites web mobiles Avant de lancer un nouveau site destiné à l'iPhone et l'iPad, toujours tester pleinement son design et de fonctionnalité sur l'iPhone ou l'iPad, pour assurer que le site ressemble et fonctionne de la façon dont vous pensez qu'elle le devrait.…
Dessinez un plan du site pour la conception web La carte du site web montre principales sections du site Web, et comment les pages de votre nouveau site Web affichées pour iPhone ou iPad permettra de relier les uns aux autres.Un plan du site comme celui ci fournit un aperçu visuel des grandes…
Iphone Test conçoit avec Safari Le plus proche vous pouvez venir à avoir Safari sur un iPhone ou iPad est Safari sur un ordinateur. Il a quelques différences notables, y compris la taille de l'écran plus grand que la plupart des gens utilisent les ordinateurs et le fait que…
Couvrez vos bases avec cette liste de référencement mobile du tâches La grande majorité des Américains surfer sur le web à partir de leurs téléphones. Voici une liste de tâches de conception de sites Web et d'optimisation mobiles de référence rapide. Lors de votre site mobile, assurez-vous de cocher les…
Comment tester votre modèle de site Web sur Squarespace Lors du réglage de styles sur Squarespace, vous devez tester votre site sur différents appareils tels qu'un iPhone, un téléphone Android, un iPad et un Kindle Fire ou autre tablette, en particulier si vous ajoutez votre propre code CSS…
Les médias sociaux métriques: suivi de l'activité d'un dispositif mobile sur les sites réguliers Pour faire face à la partie mobile de métriques de médias sociaux, vous pouvez faire un peu de repérage mobile dans Google Analytics. Pour cette raison, il n'y a pas de temps comme le présent pour commencer des plans de pose pour un version…
Choisir une stratégie pour votre conception de Web mobile 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…
Optimisation de vos projets web mobiles 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…
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…
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…