Share
En termes simples, l'erreur d'échelle est le phénomène où les gens supposent à tort que quelque chose qui fonctionne à une taille fonctionnera également à une autre taille. Dans cet article, nous allons discuter de la manière dont cette erreur intervient dans le monde physique réel, puis nous expliquerons comment appliquer les leçons à vos propres conceptions Web..
Je regardais récemment le remake du film pour Le choc des Titans quand ce vieux principe de conception est venu à l'esprit. Dans une scène culminante, les scorpions géants attaquent le héros du film dans une bataille épique à mort. Les scorpions, aux proportions gigantesques, étaient agiles et mortels, comme vous pouvez vous en douter lorsque vous avez affaire à un ennemi aussi redoutable…
La puissance des effets spéciaux numériques de nos jours laisse penser qu'il est tout à fait possible qu'une telle monstruosité augmentée puisse se produire si le bon alignement de Zeus et du rayon de croissance de Chérie, j'ai soufflé les enfants (Un autre exemple impressionnant de pourquoi la science et Hollywood ne devraient jamais faire des bébés). Cependant, la réalité d'un monstre gigantesque à l'échelle est physiquement impossible.
Bien que l'on parle beaucoup des insectes minuscules capables de soulever des poids énormes par rapport à leur taille corporelle relative, la pure réalité de cette même force transférée à une version géante de ce même insecte ne fonctionne tout simplement pas dans le monde physique.
Une petite fourmi peut soulever 50 fois son poids, mais cela ne signifie pas qu'une fourmi de 1 000 lb serait capable de soulever 50 000 lb. Les effets de la gravité sur un insecte minuscule sont pratiquement inexistants, mais la gravité devient un pouvoir très réel une fois que la taille est augmentée. Une fourmi de 1 000 lb aurait du mal à sortir du lit le matin.
L'erreur d'échelle ne concerne pas seulement les petites choses. Une montagne massive peut supporter mille tempêtes de pluie et de neige… mais une petite colline de terre sera emportée par la brise la plus douce..
Vous l'obtenez… ce qui fonctionne avec une taille unique ne fonctionne pas toujours lorsqu'il est étendu au-delà des intentions de conception d'origine. La conception, la fonction et la convivialité de presque tout dans le monde entier sont liées les unes aux autres par leur échelle.. L'erreur se produit lorsqu'un concepteur suppose que la facilité d'utilisation sera conservée lors de la réduction ou de la réduction d'une conception..
Scaling Fallacy intervient dans la conception Web dans deux domaines clés: hypothèses d'interactivité et hypothèses de charge. Nous discuterons des deux dans un moment, mais pendant que vous lisez, je veux que vous considériez à quel point ces problèmes d’échelle sont faciles à résoudre..
Comme le dit le vieil adage, "le recul est 20/20"... c'est être capable de prédire avec précision l'avenir si sacrément délicat.
Dans la majorité des cas, la résolution de ces problèmes de conception est assez simple (ajout d’un système de pagination, protection d’une mise en page d’images trop grandes à l’aide du code CSS). débordement caché en demandant aux clients de ne jamais jouer avec le système de navigation, etc.). Toutes ces tâches sont faciles à effectuer… il s'agit d'identifier ces problèmes avant qu'ils ne surviennent, ce qui nécessite une réflexion et une préparation minutieuses..
Très bien, passons aux choses sérieuses:
Hypothèses d'interaction se produit lorsque vous créez une conception basée sur l'hypothèse que le comportement de l'utilisateur sera le même à différents niveaux d'échelle.
L'exemple classique est celui d'un plan d'évacuation en cas d'incendie: un plan d'évacuation en cas d'incendie général pour une petite maison est simple: quittez l'immeuble le plus rapidement possible et appelez la police. La même stratégie de sortie, appliquée à un immeuble de bureaux doté de gratte-ciel, entraînerait une catastrophe. Le problème n'est pas la conception à proprement parler, c'est le fait que la conception n'a pas tenu compte de la nouvelle échelle.
Dans la conception Web, des hypothèses d'interactivité similaires peuvent se produire lorsque vous supposez qu'un client va remplir votre conception Web avec le contenu que vous souhaitez..
Par exemple, l'emplacement, le style et la taille d'une barre de navigation peuvent parfaitement convenir lorsqu'un blog ne comporte que 4 ou 5 catégories, mais la même barre de navigation devient presque inutilisable lorsque 20 liens ou plus sont ajoutés:
Dans ce cas, la solution est assez simple: indiquez au client qui utilise le site Web de limiter ses liens de navigation principaux à une poignée (ou utilisez un menu déroulant pour des liens supplémentaires)..
Identifier les hypothèses d'interaction n'est pas sorcier, mais cela nécessite une sorte de pensée flexible qui rend compte de différentes possibilités. En termes de conception Web, si vous concevez un élément en supposant qu’il ne sera utilisé que de manière unique (par un utilisateur ou par la personne qui saisit le contenu un an après avoir quitté le projet), il y a de très bonnes chances que l'élément fonctionnera mal lorsqu'il sera utilisé d'une manière différente de ce que vous souhaitiez.
Voici quelques exemples de suppositions d'interaction simples… ce ne sont pas toutes des hypothèses, mais cela devrait vous donner une bonne idée de la façon dont cela fonctionne:
La plupart de ces problèmes doivent être faciles à résoudre… quelques lignes de code supplémentaires ou une simple réunion pédagogique avec un client peuvent empêcher tout problème de se produire… mais ce que je veux que vous reteniez, c'est que vous devez toujours anticiper les scénarios dans lesquels vos conceptions sont utilisées d'une manière que vous ne planifiez pas initialement..
Les hypothèses de charge sont un peu différentes - elles se produisent lorsqu'un concepteur suppose que les contraintes sur un système donné seront les mêmes à toutes les échelles. Les hypothèses de charge se produisent souvent du côté du développement d'un projet de conception Web; Faire l'hypothèse qu'une conception Web lourde en images qui fonctionne lorsque 1 000 personnes visitent le site un mois peut être évacué de l'eau lorsque plus d'un million de personnes visitent la journée et exercent une pression supplémentaire sur le serveur. Le même principe peut aussi s'appliquer à la conception visuelle d'un site…
Par exemple, vous concevez une présentation de galerie d'images incroyablement facile à parcourir lorsqu'il n'y a que 10 images… mais en ne fournissant pas un système de "pagination" approprié, la présentation entière devient difficile à parcourir lorsque plus de 25 images sont ajoutées..
La solution est assez simple dans ce cas: en ajoutant un système de pagination simple, le même design peut être rendu "évolutif" avec quelques petites modifications. Un système de pagination numéroté est ajouté, et whallah !, votre dessin est à nouveau utilisable… à toute échelle raisonnable. Vous ne rencontrerez de nouveau le problème de mise à l’échelle que si votre bibliothèque d’images dépasse le raisonnable limites du système de pagination… à quel point vous devriez envisager un système de marquage et de recherche plus perfectionné.
Identifier les hypothèses de charge est également assez simple: imaginez une partie de votre conception étirée à l'extrême en termes de contenu… puis planifiez en conséquence. La solution peut être un ajustement de la conception ou de l'interface utilisateur (comme dans l'exemple de la pagination), mais cela peut aussi être aussi simple que d'indiquer aux utilisateurs quelles sont les limites. Si votre conception ne permet que 100 images et que vous ne pouvez rien y faire, dites-le simplement aux utilisateurs dès le départ. Voyez comment c'est simple?
Le dernier type d’hypothèse que j’aimerais décrire est celui que la plupart d’entre vous connaissez: les hypothèses de taille d’écran. Ce sujet à lui seul est digne de son propre article de blog (plus de détails à ce sujet la semaine prochaine), je vais donc essayer de rester bref:
Si vous concevez un site Web et que vous ne vous arrêtez pas un instant pour tester son apparence dans une résolution différente, arrêtez-vous maintenant et faites-le.!
L'époque où 75% des internautes surfaient sur un moniteur 1024x768 est révolue. De nos jours, les gens surfent sur le net sur des écrans de toutes formes et de toutes tailles, qu'il s'agisse d'écrans d'iPhone minuscules ou de grands téléviseurs HD..
Concevoir un site Web en partant du principe que tout le monde a une certaine taille d'écran n'est pas seulement à courte vue, il sape la convivialité fondamentale de votre site. Bien qu'il ne soit pas logique de créer un site Web différent pour chaque type d'appareil, il est certainement utile de prendre une heure ou deux pour au moins voir comment votre site se comportera avec différents types d'écran et résolutions..
Trouver quelques ajustements que vous pouvez effectuer lors de la phase de conception d'un site vous évitera beaucoup de problèmes à long terme. Voici quelques astuces pour éviter les hypothèses de taille d'écran:
Aucun plan de bataille ne survit jamais au contact de l'ennemi.
Le seul véritable moyen d'éviter l'erreur d'échelle consiste à être constamment à l'affût. Tout au long du processus de conception, vous devez être conscient de votre propre tendance à formuler ce type d’hypothèses..
Ne vous contentez pas de concevoir en partant du principe que tout ce que vous créez dans Photoshop ou Fireworks restera identique lors du lancement du site Web. À moins que vous ne participiez à un projet dans lequel vous allez être la seule entité à concevoir et ajouter du contenu au site, il y a de fortes chances pour que quelqu'un, à un moment donné, ajoute du contenu qui rompra vos attentes quant à la manière dont ce design était destiné. être utilisé.
De même, évitez de concevoir des choses qui ne fonctionnent que sur une échelle extrêmement limitée. Comme nous le savons tous, les personnalisations et les révisions d'une conception Web peuvent s'avérer un processus pénible, ardu et coûteux… concevoir sous l'égide d'échelle d'échelle ne fait que multiplier ces problèmes, car il vous sera demandé de revoir vos anciennes conceptions aussi souvent que le comportement des gens tomber en dehors de vos propres hypothèses.
C'est tout pour le moment! J'espère que tout le monde trouvera ce post utile… The Scaling Fallacy est l'un de ces principes énigmatiques faciles à expliquer de manière abstraite, mais difficiles à cerner dans des conceptions concrètes… il faut donc beaucoup de pratique et de vigilance constante pour éviter les pièges majeurs à partir des hypothèses que nous avons discutées.
Si vous avez aimé le post ou si vous avez quelque chose à ajouter, postez-le ci-dessous dans les commentaires. À votre santé!
Accentsconagua