Comment la résolution d'écran affecte-t-elle la conception d'une application web mobile?

Question

J'ai fait quelques recherches sur la création d'une application web mobile, j'en suis à la phase de conception et j'ai compilé une liste de la génération actuelle de téléphones intelligents leur taille d'écran et leurs résolutions. Donc nous savons tous qu'il y a une tonne de téléphones mobiles avec des tailles d'écran différentes, mais est-ce que je devrais regarder la taille d'écran physique ou la résolution lors de la conception de mon application web mobile (ou les deux)?

Cheers, IW

Answer 1

deux taille de l'écran physique et la résolution sont importants lors de la conception d'un mobile site Internet.

La taille de l'écran est importante car elle permet de définir la quantité de contenu pouvant être placée sur le site Web et de définir la taille de vos zones d'impact (essentielle pour les périphériques d'entrée tactile). La résolution déterminera la quantité de détails que vous pouvez avoir sur votre page, cela affecte des choses comme les graphiques.

Quelques suggestions quant à la façon dont vous pouvez faire votre travail de site Web bien sur une gamme d'appareils:

• Redimensionner graphiques pour s'adapter à chaque appareil que votre site est demandé. Cela garantira que la présentation est cohérente sur la plupart des périphériques.
• Favorisez des tailles flexibles pour les éléments de votre page - utilisez des pourcentages plutôt que des dimensions fixes et spécifiez des tailles de texte dans des tailles relatives.

Answer 2

Bien sûr, il est très important pour la pose de vos composants d'interface utilisateur. Une application conçue pour un écran plus grand peut finir par montrer des polices trop minuscules/éléments de contrôle, etc qui peuvent ne pas être facilement utilisable si vous l'écartez simplement aveuglément pour une plus petite zone d'affichage.

Answer 3

Je ne sais pas si ci-dessous serait utile, mais voici ce que je fais;

Je n'utilise des images comme éléments ui, mais des éléments HTML et CSS Je ne définit pas la taille des caractères en pixels, mais comme moyen, petit, grand, etc Pour le redimensionnement des bannières ou des images que j'utilise principalement http://deviceatlas.com ou http://wurfl.sourceforge.net. Si je ne peux pas être pris la peine que je crée simplement des images qui ne sont pas plus larges que 240px

Vous pouvez également consulter les cadres tels que jQuery Mobile