Mit Benutzerfreundlichkeit kreativ werden
Wenn es darum geht, eine wirklich intuitive, reaktionsfähige und kohärente Website zu gestalten, die ebenfalls einzigartig und interessant ist, fühlt es sich oft so an, als ob es schwierig ist, die beiden Prioritäten aufeinander abzustimmen. Aber tatsächlich ist nichts weiter von der Wahrheit entfernt: Es gibt nur ein paar grundlegende Ideen, die angewendet werden müssen, um die besten Entscheidungen in Ihren Entwürfen treffen zu können.
Das wesentlichste dieser Konzepte ist, dass schöne, verwendbare Designs nicht schwierig zu machen sind, wenn der UX Vorrang hat und das Design darauf abgestimmt ist. Schließlich gibt die Art der Benutzererfahrung vor, dass es bestimmte unflexible Regeln gibt, während das Design fast endlos flexibel ist. Sobald Sie die Mittel und Wege kennen gelernt haben, mit denen Sie Ihre Entwürfe anpassen sollten, sollten Sie auf dem besten Weg sein, eine Schlacht in einen Friedensvertrag zu verwandeln.
Antizipieren Sie Benutzerfehler; verringern Sie die Reizung des Benutzers
Denken Sie immer darüber nach, was passieren könnte, wenn der Benutzer auf Ihrer Webseite in die Irre geht. Fehlermeldungen sollte nicht im technischen Jargon verdeckt werden, sondern sollte eine Erklärung geben, was das Problem sein könnte, und, wo zutreffend, wohin sie gehen sollten, um Hilfe zu bekommen. Balance diese Überlegungen mit, was an Ihrem Ende verbessert werden könnte. Egal wie schön eine Website ist, wenn es zu lange dauert, um sie zu laden, ist es die Mühe nicht wert. Experten sagen, dass wenn eine Webseite mehr als 3 Sekunden zum Laden benötigt, sie vereinfacht werden muss.
Halten Sie Formulare so kurz und nicht einschüchternd wie möglich; Wenn die Information nicht notwendig ist, fragen Sie nicht danach. Wenn Sie dies nicht bereits tun, sollten Sie in Erwägung ziehen, eine optionale Anmeldung über Facebook oder Twitter anzubieten. Bei Websites, die dies anbieten, werden die Conversion-Raten häufig höher, weil der Nutzer sie für praktischer hält und sich daher eher die Zeit nimmt, sich anzumelden. Stellen Sie außerdem sicher, dass der Rest Ihrer Website über eine integrierte Social - Media - Präsenz verfügt, die nicht mit Ihrem Design kollidiert oder es überfordert, aber auch leicht zu erkennen ist, wie z Arbeit am Spiel Webseite. Kleine Ergänzungen wie diese addieren sich zu einer kumulativen Straffung der Benutzererfahrung.
Zu diesem Zweck ist es wichtig, einige Standards zu beachten, die auf jeder Art von Website ziemlich einheitlich sein sollten.
Pflegen Sie Webstandards
Einige allgemeine Elemente einer Website, wie Fußzeilenlinks oder eine Suchleiste, können aktiv unter übermäßiger Kreativität leiden. Während in vielen dieser Elemente Platz für Originalität ist, ist es wichtig, sie in mehr oder weniger der gleichen Form zu erhalten, die Sie auf jeder anderen Seite sehen, weil sie allgegenwärtig genug sind, damit die Benutzer erwarten, dass sie auf eine bestimmte Art präsentiert werden . Befolgen Sie diese Richtlinien:
- Stellen Sie sicher, dass anklickbare Bereiche sofort identifizierbar sind (z. B. die Links auf Diese Seite ) und sind groß genug, um leicht aktiviert zu werden;
- Teilen Sie Textblöcke mit Bildern und anderen visuellen Stimulationen auf;
- Benutzen Semmelbrösel Falls anwendbar;
- Versuchen Sie zu vermeiden, dass dieselbe Artikel- oder Produktsuche auf mehrere Seiten verteilt wird.
- Kontaktinformationen, FAQs, eine Suchleiste und andere Standardfunktionen leicht zu finden und zu verwenden.
Obwohl Grip Limited Website ist auffällig und aufregend, es ist auch unglaublich verwirrend. Während es eine Erklärung dafür gibt, wie man die Spalten ziehen kann, um den Inhalt zu enthüllen, ist es im Durcheinander anderer Typografie verloren gegangen. Eine traditionelle Speisekarte ist zugänglich, aber nur, wenn Sie das winzige Dropdown-Menü sehen. Es ist so ein cooles Site-Design, dass es einigen Nutzern egal ist, wie schwierig es ist, es zu benutzen, aber viele andere würden sich abschrecken lassen. Wenn die Website jedoch die obigen Vorschläge in ihr Design einbezieht, könnte sie ihren kühlen Faktor beibehalten und eine gute UX bereitstellen.
Zum Beispiel, obwohl die Comic Soda Die anderen Designelemente der Website sind ziemlich störend, der Benutzer ist immer noch in der Lage, die Suchleiste zu finden; Die Beschriftung und Position ist klar genug, um die Verwirrung zu minimieren. Diese kleinen Beiträge zur Verwirrung der Benutzer machen den Unterschied aus.
Wo man die Linie zeichnet
Es gibt andere UX-Regeln, die zwar gebogen, aber nicht gebrochen werden können. Aber an welchem Punkt geht ein Designer zu weit? Navigationselemente sind ein gutes Beispiel, mit dem man arbeiten kann, weil jede Seite irgendeine Form von ihnen hat. Konventionell sind sie auf eine von zwei Arten angeordnet:
- Horizontal oben auf der Seite; Dies ermöglicht ein geräumiges Aussehen für kurze Listen;
- Vertikal entlang der linken Seite einer Seite; Diese Anordnung kann längere Listen aufnehmen.
Aber es gibt andere Arten und Systeme der Navigation, die funktionieren können, wenn sie sorgfältig und durchdacht verwendet werden. Beispielsweise, diese Portfolio-Website hat eine Navigationsliste, die den größten Teil der Seite einnimmt, und jedes Wort ist teilweise verdeckt. Außerdem bleiben die Elemente nicht stationär; Sie werden heruntergeklappt und getrennt, um den Inhalt in jedem Abschnitt anzuzeigen. All diese Verzierungen könnten sich zu einem verwirrenden System zusammengefunden haben, das den Benutzer schnell frustrieren würde. Das Design vermeidet jedoch, problematisch zu sein, weil es so einfach ist; die Wörter sind noch lesbar; Die Dropdown-Liste enthält so wenige Informationen, dass der Rest der Navigationsliste nicht verloren gehen kann. Alles in allem ist es ein waghalsig anderes System, das nur knapp vermeidet, problematisch zu sein.
Auf der anderen Seite der Linie ist ein Konzept, das als bezeichnet wurde geheimnisvolle fleisch navigation, in denen die ästhetischen Überlegungen des Designs die Usability völlig überfordern. Im Falle der FlatPak Webseite, Die Navigation muss gerollt werden, um zu lesen, worauf es sich bezieht; ein schreckliches Usability-Feature, das niemals emuliert werden sollte.
Vertrautheit versus Funktionalität
In vielerlei Hinsicht scheint der wahre Kampf des aktuellen Webdesigns zwischen frischen, neuen Ideen zu liegen, die für weniger intuitive Interaktion sorgen, und alten Praktiken, die vielleicht nicht die beste Lösung sind, aber die, an die die Benutzer gewöhnt sind. Ein Beispiel für dieses Problem ergibt sich oft, wenn Sie das skeuomorphe Design betrachten; Das ist ein Stil, der den Vorgänger eines Gegenstandes imitiert, der in einem anderen Medium hergestellt wurde.
Diese Art von Design passiert die ganze Zeit im Internet, von Ihrem Desktop-Rechner, der wie sein echtes Pendant aussieht und funktioniert, bis zu den Buttons auf einer Website, die einen realistischen Drop-Shadow- und Fasen-Effekt haben. Bis zu einem gewissen Grad ist dies sinnvoll, denn die Vertrautheit dieser Designs lässt den Nutzer sich sofort wohl fühlen. Sie sind jedoch nicht unbedingt die beste Lösung, da sie unglaublich einschränkend sind.
Der Konflikt zwischen diesen beiden Prioritäten kann durch Apples realistische "Page-Turn" -Technologie veranschaulicht werden, die für digitales Lesen verwendet wird. Es ist eine ansprechende Idee, weil es die Erfahrung ein wenig anfühlt, als würde man physische Papierseiten drehen, etwas, das die Benutzer tröstlich kennen würden. Trotz der eher lächerliche Längen Das Unternehmen ging um diesen Effekt zu schaffen, es beeinträchtigt die Benutzererfahrung. Es dauert etwas länger, um zu laden, und das Blättern auf der Seite ist eine schwierigere Bewegung, um einen einfachen Stoß auszuführen; eine unhandliche Bewegung könnte den Benutzer in die falsche Richtung schicken.
Verwenden Sie einen klaren Conversion-Trichter
Wenn Sie an einer komplexen Website mit vielen Navigationspfaden arbeiten, ist es sehr wichtig, dass sich der Benutzer logisch durch die Website bewegt und sie darüber informiert, wo sie sich in der Sitemap als Ganzes befinden. Hier kommen Paniermehl und andere Navigationsgeräte zum Einsatz. Die gefürchteten lila Standard-Links müssen nicht verwendet werden, um einen Benutzer anzuzeigen, den sie bereits besucht haben. Es gibt viele andere attraktivere Lösungen, die den gleichen Effekt erzielen.
E-Commerce-Websites sind normalerweise diejenigen, die wegen ihrer schlecht durchdachten Conversion-Trichter getäuscht werden, aber es gibt viele großartige Beispiele für schön gestaltete, UX-optimierte Web-Stores. Nehmen Sie zum Beispiel die Frucht des Webstuhls Website, die eine saubere, freundliche Oberfläche hat, die immer noch logisch aufgebaut ist. Es ist nicht einmal das Ergebnis einer angepassten und komplizierten Backend-Entwicklung; Die Website wurde mit einfachen erstellt Amazon E-Commerce-Software, dass jedes kleine Unternehmen ausnutzen könnte.
Scannen Sie und fügen Sie visuelles Interesse hinzu
Bedenken Sie, dass Menschen Webseiten anders lesen als Printmedien. Eye-Tracking-Studien Zeigen Sie, dass Web-Nutzer die gesamte Seite überfliegen (konzentrieren sich zunächst auf Inhalte in der oberen linken Ecke) und nach auffälligen Elementen wie Überschriften, Anführungszeichen oder Bildern suchen. Dann tauchen sie in Abschnitte ein, die interessant aussehen. Es ist äußerst wichtig, diese Denkweise zu entwickeln und sicherzustellen, dass Sie eine visuelle Hierarchie verwenden, die den Benutzer dorthin führt, wo Sie ihn haben möchten.
Das Thrive Solo Blog hat viel Inhalt, aber es behält einen geräumigen, interessanten Blick bei, indem es viel Leerraum, große Bilder, Ikonen und bunte Schriftarten verwendet. Die großen, zentrierten Titel sind besonders hilfreich beim Scannen von Betrachtern.
Die Quintessenz
Während die Ästhetik einer Website einen ersten Eindruck erweckt, gibt die Funktionalität dem Benutzer eine dauerhafte Erfahrung, auf die er hoffentlich zurückkommen möchte. Es gibt keine Situation, in der Design und Funktionalität nicht in Einklang gebracht werden können. In der Tat ist es das Zusammenspiel dieser beiden Prioritäten, das letztendlich die besten und einprägsamsten Websites im Internet schafft.
Haben Sie Kompromisse bei der Benutzerfreundlichkeit für die Ästhetik gemacht? Kann Design ohne Benutzerfreundlichkeit gut sein? Lass uns deine Gedanken in den Kommentaren wissen.
Ausgewähltes Bild / Vorschaubild, funktionales Bild über Shutterstock.