Wie macht man eine großartige Website? Jeder hat eine Antwort parat: Auffällige Animationen! Der neueste Punkrock-CSS-Trick! Farbverläufe! Illustrationen! Farben, die knallen! Vite! Und klar, all diese Dinge können eine Website verbessern. Aber egal wie schick die Anwendung ist oder wie blendend die Technologie unter der Haube sein mag, eine großartige Website erfordert immer großartigen Text.
Wenn ich also feststecke und über die Frage nachdenke: „Wie mache ich diese Website besser?“ weiß ich, dass die Antwort immer lautet:
achte auf den Text.
Ohne großartige Schrift ist eine Website schwerer zu lesen, extrem schwierig zu navigieren und unmöglich zu merken. Ohne großartige Schrift ist sie kaum eine Website. Aber es ist schwierig, sich das Tag für Tag vor Augen zu halten – besonders, wenn es nicht unsere Aufgabe ist, uns um den Text zu kümmern – doch jeder einzelne <p>-Tag und jedes <button>-Element ist eine Gelegenheit für großartige Schrift. Es ist ein Moment, um Humor einzubringen oder eine aufmerksame Notiz hinzuzufügen, die den Menschen hilft.
Also: Achte auf den Text. Verstanden. Aber es gibt so viele Wege, darauf zu achten! Von Kommas und intelligenten Anführungszeichen bis hin zu Beschriftungen in unseren Formularen, Typografie und sogar den Platzhaltern in unseren Eingabefeldern. Es ist eine schwindelerregende Menge an Verantwortung – aber sie ist jede Sekunde unserer Zeit wert.
Hier ist ein Beispiel: Vor einiger Zeit mussten wir unseren Nutzern ein neues Feature erklären und darauf im UI hinweisen. Wir könnten unsere Popup-Komponente verwenden, um zu erklären, wie unser Team gerade etwas für viele Leute repariert hat – aber! – ich wusste, dass unsere Kunden, egal wie neu und schick das Feature war, von einem Popup genervt sein würden.
Nachdem ich zu lange darüber nachgedacht hatte, erkannte ich, dass dies eine Gelegenheit war, anzuerkennen, wie nervig dieses Popup war
Bei diesem Projekt hätte ich einfach Text in diesen Button werfen können, der „Schließen“ sagt, aber unser kleines Team von Schriftstellern bei Sentry erinnert mich ständig daran, dass selbst der kleinste, langweiligste Textblock ein Spielplatz sein kann. Jeder String hat Potenzial, selbst in diesem dummen Beispiel. Es verändert die Welt nicht oder so, aber es verbessert etwas, das sonst gähnend vorhersehbar wäre.
Nicht jeder Text auf einer Website muss allerdings passiv-aggressiv sein. Wenn Sie beim Auschecken Medikamente bestellen, möchten Sie wahrscheinlich keine skurrile Geschichte oder ein Gedicht lesen und nicht auf einen Button klicken, der Sie beleidigt. In diesem Kontext bedeutet „Achten Sie auf den Text“ etwas völlig anderes. Es geht darum, nicht im Weg zu sein, sondern so effizient und einfühlsam wie möglich zu sein. Und das gilt für jeden Link in der Fußzeile, jedes Navigationselement, jedes <alt>-Tag und jeden Untertitel – sie alle erfordern Sorgfalt und Aufmerksamkeit. Denn all diese Details summieren sich.
Das sind die Details, die eine gute Website zu einer *großartigen* machen.
Ich liebe diese kleinen Dinge, wenn sie auftauchen – ich weiß, es ist so eine Kleinigkeit, aber es zaubert mir immer ein Lächeln ins Gesicht.
Ich verstehe aber, was Sie gegen Ende meinen, um Syndrom aus The Incredibles zu paraphrasieren: „Wenn alles super ist, ist nichts super.“
Diese Art von lustigem Text, den man manchmal entzückend findet, wird oft von einer Website oder einem Dienst entfernt, wenn er größer wird, aus Gründen der Barrierefreiheit. Ich denke, man muss die Zielgruppe seiner Website wirklich kennen, z. B. ein Werkzeug, das von vielen Menschen genutzt werden muss, vielleicht ein Online-Formular, würde wahrscheinlich von lustigem Text wie oben beschrieben Schaden nehmen. Es könnte die Erfahrung verwirrend machen.
Ich denke, wie bei allen Barrierefreiheitsbedenken ist es ein Balanceakt. Man muss sicherlich nicht die gesamte Emotion aus seinem Text entfernen, aber man möchte ihn wahrscheinlich auch nicht zu bunt gestalten. Ich denke, Google hat einige grundlegende, freundliche Textrichtlinien in seiner Material Design Spezifikation, die ein guter Ausgangspunkt für barrierefreien, aber nicht trockenen Text sind.
(und i18n ist wichtig!)
Guter Gedanke, aber das ist nicht sehr nützlich. Ich achte auf Alternativtexte und alle sagen, es sei wichtig, aber es ist schwieriger als erwartet, Informationen darüber zu finden, wie man einen guten Alternativtext schreibt.
Sollte er den Zweck des Bildes beschreiben? Sollte er beschreiben, was darauf zu sehen ist? Selbst wenn er nur für den Stil ist und nichts über seine Funktion auf der Seite aussagt? Bis zu welchem Detailgrad sollte ich das tun? Wie gehe ich mit abstrakten oder symbolischen Bildern um, oder mit Bildern, die auf verschiedene Weisen interpretiert werden können?
Selbst wenn ich mit den besten Absichten gerüstet bin, wenn mir alle sagen, wie eine gute Seite aussieht, mir aber nicht sagen, wie ich dorthin gelange, oder Ratschläge geben, die zu spezifisch für die von ihnen erstellten Beispiele sind, wird sich das Web nicht ändern. Das Warum allein reicht nicht aus, das Wie ist in der technischen Welt unerlässlich.
Das Übersetzen dieser Beschriftung wäre nicht trivial, wenn i18n wichtig ist.