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. L'utilisation d'un simulateur est jamais un substitut pour remplir une liste de contrôle final sur un dispositif physique.
Dans le cadre de votre examen final, il est recommandé que vous effectuez ces tâches:
Donnez votre avis sur chaque page et tester toutes les fonctions.
Soumettre toute forme, regardez chaque image, et cliquez sur chaque lien.
Testez le périphérique intérieur et l'extérieur, à la fois un éclairage lumineux et sombre.
Test dans modes Portrait et Paysage.
Test dans la voiture (quand vous êtes un passager) et sur un bus ou en train. (Chaque environnement offre une perspective un peu différente sur les lieux et les situations où les visiteurs peuvent voir votre contenu).
Testez votre site sur les anciennes versions iPhone (comme les versions 1, 2 et 3) et sur le plus récent iPhone pour voir comment votre site ressemble sur les appareils anciens.
Examiner comment vos images et vos vidéos et autres types de médias regardent sur l'iPad plus rapide et haute résolution de l'iPhone 4.
Bien qu'ils semblent offrir l'option la plus simple pour tester la conception Web mobiles, la plupart des simulateurs qui travaillent au sein d'un navigateur Web souffrent de deux limites majeures:
Ils fonctionnent sur votre ordinateur: Votre ordinateur a presque certainement un processeur beaucoup plus rapide et beaucoup d'autres capacités que vous ne trouvez pas sur les téléphones mobiles.
Ils affichent bureau, plutôt que mobile, versions d'un site: Sauf si vous utilisez un User Agent Switcher, tout ce que vous faites est l'ouverture de la version de bureau d'un site dans une petite fenêtre dans un navigateur Web.
En effet, dans les récents essais des sites iPhone testeur et TestiPhone.com, ils ont été trouvés presque inutile en raison de leur incapacité à restituer correctement les pages comme un iPhone. Ces sites ne sont plus recommandés.
Conception pour les navigateurs Safari et chrome Safari et Chrome sont des navigateurs WebKit, basé sur le même WebKit déchirerERing moteur, qui contrôle la façon dont le navigateur interprète HTML, CSS et autre code. Tous les navigateurs WebKit suivent les mêmes règles (au moins la…
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…
Améliorer les fonctionnalités de test de safari avec des extensions Lors du test de votre site Web mobile-commerce nouvellement conçu, il est parfois plus facile de travailler avec ce que vous avez. Si vous avez déjà Safari ou Chrome installé sur votre ordinateur, vous avez de la chance. Ils rendent les sites…
Comment activer l'agent utilisateur switcher dans Safari Lorsque vous testez un site web destiné à l'iPhone et l'iPad sur un ordinateur de bureau, si le script de détection de périphérique sur un serveur reconnaît que vous utilisez un navigateur sur un ordinateur, il ne vous montre pas la version de…
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…
Résolution de l'écran et la profondeur de couleur sur les appareils portatifs Si vous êtes nouveau à la création d'images, de vidéo et d'autres multimédia pour le web mobile, comprendre les concepts derrière des termes comme la profondeur de la couleur et résolution peut vous aider comme vous commencez à créer des…
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…
Testez votre site avec l'iPhone et l'iPad Un énorme avantage de se concentrer sur l'iPad / iPhone que vous concevez un site web est que vous pouvez relativement facilement tester vos conceptions. Même si vous avez seulement la version de bureau de Safari (disponible sur les deux systèmes…
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…
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…
Comment créer des conceptions Web mobiles ipad-friendly 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…
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…