Share
Vereinfacht gesagt, ist der Skalierungsfehler ein Phänomen, bei dem Menschen zu Unrecht davon ausgehen, dass etwas, das bei einer Größe funktioniert, auch bei einer anderen Größe funktionieren wird. In diesem Artikel werden wir diskutieren, wie dieser Irrtum in der realen physischen Welt zum Tragen kommt, und dann wird erklärt, wie Sie die Lektionen auf Ihre eigenen Webdesigns anwenden können.
Ich habe mir kürzlich das Film-Remake angesehen Kampf der Titanen als mir dieses alte Designprinzip in den Sinn kam. In einer frühen Klimaszene greifen Riesen-Skorpione den Helden des Films in einer epischen Schlacht zum Tode an. Die auf gigantische Ausmaße abgestimmten Skorpione waren flink und tödlich, wie man es von einem solch furchterregenden Feind erwarten könnte…
Die Leistungsfähigkeit digitaler Spezialeffekte lässt es heutzutage durchaus möglich erscheinen, dass eine derart vergrößerte Monstrosität auftreten kann, wenn Zeus und der Wachstumsstrahl richtig ausgerichtet sind Schatz, ich habe die Kinder gesprengt (ein weiteres fantastisches Beispiel, warum Wissenschaft und Hollywood niemals Babys machen sollten). Die Realität eines gigantisch vergrößerten Monsters ist jedoch physisch unmöglich.
Während viel gesagt wird, dass winzige Insekten im Vergleich zu ihrer relativen Körpergröße riesige Gewichte heben können, funktioniert die schiere Realität dieser Kraft, die auf eine übergroße Version des gleichen Insekts übertragen wird, in der physischen Welt einfach nicht.
Eine kleine Ameise kann vielleicht das 50-fache ihres Gewichts heben, aber das bedeutet nicht, dass eine riesige Ameise mit einem Gewicht von 1.000 Pfund 50.000 Pfund heben könnte. Die Auswirkungen der Schwerkraft auf ein winziges Insekt sind praktisch nicht vorhanden, aber die Schwerkraft wird zu einer sehr realen Kraft, sobald die Größe vergrößert wird. Eine 1.000-Pfund-Ameise würde es schwer haben, morgens aus dem Bett zu rollen.
Der Skalierungsfehler ist nicht nur für das Skalieren kleiner Dinge zu groß - Ein massiver Berg kann durch tausend Regen- und Schneestürme bestehen…, aber ein winziger Dreckhügel wird von der sanftesten Brise weggespült.
Sie verstehen es… Was bei einer Größe funktioniert, funktioniert nicht immer, wenn es über die ursprünglichen Designabsichten hinaus skaliert wird. Das Design, die Funktion und die Verwendbarkeit von nahezu allem auf der ganzen Welt sind durch den Maßstab aneinander gebunden. Der Fehler tritt auf, wenn ein Designer davon ausgeht, dass die Benutzerfreundlichkeit beibehalten wird, wenn ein Entwurf vergrößert oder verkleinert wird.
The Scaling Fallacy kommt im Webdesign in zwei Schlüsselbereichen zum Tragen: Annahmen zur Interaktivität und Lastannahmen. Wir werden beide kurz besprechen, aber beim Lesen möchte ich, dass Sie überlegen, wie einfach sich diese Skalierungsprobleme lösen lassen.
Wie das alte Sprichwort sagt, "Rückblick ist 20/20"... es ist in der Lage, die so verdammt knifflige Zukunft genau vorherzusagen.
In den meisten Fällen ist das Lösen dieser Designprobleme recht einfach (Hinzufügen eines Paginierungssystems, Schützen eines Layouts vor übergroßen Bildern mithilfe von CSS) Überlauf versteckt Eigenschaft, die Kunden anweisen, sich niemals mit dem Navigationssystem zu beschäftigen usw.). All diese Aufgaben sind einfach zu erledigen… Sie müssen diese Probleme schon vor dem Auftreten erkennen, wenn sie sorgfältig überlegt und vorbereitet werden müssen.
Okay, lass uns in das Nötigste eintauchen:
Annahmen zur Interaktion Wenn Sie ein Design erstellen, das auf der Annahme basiert, dass das Verhalten des Benutzers auf verschiedenen Skalenebenen gleich ist.
Das klassische Beispiel ist ein Fluchtplan: Ein allgemeiner Fluchtplan für ein kleines Haus ist einfach: Verlassen Sie das Gebäude so schnell wie möglich, rufen Sie die Polizei an. Dieselbe Ausstiegsstrategie, wenn sie auf ein Wolkenkratzer-Bürogebäude voller Menschen angewandt wird, würde zu einer Katastrophe führen. Das Problem ist nicht das Design, sondern die Tatsache, dass das Design die neue Skala nicht berücksichtigt hat.
Beim Webdesign können ähnliche Annahmen zur Interaktivität auftreten, wenn Sie davon ausgehen, dass ein Client Ihr Webdesign mit dem Inhalt so füllt, wie er es erwartet.
Die Platzierung, der Stil und die Größe einer Navigationsleiste können beispielsweise perfekt sein, wenn ein Blog nur über 4 oder 5 Kategorien verfügt. Die gleiche Navigationsleiste wird jedoch fast unbrauchbar, wenn 20 oder mehr Links hinzugefügt werden:
In diesem Fall ist die Lösung recht einfach: Weisen Sie den Kunden, der die Website verwendet, an, seine Hauptnavigationslinks auf eine Handvoll zu beschränken (oder verwenden Sie ein Dropdown-Menü für weitere Links)..
Das Erkennen von Interaktionsannahmen ist keine Hexerei, sondern erfordert eine Art flexibles Denken, das verschiedene Möglichkeiten berücksichtigt. Wenn Sie ein Element unter Webdesign entwerfen und davon ausgehen, dass es nur auf eine einzige Weise verwendet wird (entweder von einem Benutzer oder von der Person, die den Inhalt ein Jahr nach dem Verlassen des Projekts eingibt), besteht eine sehr gute Chance Das Element funktioniert nicht richtig, wenn es auf eine Weise verwendet wird, für die Sie es nicht beabsichtigen.
Hier nur einige Beispiele, bei denen einfache Interaktionsannahmen gemacht werden… Dies sind keineswegs alle, aber es sollte Ihnen eine gute Vorstellung davon geben, wie dies funktioniert:
Die meisten dieser Probleme sollten leicht zu beheben sein. Nur ein paar zusätzliche Codezeilen oder ein einfaches Schulungsgespräch mit einem Kunden können verhindern, dass Probleme auftreten. Aber ich möchte, dass Sie sich davon nehmen Sie müssen immer Szenarien vorhersehen, bei denen Ihre Designs so verwendet werden, dass Sie sie ursprünglich nicht planen.
Die Lastannahmen sind etwas unterschiedlich - sie treten auf, wenn ein Konstrukteur davon ausgeht, dass die Belastungen für ein gegebenes System auf jeder Skala gleich sind. Lastannahmen treten häufig auf der Entwicklungsseite eines Webdesignprojekts auf. Wenn man davon ausgeht, dass ein Image-starkes Webdesign, das funktioniert, wenn 1.000 Menschen pro Monat die Website besuchen, aus dem Wasser geblasen werden kann, wenn mehr als eine Million Menschen pro Tag zu Besuch kommen und den Server zusätzlich belasten. Dasselbe Prinzip kann auch für die visuelle Gestaltung einer Website gelten…
Sie entwerfen beispielsweise ein Bildgalerie-Layout, das mit nur 10 Bildern unglaublich einfach zu durchsuchen ist. Wenn jedoch kein ordnungsgemäßes "Paginierungssystem" bereitgestellt wird, wird es schwierig, das gesamte Layout zu durchsuchen, wenn mehr als 25 Bilder hinzugefügt werden.
Die Lösung ist in diesem Fall ziemlich einfach: Durch Hinzufügen eines einfachen Paginierungssystems kann dasselbe Design mit ein paar kleinen Änderungen "skalierbar" gemacht werden. Ein nummeriertes Paginierungssystem wird hinzugefügt, und whallah! Ihr Design ist wieder verwendbar… in jedem vernünftigen Maßstab. Das Skalierungsproblem würde nur dann erneut auftreten, wenn Ihre Bildbibliothek das Bild überschritten hat angemessen Grenzen des Paginierungssystems… an diesem Punkt müssten Sie ein verfeinertes Tagging- und Suchsystem in Betracht ziehen.
Das Erkennen von Lastannahmen ist auch ziemlich einfach: Stellen Sie sich nur vor, dass ein bestimmter Teil Ihres Entwurfs inhaltlich an seine Grenzen stößt… und dann entsprechend planen. Die Lösung kann ein Design- oder UI-Tweak (wie im Beispiel für die Paginierung) sein, es kann aber auch so einfach sein, die Benutzer über die Grenzen zu informieren. Wenn Ihr Design nur 100 Bilder zulässt und Sie nichts dagegen tun können, teilen Sie dies den Benutzern einfach mit. Sehen Sie, wie einfach das ist?
Die letzte Art von Annahme, die ich gerne beschreiben möchte, ist eine, mit der die meisten von Ihnen vertraut sind: Annahmen zur Bildschirmgröße. Dieses Thema allein verdient seinen eigenen Blogeintrag (mehr dazu nächste Woche), daher versuche ich, mich kurz zu fassen:
Wenn Sie eine Website entwerfen und nie einen Moment aufhören, um zu testen, wie sie in einer anderen Auflösung aussieht, hören Sie sofort auf und machen Sie es!
Die Zeiten, in denen 75% der Internet-Surfer auf einem 1024x768-Monitor surfen, sind längst vorbei. Heutzutage surfen Menschen auf Bildschirmen aller Größen und Formen im Internet. Von kleinen iPhone-Bildschirmen bis hin zu riesigen HD-Fernsehern.
Das Entwerfen einer Website unter der Annahme, dass jeder eine bestimmte Bildschirmgröße hat, ist nicht nur kurzsichtig, sondern untergräbt die Benutzerfreundlichkeit der Website. Es mag zwar nicht sinnvoll sein, für jeden Gerätetyp eine andere Website zu erstellen, aber es lohnt sich auf jeden Fall ein oder zwei Stunden, um zumindest darüber nachzudenken, wie sich Ihre Website auf verschiedenen Bildschirmtypen und Auflösungen verhält.
Wenn Sie nur ein paar Anpassungen finden, die Sie während der Entwurfsphase einer Website vornehmen können, sparen Sie auf lange Sicht viel Ärger. Hier sind nur ein paar kurze Tipps zum Vermeiden von Annahmen in Bildschirmgröße:
Kein Schlachtplan überlebt jemals den Kontakt mit dem Feind.
Der einzige wirkliche Weg, um den Skalierungsfehler zu vermeiden, besteht darin, ständig darauf zu achten. Während des gesamten Entwurfsprozesses sollten Sie sich Ihrer eigenen Tendenz bewusst sein, solche Annahmen zu treffen.
Entwerfen Sie nicht nur die Annahme, dass alles, was Sie in Photoshop oder Fireworks erstellen, gleich bleibt, wenn die Website gestartet wird. Wenn Sie sich nicht in einem Projekt befinden, in dem Sie die einzige Entität sind, die die Website gestaltet und Inhalte hinzufügt, sind die Chancen hoch, dass irgendwann jemand Inhalte hinzufügt, die Ihre Erwartungen an die beabsichtigte Gestaltung dieses Designs durchbrechen verwendet werden.
Vermeiden Sie es auch, Dinge zu entwerfen, die nur in einem stark eingeschränkten Umfang funktionieren. Wie wir alle wissen, kann das Anpassen von Anpassungen und Überarbeitungen an einem Webdesign ein schmerzhafter, mühsamer und kostspieliger Prozess sein. Wenn Sie unter dem Skalierungsfehler vorgehen, werden diese Probleme nur noch zahlreicher, da Sie Ihre alten Designs so oft überarbeiten müssen, wie das Verhalten der Menschen zurückgeht außerhalb Ihrer eigenen Annahmen.
Das war es fürs Erste! Ich hoffe, jeder findet diesen Beitrag nützlich. Der Scaling Fallacy ist eines dieser rätselhaften Prinzipien, die abstrakt einfach zu erklären sind, aber in konkreten Entwürfen schwer zu fassen sind. Daher bedarf es viel Übung und ständiger Wachsamkeit, um die großen Fallstricke zu vermeiden von den Annahmen, die wir besprochen haben.
Wenn Ihnen der Beitrag gefallen hat oder etwas hinzugefügt werden muss, veröffentlichen Sie ihn in den Kommentaren. Prost!
Accentsconagua