In jeder Oberfläche heben wir Text, Titel, Absätze und Links hervor, um einen Dialog mit unserem Benutzer zu schaffen.
Aber während der Audits, die ich auf Web- oder mobilen Schnittstellen durchführen konnte, habe ich oft auf Fehler in Typografie und typografischen Stilen hingewiesen.
Oft als kleine Details wahrgenommen, sind diese Fehler eigentlich eine Bremse für Ihre Kommunikation.
In der Tat kennt der Benutzer Sie nicht, und wenn Fallstricke ihn daran hindern oder ihn beim Lesen verlangsamen, wird er seine Anstrengungen nicht unbedingt verdoppeln, um Ihre Nachricht zu erreichen.
Indem Sie diese 7 Fehler vermeiden, erhöhen Sie die Lesbarkeit der verschiedenen Abschnitte Ihrer Benutzeroberfläche, erhöhen den Komfort und verkürzen die Lesezeit.
Das Ziel dieses Artikels ist es, zu wissen, wie man diese Fehler erkennt und korrigieren kann. Aber auch, um die heute in der Nutzung digitaler Schnittstellen verankerten typografischen Stile besser zu verstehen und sinnvoll einzusetzen.
#1 Alle Großbuchstaben
Das Thema der Verwendung von Großbuchstaben für die Texte einer Benutzeroberfläche kann zu Diskussionen führen, aber viele Studien haben bewiesen, dass ein vollständig in Großbuchstaben geschriebener Absatz das Lesen erschweren und die Lesbarkeit beeinträchtigen kann.
Oft verwendet, um einen Text hervorzuheben, ihn wichtiger und/oder sichtbarer zu machen, stellen wir fest, dass dies den gegenteiligen Effekt erzeugt. Tatsächlich identifiziert der Benutzer diese Elemente in Großbuchstaben und zieht es vor, sie weiterzugeben.
Aus 2 Gründen:
- Die manchmal angstauslösende und aggressive Wirkung des Lesens eines Textes in Großbuchstaben. Der Benutzer kann den Eindruck haben, dass er angeschrien wird und dass in unserer Nachricht eine gewisse Nervosität steckt.
- Es gibt nur sehr wenige Anhaltspunkte, um die Buchstaben und ihre Besonderheiten zu identifizieren, was die Aufgabe für den Benutzer erschwert, die Buchstaben voneinander zu unterscheiden. Der Text wird schwieriger und länger lesbar.Letzter Punkt ist sehr wichtig, da Sie bedenken müssen, dass Benutzer im Web sehr wenig lesen. Oft werden die Informationen gescannt. Die Verwendung von Großbuchstaben hindert den Benutzer daran. Und wenn er anfängt zu lesen, wird er langsamer und das erzeugt Frustration. Er wird den Eindruck haben, beim Lesen nicht voranzukommen.
#2 Zu viele Schriftarten übernehmen
Innerhalb eines Absatzes sind wir manchmal versucht, eine gewisse Hierarchie zu schaffen, unterschiedliche Schriftarten zu verwenden.
Dies schafft ein Ungleichgewicht und verwirrt Ihren Benutzer. Es ist besser, in der Form konsistent zu bleiben, um Ihre Botschaft wirkungsvoller und klarer zu übermitteln.
Nichts hindert Sie daran, eine Idee oder einen Satz vorzubringen, indem Sie zum Beispiel das Fett betonen. Aber du musst dich entscheiden!
# 3 Betone viele Elemente
Eine bewährte Vorgehensweise, wenn Sie dem Benutzer einen Absatz zur Verfügung stellen, besteht darin, bestimmte Schlüsselwörter hervorzuheben.
Es sollte jedoch darauf geachtet werden, nicht zu viele verschiedene Textstile zu haben, da dies den Benutzer verwirren kann.
Es ist besser, Ihren Absatz rechtzeitig zu definieren und das Schlüsselkonzept visuell hervorzuheben.
Denken Sie daran, dass es diesen speziellen Grafikstil geben wird, aber auch bestimmte Wörter in Kursivschrift (z. B. für Wörter aus einer anderen Sprache), unterstrichene / farbige Links.
#4 Verwenden Sie den Linkstil für ein anderes Element
Wenn ein Element in den Schnittstellen unterstrichen ist, ist der Benutzer es gewohnt, dort einen Link zu finden. Er klickt darauf und wird auf eine neue Seite weitergeleitet.
Nur finden wir oft bei einem Interface-Audit zum Beispiel Untertitel mit diesem Grafikstil. Dies kann den Benutzer verwirren.
Es ist besser, zum Beispiel mit Fett, Farbe oder Größe zu spielen.
#5 Zentrieren Sie den Text
Das ist vielleicht das erste, was ich als Designer gelernt habe, als ich anfing. Ich tendierte dazu, alle Elemente zu zentrieren.
Dies ist eine bewährte Methode für den Druck, wird jedoch für das Internet nicht empfohlen. Es ist vorzuziehen, den Text linksbündig auszurichten, um den Block zu strukturieren und so unserem Benutzer Lesekomfort zu bieten.
#6 Text ausrichten
Dies gilt auch für die Begründung eines Textes. Weit verbreitet im Verlagswesen, aber im Web immer noch schlecht verwaltet, da die Schnittstellen dynamisch sind und sich entsprechend den Auflösungen bewegen. Es ist daher sehr kompliziert, ein kohärentes und lesbares Ergebnis zu erhalten.
#7 Falsch verwalteter Zeilenabstand
Manchmal versuchen wir, Platz zu sparen. Manchmal denken wir – fälschlicherweise – dass es für das Lesen bequemer ist, den Zeilenabstand eines Absatzes zu verringern.
Bei zu geringem Zeilenabstand streifen die Buchstaben aneinander und es kommt zu Lesbarkeitsproblemen. Wenn der Zeilenabstand zu groß ist, werden die Zeilen zu weit auseinander liegen und den Benutzer daher mehr Mühe kosten, erfolgreich zu lesen.
Es gibt keinen idealen Zeilenabstand, er hängt von der jeweiligen Typografie ab. Es muss daher studiert und getestet werden, um das richtige Verhältnis zu finden, das das Lesen erleichtert.
# Schlussfolgern
Mit diesen 7 gemeinsamen Tipps bieten Sie Ihren Nutzern Lesekomfort. Sie helfen Ihnen dabei, Ihre Botschaft mit dem richtigen Ton richtig zu vermitteln.
Wie gesagt, das sind Fehler, die ich oft bei Schnittstellen-Audits finde. Sie sind leicht modifizierbar und ermöglichen es Ihnen, die Lesbarkeit Ihrer Texte zu erhöhen.
Bildquelle: https://undraw.co/illustrations
Alexa CUELLAR UX-UI-Designer @UX-Republic
