Sättigung im Webdesign
Im Laufe der Jahre haben Webdesigns und Layouts an Komplexität zugenommen. Doch während unsere Arbeit immer ausgefeilter und interaktiver wird und sich von den statischen, kastenförmigen Layouts der 90er Jahre entfernt, hat sich das zentrale Ziel nicht verändert.
Sichtbarkeit ist für Designer heute genauso wichtig wie immer. Es geht um unsere Fähigkeit, die Aufmerksamkeit des Nutzers auf den sinnvollen Inhalt zu lenken, der hilft, Waren zu verkaufen und Abonnenten anzuregen, und er hilft Websites, regelmäßig Leser zu werden.
Da immer mehr Menschen von vorgefertigten Lösungen profitieren, ist es wichtig, Websites so zu differenzieren, dass sie das Interesse der Nutzer pflegen.
Schließlich soll der ganze Sinn einer Website einzigartig sein, anderen nicht zu folgen oder ein brauchbares, aber generisches und lebloses Layout zu bieten. In diesem Sinne untersuchen wir, wie der Zwang, bestimmte Designkonventionen und -muster zu missbrauchen, die Nutzer positiv oder negativ beeinflussen könnte.
Sättigung und Sensibilisierung
Lassen Sie uns zunächst die zwei Kernvariablen bei der Arbeit betrachten. Sättigung, nicht zu verwechseln mit dem farbbezogenen Begriff, bezieht sich auf die Allgegenwart bestimmter Tools, Techniken oder Design-Implementierungen im Internet. Stellen Sie sich beispielsweise vor, wie verbreitet Google Anzeigen heute sind und wie einige Designer sie auf ihren Webseiten packen.
Die Sensibilisierung bezieht sich andererseits auf den Grad, in dem ein Benutzer durch die Einwirkung von Werkzeug, Technik oder Implementierung betroffen ist. Man könnte sagen, dass wir uns daran gewöhnt haben, Anzeigen online zu sehen, die wir angepasst haben, um sie als irrelevantes Hintergrundgeräusch herauszufiltern und sie manchmal physisch herauszufiltern.
Wir sehen zunehmend aufdringliche Werbung, die Animation, Sound und lebendige Farben verwenden.
Während einige Implementierungen, wie z. B. Werbung, den Wert des Inhalts beeinträchtigen könnten, können andere von großem Vorteil sein, wenn sie wiederholt und konsistent verwendet werden, wie z. B. Bildminiaturen in Portfolios. Da sowohl Sättigung als auch Desensibilisierung sowohl gut als auch schlecht sein können, besteht das wesentliche Problem, mit dem Designer konfrontiert sind, darin herauszufinden, wie und wann Konventionen einzuhalten sind.
Unsere Industrie stützt sich stark auf Konvention. Wenn wir kein CMS oder eine Vorlage verwenden, verwenden wir Frameworks und Inspirationswebsites. Sich auf Designkonventionen zu verlassen, könnte aus der Angst entstehen, dass wenn man nicht den kulturellen Veränderungen und Trends folgt, sie als veraltet gelten oder ihr Verständnis von Usability in Frage gestellt wird. Aber das ist weit von der Wahrheit entfernt.
Während das Duplizieren von Entwürfen oder die Verwendung generischer Konventionen einfacher sein kann, begrenzt es das Potenzial, sich mit Benutzern auf einer emotionalen Ebene zu verbinden, die nicht leichtfertig zu nehmen ist.
Mit so vielen Frameworks und CMS-Engines ist es ein Wunder, dass wir etwas bauen müssen.
Sehen wir uns einige der Vorteile an, die Konventionen für eine Webseite mit sich bringen können, und analysieren Sie einige wichtige Fallstricke, die dazu führen könnten, dass Sie sich für ein bestimmtes Layout entscheiden oder ein Feature überdenken.
Wir werden auch einige praktikable Lösungen untersuchen, mit denen Sie vermeiden können, dass Ihre Website wie die Millionen von Layouts aussieht und sich anfühlt, die kein Alleinstellungsmerkmal (USP) oder Relevanz haben.
Die gute Seite der Sättigung
Ein Hauptgrund für die Verwendung von gesättigten Elementen in einem Design ist die Anerkennung, die es Benutzern bietet. Trends und Muster bieten nicht nur einfache Lösungen für Funktionen, die wir implementieren möchten (z. B. Navigationsmenüs), sondern sie haben auch deutliche Vorteile für die Benutzerfreundlichkeit, da sie Benutzer mit vertrauten Bezugspunkten auf der Seite beruhigen.
Navigationssysteme werden zunehmend komplexer, können aber auch sehr elegant sein.
Sättigung kann einem Erlebnis einen erzieherischen Wert verleihen. Durch die Bereitstellung von Konventionen für Benutzer reduziert Sättigung die Lernkurve für eine Website im Laufe der Zeit.
Überlegen Sie, wie wir uns an das Drop-down-Menü gewöhnt haben. Wenn Sie dieses Tool noch nie gesehen hätten, hätten Sie möglicherweise nicht erkannt, dass das Überfahren einer zweiten Liste von Elementen eine Rolle spielt. Solche gemeinsamen Komponenten können weniger empathischen Wert oder Einzigartigkeit haben, aber sie helfen Benutzern, ihre Aufgaben schnell zu erledigen.
Mystery-Meat-Navigation stellt die Benutzer vor Probleme. Vertrautheit sollte der Ästhetik vorausgehen.
Wir neigen dazu, Dinge für selbstverständlich zu halten, die wir jeden Tag sehen. Wie oft betrachten Sie beispielsweise die Technologie hinter Ampeln? Dieses Phänomen kann auch auf das Webdesign angewendet werden.
Wenn das Sättigungsniveau eines Trends zunimmt, werden wir mit seiner Funktion und unserer Wirkung vertrauter. Folglich können wir es mental ignorieren, bis wir es brauchen. Die Gefahr dafür ist "Zombie Browsing", auf das wir später eingehen werden.
Die Nutzer neigen dazu, sich ausschließlich auf den Inhalt zu konzentrieren und verpassen möglicherweise die Botschaft des Designs.
Stabilität ist ein weiterer üblicher Effekt von Konstruktionskonventionen. Wenn etwas immer wieder implementiert wurde, hat es wahrscheinlich mehrere Wiederholungen von Tests, Analysen und Verbesserungen durchlaufen und somit an Wert gewonnen.
Da die Wirksamkeit von Konventionen wie dem Dropdown-Menü stark erforscht wurde, können wir außerdem Nutzungsszenarien erstellen, um zu bestimmen, ob und wie sie für ein bestimmtes Layout geeignet wären.
Wir wissen, dass Nutzer erwarten, auf eine Startseite umgeleitet zu werden, wenn sie auf ein Logo klicken.
Die schlechte Seite der Sättigung
Während alle diese Punkte zeigen, dass Sättigung nützlich sein kann, wie bei jedem Aspekt des Designs, gibt es eine Kehrseite, die Sie zweimal überlegen lassen sollte, bevor Sie auf den Zug aufspringen. Das erste dieser Probleme ist Missbrauch.
Für diejenigen unter Ihnen, die sich an die Web 2.0-Design-Ära erinnern können, als alles glänzend und abgeschrägt war, war das Web mit sinnlosen Designs überflutet, sowohl professionellen als auch persönlichen. Jeder kopierte, was sie für populär hielten, und so wurde der Trend so üblich, dass sein Wert in einem Meer von Klonen verloren ging.
Die Web 2.0 Design-Ära geriet außer Kontrolle und Layout-Innovationen litten darunter.
Jenseits des Missbrauchs der Sättigung ist ein anderes Hindernis die Gedankenlosigkeit, die manchmal die Sättigung umgibt. Wenn wir ein Feature wie ein Navigationsmenü implementieren, sollten Besucher die vielen Elemente auf der Seite erkennen.
Was passiert aber, wenn das Tool nicht wie erwartet funktioniert? Es mag zunächst trivial erscheinen, aber Trends begrenzen unsere Fähigkeit zur Innovation, und Benutzerannahmen können die Weiterentwicklung des Webs behindern.
Benutzer erwarten beim Klicken auf eine Schaltfläche eine Aktion, sodass die Funktion reaktiv sein muss.
Zusätzlich zu diesen Faktoren ist eines der größten Argumente gegen Vorlagen und gesättigte Features, dass sie nicht auf die Bedürfnisse einer bestimmten Zielgruppe ausgerichtet sind.
Eines der prägenden Merkmale einer handgefertigten Website ist, dass sie (hoffentlich) mit den Anforderungen des Besuchers im Mittelpunkt steht. Während Websites mit einem generisch aussehenden Layout durchkommen können, werden Designs, die schön gestaltet sind, den Wert der Website verbessern und den Inhalt bereichern oder ergänzen.
Sie können deutlich sagen, dass diese Website für ihre Zielgruppe gebaut wurde: Kinder.
Das letzte Problem ist der Einfluss, den die Sättigung auf Besucher hat. Wenn Layouts zur Routine werden, können Benutzer leicht neue Komponenten verpassen, von denen sie annehmen, dass sie während ihres vorherigen Besuchs existierten.
Dieser psychologische Zustand, bekannt als "Zombie-Browsing", manifestiert sich, wenn Benutzer Objekte nicht bemerken, die sie unterbewusst oder bewusst für irrelevant halten. Dies ist besonders problematisch in der Werbung; Viele Nutzer blockieren Anzeigen mit Browsererweiterungen oder vermeiden es, sie anzusehen, auch wenn die Anzeigen hilfreich sein könnten.
Während Filteroptionen für Benutzer hilfreich sein können, können sie es auch schwieriger machen, sie zu erkennen.
Lösungen für Designer
Die erste Lösung, die ziemlich offensichtlich erscheint, ist Innovation, anstatt zu kopieren, was existiert.
In einigen Fällen besteht die beste Vorgehensweise jedoch darin, das Rad einfach nicht neu zu erfinden; Die Verfügbarkeit von Inspirationsgalerien, Cut-and-Paste-Scripts, CMS-Engines und Layout-Templates lässt eher eine Präferenz für schnelles Turnaround-Design als für eine handwerkliche, originale Verarbeitung entstehen.
Selbst wenn Sie eine vorgefertigte Lösung verwenden, können Sie sie für Ihre Zielgruppe verbessern oder personalisieren.
WordPress kann (und sollte) in hohem Maße an die Identität der Person oder Firma angepasst sein.
Die zweite Lösung besteht darin, zu bestimmen, ob ein generisches Merkmal tatsächlich einem bestimmten Ziel dient. Die Idee, mit Absicht zu entwerfen, gibt es schon seit vielen Jahren, und obwohl Benutzer weiterhin eine erhöhte Interaktivität und Kontrolle auf einer Website fordern (weit entfernt von der statischen Design-Ära), sollten wir ein Element nur dann auf eine Website setzen, wenn es darauf basiert der Nutzen überwiegt die Kosten dafür; es sollte beispielsweise nicht die Aufmerksamkeit von anderen Inhalten stehlen. Jedes Objekt sollte einen nützlichen Zweck erfüllen, sogar kleinere Elemente wie "Skip" -Links, die Bildschirmleser unterstützen.
Das Entfernen unnötiger Funktionen bleibt beliebt, da wir alle eine saubere Oberfläche lieben.
Einfachheit und das Ziel, die Augen des Besuchers auf nützliche Inhalte zu lenken, sind der Kern eines guten Designs. Um eine Übersättigung zu vermeiden, müssen wir beim Hinzufügen von Objekten zur Seite Vorsicht walten lassen (und insbesondere nicht wiederholt) und nicht zu begeistert von "Feature Loading" werden.
Wir wissen, dass das Überladen von Benutzern sie dazu zwingt, härter zu arbeiten, um durch die Seite zu gelangen. Je mehr Ablenkungen vorhanden sind, desto höher ist das Risiko, dass wichtige Inhalte übersehen werden. Designer müssen auf Benutzerbedürfnisse eingehen, die Lernkurve reduzieren und die Sichtbarkeit von Inhalten maximieren.
Gute und schlechte Beispiele
Im ersten Beispiel unten ist viel Energie in den Ausgleich von Konvention und Originalität gesteckt worden. Beachten Sie, wie das Layout mit fester Breite, das zentrierte und gut sichtbare Logo und die vertrauten Elemente auf der Seite zusammenkommen, ohne den Benutzer zu überlasten. Während das Scrollen erforderlich ist, bietet das Interface einen einzigartigen Spin, mit dezenten Schweberahmen, typografischen Auswahlen und sorgfältig organisierten Profilbildern.
Der einzige wirkliche Nachteil ist, dass nicht-versierte Benutzer die visuellen Symbole möglicherweise nicht so leicht identifizieren können. Mystery-Meat-Navigation ist immer ein großes Risiko.
Das Layout für dieses zweite Beispiel ist vielleicht weniger einzigartig als das erste. Dennoch ist es aufgrund der kurzen Lernkurve für die Benutzerinteraktion immer noch eine gute Erfahrung: Das Logo und das Navigationsmenü sind genau dort, wo Sie es erwarten. die Website folgt den üblichen Begriffen für Portfolioelemente (obwohl in diesem Fall der Bildschirmplatz eher verschwendet ist); und die auffälligen Infografiken drücken die Benutzer zum Scrollen auf der Seite.
Die alternative Bildlaufleiste ist ziemlich interessant. Viele Designer scheinen eine zu übernehmen, um mehr Kontrolle über die Ästhetik der Website zu erlangen. Aber wegen der kleineren klickbaren Region hier könnte dieses Layout für motorisch eingeschränkte Benutzer sehr unzugänglich sein, und es widerspricht dem allgemeinen Trend, den Standard des Browsers zu verwenden. Es ist ein Anti-Pattern, und es ist ein gutes Beispiel für eine unpassende Design-Wahl.
Diese letzte Website ist ein echtes "Was nicht zu tun" -Beispiel. Wie Sie sehen können, ist die MSN-Homepage nicht original und zeigt den Inhalt nicht klar an.
Das Logo, das Suchfeld und die Symbolverknüpfungen werden in akzeptabler Weise wiedergegeben, aber wenn der Benutzer nach unten scrollt, wird die Seite infolge der dicht gepackten Gestaltungskonventionen zunehmend unübersichtlich.
Es gibt viel zu viele Navigationsmenü-Wahlen, die zu Verwirrung führen; vielleicht hätte ein Dropdown-Menü genügt. Darüber hinaus nimmt die Werbung ein Sechstel der Seite ein, was die Aufmerksamkeit des Nutzers auf sich zieht. Während wir uns weiter nach unten bewegen, ist die Seite mit Diashows, Inhaltsblöcken und hunderten von überfüllten Links übersät. Das ist Übersättigung von seiner besten Seite: Zu viel wird mit zu wenig Originalität oder Zweckmäßigkeit versehen.
Sättigung und ein Gleichgewicht zwischen Konvention und Originalität werden immer im Design vorherrschen.
Wenn sich das Web weiter entwickelt, werden sich neue Standards und Konventionen ergeben. Während wir vermeiden wollen, Designs zu entwerfen, die so unterschiedlich sind, dass sie die Benutzer verwirren, müssen wir ein Element der Einzigartigkeit in unserer Arbeit bewahren, um zu vermeiden, dass unsere Besucher eingeklemmt werden.
Jede Website wird ihre eigenen Herausforderungen und Bedürfnisse haben, und die Verantwortung des Designers besteht darin, sich gegen die generelle "Anti-Erfahrung" von Vorlagen zu drücken und einige Innovationen in ihre Arbeit zurückzubringen.
Exklusiv für WDD von Alexander Dawson geschrieben. Er ist freiberuflicher Webdesigner, Autor und Freizeit-Softwareentwickler, spezialisiert auf Webstandards, Barrierefreiheit und UX-Design. Neben der Führung eines Unternehmens namens HalloTech und schreiben, er verbringt Zeit darauf Twitter , SitePoint-Foren und anderen Orten, um denen in Not zu helfen. "]
Was halten Sie von einer Sättigung im Webdesign und wie begegnen Sie diesen Herausforderungen auf Ihren eigenen Websites? Bitte teilen Sie Ihre Gedanken unten ...