web-dev-qa-db-fra.com

Les sites optimisés pour mobile devraient-ils autoriser le zoom?

Le zoom est courant sur mobile car les sites ne sont pas conçus pour cela; vous besoin pour zoomer, en général, vous n'avez pas voulez pour zoomer. Les sites mobiles sont supposés pour ne nécessiter aucune forme de zoom, et désactivent souvent le zoom.

Il semble contraire à la convention d'autoriser le zoom pour les sites mobiles; ils sont supposés pour être optimisés pour les mobiles, et fonctionnent/affichent plus comme des applications mobiles. Vous ne pouvez pas pincer pour zoomer sur la plupart des applications mobiles; la mise en page est fixe similaire à ces sites mobiles à fenêtre fixe.

Les sites optimisés pour les mobiles devraient-ils permettre le zoom? J'ai entendu cela apparaître comme problème d'accessibilité/de contrôle , mais les options d'accessibilité sont généralement installé dans votre navigateur - agrandissez la police ect. Le zoom par pincement est un problème et sur les dispositions mobiles, cela n'a pas beaucoup de sens. Mais quand devrait-il être autorisé? Quels sont les avantages pour les utilisateurs ou les concepteurs?

42
Ben Brocka

J'ai raté la capacité de zoom sur la plupart des sites optimisés pour mobile que j'ai vus. Principalement parce que les liens et les boutons sont trop petits ou trop proches les uns des autres (la taille du texte n'a pas été un problème). Je reviens généralement à la vue de bureau ordinaire.

MAIS: Une application bien conçue ne devrait pas se heurter à de tels problèmes ...

Donc, cela nous ramène à l'essence de l'ingénierie de l'utilisabilité:

1) Une solution optimisée pour mobile doit avoir un objectif. Pourquoi créer une alternative mobile dédiée? Quelle est la tâche principale d'un utilisateur lorsqu'il visite le site avec un appareil mobile?

2) Vérifiez l'utilisation réelle par rapport aux objectifs d'utilisabilité prédéfinis. C'est plus important que jamais. Test test test. Les solutions mobiles mal conçues peuvent devenir une solution complète et inutile. (Les solutions de bureau sont plus indulgentes (IMHO), et l'utilisateur peut généralement le découvrir ou trouver une solution).

Ce deuxième point est vraiment important. Alors que le premier point concerne l'état d'esprit des vendeurs, le second concerne l'utilisateur. Nous n'en savons pas encore assez sur l'utilisation du mobile. Nous devons identifier ici un tout nouveau problème de convivialité.

(En fait, tout le monde mobile est encore assez immature, et des questions comme celle-ci - une bonne question en effet - prouvent que nous essayons encore un peu pour trouver la meilleure façon de tirer parti de toutes les possibilités).

18

Sur la base de mes recherches d'utilisateurs mobiles, je préfère ne pas désactiver l'option de zoom.

Les personnes que j'ai interviewées pendant les études d'utilisabilité venaient avec les mêmes modèles mentaux qu'ils avaient créés en utilisant des ordinateurs de bureau. Cela signifie que leurs objectifs et leurs habitudes ne changent pas.

Tant que les gens sont habitués à zoomer (en particulier dans les images et les infographies), nous devons les laisser.

17

S'il s'agit d'un site mobile, vous devez activer le zoom. Il est vrai que les applications mobiles natives ne permettent pas le zoom, mais je pense que les utilisateurs ont des attentes différentes pour les applications natives par rapport aux sites mobiles.

Vous pouvez penser que la taille de police que vous avez choisie pour votre site optimisé pour mobile est ... "optimisée", mais vous ne pouvez jamais garantir cela. Les personnes ayant un problème de vue préfèrent toujours zoomer. Bien sûr, ces utilisateurs peuvent utiliser les lecteurs d'écran intégrés, mais pourquoi leur rendre la tâche plus difficile? Enfin, qu'avez-vous à perdre en activant le zoom utilisateur?

Nous avons désactivé le zoom utilisateur sur le thème mobile des sites Stack Exchange auparavant, et l'avons récemment activé en raison d'un plainte de l'utilisateur .

12
Jin

S'il vous plaît s'il vous plaît s'il vous plaît jamais désactiver le zoom.

D'accord, vous pensiez peut-être que la conception de votre site Web était correcte, vous pensiez peut-être que chaque taille de police était correcte et que chaque photo était suffisamment claire pour que vos utilisateurs n'aient jamais besoin de zoomer sur quoi que ce soit.

Ainsi, vos utilisateurs viendraient sur votre site, la version mobile se déclencherait et ils défileraient joyeusement de haut en bas, sans même penser à un besoin de zoomer.

Mais juste pour vous assurer que vous êtes allé et que vous ne l'avez pas fait, vous êtes allé de l'avant et avez bloqué le zoom, juste pour être vraiment sûr qu'ils savaient quelle était votre intention pour le site Web. Votre code de blocage du zoom n'est jamais utilisé de toute façon parce que votre site Web est si parfait, mais il est là et vous vous sentez mieux. Peut-être que cela oblige vos testeurs à vérifier le site d'une certaine manière. Quoi qu'il en soit, il y a une raison pour laquelle vous êtes convaincu que vous êtes valide.

Ensuite, une pauvre personne essaie de naviguer vers votre site Web sur son iphone dans la voiture. Ils essaient juste de trouver un code postal. Ils veulent le copier et le coller dans leur application satnav. Les enfants crient. L'épouse s'impatiente et votre utilisateur essaie désespérément de faire un zoom avant. Un formatage fou ou une autre bizarrerie le fait continuer à sélectionner le bloc de texte entier. Il veut juste le code postal. Il essaie de zoomer encore et encore. Il veut juste zoomer suffisamment pour pouvoir afficher le code postal ÉNORME sur l'écran, afin de faire glisser le plus facilement possible une case autour du texte qu'il souhaite. Non, ce n'était pas dans votre cas d'utilisation. Il essaie de faire tourner son téléphone, pas mieux. La femme commence à pleurer maintenant. Les choses deviennent désespérées. Il trouve un sacré stylo dans la poche de la porte, enfoui dans des mouchoirs et des emballages sucrés et écrit le code postal sur sa main. C'est un stylo rugueux qui aspire le sang avant que l'encre ne sorte. Puis il quitte avec colère votre `` application web '', charge son GPS et le tape à nouveau, espérant nerveusement qu'il ne confond pas un L pour un 1 et se retrouve du mauvais côté du pays.

Il déteste maintenant votre site Web et votre organisation, il est plus proche du divorce, il est en retard pour le mariage, sa patience est épuisée, il déteste son téléphone et sa femme pense que la technologie est une perte de temps.

Juste parce que tu as dû gratter cette démangeaison.

Par tous les moyens, optimisez votre site pour mobile si vous le souhaitez. Passez des heures et convaincez-vous que c'est beau. Mais laissez vos utilisateurs décider s'ils zooment ou non. Ils connaissent mieux leurs besoins que votre capacité à prédire les besoins du monde entier.

11
Dave

Je me rends compte que c'est une vieille question mais je l'ai trouvée et je voulais ajouter mon option pour les futurs utilisateurs qui pourraient trouver cela, c'est aussi quelque peu personnel.

Je suis légalement aveugle et lorsque je suis sur mon iPhone, je dois souvent passer à la version complète d'un site s'ils ne proposent pas de pincer pour zoomer. Sous le paramètre d'accessibilité, la taille du texte ne fonctionne pas pour safari. Je ne peux pas lire le contenu de la page. Cela est particulièrement frustrant sur les forums où le lecteur n'est pas disponible. J'ai besoin d'une pincée pour zoomer. Surtout si je ne veux pas utiliser le zoom plein écran car cela rend le défilement des pages un peu plus difficile.

Quoi qu'il en soit, juste mon avis :)

7
Dustin

Ma philosophie est de ne pas bloquer délibérément aucune fonctionnalité existante sans une bonne raison. Les sites mobiles ne doivent pas exiger zoomer, mais puisque vous n'avez pas à le développer et que vous devez réellement investir plus dans le blocage que dans le permettre - pourquoi ne pas laisser les utilisateurs l'avoir?

Nous bloquons les fonctionnalités lorsqu'il s'agit de prévenir les erreurs, de ne pas laisser l'utilisateur se retrouver dans une impasse ou une boucle, ou de contredire les objectifs du système (par exemple, je ne laisserai pas les utilisateurs masquer les annonces sur une application alimentée par des publicités, même si l'infrastructure le permet). Mais ici - si un utilisateur estime que le zoom l'aide à utiliser le site Web, pourquoi pas? Ce n'est pas parce qu'il ne correspond pas à la façon dont je voulais utiliser le site Web.

6
Vitaly Mijiritsky

Pour ceux qui se demandent pourquoi NE PAS autoriser le pincement au zoom pourrait (en quelque sorte) devenir une convention, je peux offrir mon opinion en fonction de mon problème actuel.

Éléments de position fixes.

La seule façon (pour autant que je l'ai compris) de le faire fonctionner correctement sur les anciens systèmes d'exploitation est de désactiver le pincement par zoom.

Ce serait génial si les navigateurs mobiles n'empêchaient pas essentiellement Javascript de s'exécuter pendant le défilement, mais je peux comprendre pourquoi ils le font.

Facebook est l'exemple parfait, même si je ne sais pas si c'est leur raisonnement? Beaucoup de fonctionnalités de Nice, certaines (je suppose) sont fixes: position.

3
BanjoBoy

Je ne comprends pas pourquoi le zoom est supprimé. Le but du zoom est de lire ce qui se trouve sur le site. Si nos yeux ne peuvent pas lire les petits caractères, nous devons zoomer pour éviter une fatigue oculaire sévère. Si elle est supprimée pour vous assurer que nous voyons les publicités, n'oubliez pas que nous ne prendrons pas la peine d'utiliser le site du tout si l'impression est trop petite. Aussi, pourquoi tant de gens utilisent-ils des polices gris clair et bleu? Celles-ci sont également très difficiles à voir. Le but du site n'est-il pas de permettre aux gens de le lire? De toute évidence, ceux qui prennent de telles décisions n'ont pas ces problèmes de vision. Et pour une raison quelconque, ils ne sont pas disposés à considérer la difficulté qu'ils causent à d'autres personnes. Le zoom est un merveilleux outil. Dommage qu'il ne soit pas toujours disponible. Cela me rend très frustré et en colère - trop souvent. Si ce sont les jeunes qui prennent ces décisions, je pense qu'ils sont très ignorants. Peut-être qu'un jour ce sera aussi leur expérience.

2
Raquel

Pincez ou pas pour pincer.

La fonctionnalité Pinch est par pas un must comme cela est exprimé dans les applications natives - elle est utilisée comme une amélioration spécifique de l'UX. Par exemple: imaginez essayer de manipuler une photo sur mobile sans pincer le zoom! Je suis sûr que ce serait lourd. Cependant, les applications de lecture par exemple RAREMENT ont la fonctionnalité car elles ne correspondent pas à la tâche à accomplir, c'est-à-dire la lecture d'une longueur de texte.

Donc, si votre contenu Web est amélioré ou vous oblige même à avoir cette fonctionnalité (pour voir une image plus détaillée par exemple) alors BOOM , vous avez le sortir de la boîte sans avoir à l'inclure.

Mon sentiment général, cependant, est que la plupart du temps vous cliquez et faites défiler sur un site mobile, et ne nécessite donc pas le zoom, car évidemment vos boutons seront beaux et gros, votre texte sera lisible et vos images coulera comme un pro. Cela étant, vous n'avez pas besoin du zoom (et vous pouvez ensuite le désactiver, car il serait ennuyeux de zoomer lorsque vous n'avez pas besoin de faire le droit?!) Ou vous pouvez même le détourner pour une application Web amusante (imaginez un Jeu HTML5 qui profite du zoom à des fins interactives ...), Si vous n'avez pas besoin d'une fonctionnalité, ne l'utilisez pas.

2
benbyford

Eh bien, techniquement, le zoom n'existe que pour le navigateur mobile afin que les sites non optimisés pour la taille de l'écran puissent être consultés par l'utilisateur. Les applications natives ne zooment pas. Ils peuvent zoomer du contenu, comme une image, mais l'interface ne fait pas de zoom. L'utilisateur est bloqué avec les valeurs par défaut. Donc, pour moi, la recherche de certains sites optimisés pour les mobiles nécessitant un zoom signifie que les créateurs du site n'utilisent pas la taille de police standard ou recommandée pour la plate-forme mobile ciblée.

En général, si la taille de police par défaut d'une application mobile est trop petite pour une lecture confortable, l'utilisateur peut activer la technologie d'assistance intégrée, comme un lecteur d'écran. En tant que développeur Web mobile, je prends du temps et des efforts pour que les lecteurs d'écran fonctionnent de manière optimale avec les sites mobiles.

1
Robert Biggs

Le pincement pour zoomer et le balayage pour permuter, entre autres nouvelles conventions tactiles, sont non seulement utiles mais sont devenus attendus par les utilisateurs, comme Steven Woods de Flickr explique dans son séminaire YUI Theatre, Création d'interfaces tactiles HTML5 réactives .

1
msanford

Cela dépend du contenu. Même après avoir développé votre site pour une utilisation mobile, vous pouvez avoir des images de grande taille sur lesquelles vous souhaitez que les utilisateurs puissent zoomer. Pourtant, le but du développement d'une version mobile de votre site est que les utilisateurs n'aient pas besoin de pincer et de zoomer. D'après mon expérience, il est préférable de le désactiver, en veillant à ce que le texte et les boutons soient suffisamment grands pour être lus et utilisés avec un écran tactile, tout en offrant une option pour revenir à la version de bureau au cas où certains utilisateurs seraient plus à l'aise avec cette disposition et ne ça ne me dérange pas de zoomer.

1
Eric

Entièrement d'accord avec les réponses ici que vous ne devez jamais désactiver le zoom .

Heureusement, il existe un moyen de gérer ces sites désagréables, ce qui vous oblige à lire leur petit texte inconfortable, du moins sur l'IOS:

https://stackoverflow.com/a/5932683/161497

Et oui, cela fonctionne également pour les applications natives! Comme il se doit.

0
Dmitri Zaitsev