Home ┬╗ Design ┬╗ App Design: Die Bedeutung der Typografie

App Design: Die Bedeutung der Typografie

Wenn wir in unserem Blog ├╝ber das App Design sprechen, dann geht es uns nicht um kurzweilige Trends, nach denen das eine oder andere Element gerade h├Ąufig von den erfolgreichen Apps verwendet wird. Uns geht es vielmehr um die Struktur ÔÇô um das Skelett der Mobile App. Beim App Design gibt es einige wichtige unumst├Â├čliche Gesetze zu beachten, die existentiell f├╝r die Usability, und somit f├╝r den Erfolg, einer App ist.

Die Typografie erfolgreicher App unterliegt jedoch einem Trend. Weiter unten k├Ânnt Ihr erkennen, wie sich die Typografie einer App innerhalb weniger Jahre ge├Ąndert hat. Dies liegt allerdings nicht an einer Modeerscheinung, sondern vielmehr daran, dass der Typografie heute endlich der Stellenwert zugesprochen wird, den sie verdient. Jahrelang hat die Typografie eine untergeordnete Rolle gespielt. Nun haben die meisten Designer erkannt, wie sehr die Funktionalit├Ąt einer Mobile App von der richtigen Wahl der Schrift abh├Ąngt. So werden immer mehr bestehende Mobile Apps angepasst und erscheinen f├╝r den User durch eine paar wenige Kniffe sofort sehr viel hochwertiger und moderner.

Die Bedeutung der Typografie beim App Design

Selbstverst├Ąndlich spielen ├Ąsthetische ├ťberlegungen eine Rolle beim ├ťberarbeiten von Apps oder der Gestaltung neuer Anwendungen. Doch dar├╝ber hinaus existieren vielf├Ąltige technische Gr├╝nde, warum es wichtig ist, sein Augenmerk auch auf die Ausgestaltung der Schrift zu richten.

  • Lesbarkeit: Dieses Motiv ist das offensichtlichste, wenn es um die Schrift einer App geht. Aufgrund der kleinen Bildschirme der Endger├Ąte ist es manchmal gar nicht so einfach, f├╝r alle Zielgruppen die richtige L├Âsung zu finden, insbesondere dann, wenn die App viel Text zeigen muss. Die Mobile App der New York Times zum Beispiel wird von Menschen verschiedenen Alters genutzt und lebt von langen Texten, die f├╝r jeden User gut erkennbar sein m├╝ssen. Einige Apps k├Ânnen durch den User konfiguriert werden, sodass die Schrift den Bed├╝rfnissen des Einzelnen gerecht wird.

zwei android smartphones links und rechts drei iphones

  • User Experience (UX): Letztlich geht es bei allen Punkten im Hinblick auf die Schrift in einer App um die UX. Wenn Teile der App schlecht zu lesen sind, wird der Workflow gest├Ârt, was Gift f├╝r das Erlebnis des Nutzers ist. Ist die Schrift in der App schlecht designt, wird man keine gute UX kreieren k├Ânnen. Ohne gute UX werden die User die App nicht mehr nutzen und schlie├člich l├Âschen.
  • Professionalit├Ąt: Die Typografie sollte immer mit dem Brand der App kompatibel sein und diesen im besten Fall unterst├╝tzen. Wenn beispielsweise eine Versicherung eine verspielte, jugendliche Schriftart w├Ąhlt, wirkt dies sehr unprofessionell. Andersherum wird eine Entertainment-App mit einer sehr seri├Âsen Schriftart nicht den gleichen Erfolg erzielen wie mit einer auf die junge Zielgruppe angepassten Typografie.

Es existieren selbstverst├Ąndlich noch mehr Gr├╝nde, aufgrund derer die Typografie ge├Ąndert werden kann. Zum Beispiel hat jeder Entwickler und Kunde seine eigene Pr├Ąferenz. Doch wenn die drei oben genannten Punkte im Auge behalten werden, ist man mit seinem App Design schon einen gro├čen Schritt vorangekommen. Diese drei Punkte kann und sollte man gut in einer Testphase von Fremden bewerten lassen. Hier fallen oft Schwierigkeiten auf, die die an der Entwicklung Beteiligten nicht erkennen konnten.

Wie liest man eine App?

In der digitalen Kommunikation werden 95% der Inhalte in Form von Text ├╝bermittelt. Das hei├čt, dass der User unbewusst und bewusst mit dem Text einer Mobile App interagiert. Selbst wenn wir nur ein App Logo betrachten, f├Ąllt uns zuallererst das geschriebene Wort ins Auge.

Da die User der App vor allem durch den Text zur Interaktion animiert werden, beeinflusst die Typografie ma├čgeblich das UI und somit die UX, letztendlich also die Usability der Anwendung. Insbesondere eine schlechte Lesbarkeit ist sch├Ądlich f├╝r die Usability, weil die Informationen nicht oder unzureichend an den User gelangen. So wird die App nicht verstanden oder einige Funktionen werden nicht genutzt. Eine gute Typografie ist also eine Grundvoraussetzung f├╝r den Erfolg einer App. Doch woher wei├č ich, ob eine Typografie gut ist?

Die Schl├╝sselelemente einer guten Typografie

Die Bedeutung einer guten Typografie f├╝r ein gelungenes App Design sollte nun klar geworden sein. Allerdings haben wir uns noch nicht damit auseinandergesetzt, welche Elemente eine gute Typografie ausmachen. Im Folgenden m├Âchten wir Euch einen ersten kleinen Guide geben, mit dem Ihr beginnen k├Ânnt:

  1. Schriftgr├Â├če: Der Hilfebereich von Apple gibt Aufschluss ├╝ber die empfohlene Schriftgr├Â├če. Bei iOS Ger├Ąten sollte die Schriftgr├Â├če zwischen 11 und 17 Punkten betragen, was f├╝r Android Devices gleicherma├čen G├╝ltigkeit besitzt. Aber dar├╝ber hinaus m├╝ssen wir bedenken, dass wir bei Smartphones auch viel weniger Zeichen pro Linie besitzen. W├Ąhrend bei Webseiten 60 bis 75 Zeichen zur Verf├╝gung stehen, k├Ânnen wir hier nur 35 bis 50 Zeichen abbilden. Beim App Design ist es eine besondere Herausforderung, die S├Ątze nicht zu lang und kompliziert zu machen und gleichzeitig gen├╝gend Informationen zu transportieren, um dem User ein nat├╝rliches Lesen zu erm├Âglichen. Nat├╝rlich gibt es bei vielen mobilen Anwendungen die M├Âglichkeit, die Schriftgr├Â├če anzupassen. Doch nicht bei jeder App ist dies sinnvoll.

Schriftgr├Â├če der App

  1. Wei├čstellen: Beim App Design haben wir wirklich wenig Platz zur Verf├╝gung, um die einzelnen Screens einer App zu planen. Dies ist ein Grund, warum viele unerfahrene Entwickler und Laien gro├če Angst vor freien Fl├Ąchen auf den Bildschirmen zu haben scheinen. Doch diese Wei├čfl├Ąchen sind sehr wichtig f├╝r die UX und um die Informationen richtig wirken zu lassen. Insbesondere auf sehr wichtigen Screens, die eine bedeutende Interaktion vom User verlangen, sollte der Entwickler sich auf die wirklich existentiellen Elemente konzentrieren. Selbstverst├Ąndlich m├╝ssen die Fl├Ąchen nicht wirklich wei├č sein.
  1. Kontrast: Der farbliche Kontrast zwischen Buchstaben und Hintergrund ist enorm wichtig f├╝r die Lesbarkeit. Ideal ist in Hinblick darauf schwarze Schrift auf wei├čem Grund oder vice versa. Allerdings sollte dies auch immer zum Brand und dem Ziel der Anwendung passen, weshalb es logischerweise erlaubt ist, ein wenig mit den Farben zu spielen. Allerdings sollte das Design an jeder Stelle auf den Kontrast hin gepr├╝ft werden, weil Fehler hier gravierende Folgen f├╝r die Usability haben und dabei sehr einfach behoben werden k├Ânnen.

san franciso app design grosse rote aufschrit macrophages

  1. Kanten mit Serifen oder ohne? Diese Debatte herrscht nach wie vor in der Welt des Web Design. Nat├╝rlich macht sie auch nicht vor den App Designern halt. Wenn wir die Quellen der Anbieter betrachten, wird die Sache eigentlich schnell klar: Sowohl die Quellen f├╝r Android als auch f├╝r iOS setzen auf Schriftarten ohne Serifen. Android verwendet Roboto, w├Ąhrend iOS sich in der Familie der Helvetica bedient. Beide Schriftarten zeichnen sich durch einfache, klare und feine Linien aus, wodurch die Lesbarkeit optimal ist. Seit dem Emporkommen der Smartwatches verwendet iOS auch die Schriftart San Francisco.

Wir sehen, dass die Typografie die Usability einer Mobile App stark beeinflusst. Beim App Design darf kein kleines Detail aus den Augen verloren werden. Insbesondere die Stellen, die unmittelbar vom User aufgenommen werden, wie die Schrift beispielsweise, m├╝ssen perfekt zur Anwendung passen, um eine perfekte User Experience bieten zu k├Ânnen.

Proyecto Dise├▒o

Verfasst von

Yeeply
Yeeply

Yeeply ist eine Premium-Plattform, die sich auf die Entwicklung von Mobile Games und individuellen Websites spezialisiert hat. Seit 2012 vertrauen uns unsere Kunden die Entwicklung ihrer Projekte an, und wir arbeiten mit den besten zertifizierten Profis auf technischer Ebene: Entwickler von Mobile Games oder Web-Freelancer, gro├če Softwareunternehmen und f├╝hrende Agenturen. Erstellen einer App oder einer Website war noch nie so schnell, zuverl├Ąssig und sicher wie mit Yeeply! Ver├Âffentlichen Sie Ihr Softwareprojekt auf Yeeply und lassen Sie sich von unserem Team durch den Prozess begleiten.