Icons auswählen – Vorgehen und Tipps – Newsletter 6/2023

Was ist überhaupt ein Icon? Ein Icon ist ein vereinfachtes Bild, ein Symbol. Auf einer Website oder in einer App ist ein Icon klickbar, das heißt, als Nutzende lösen wir durch einen Klick darauf eine Funktion aus. Ein Icon markiert also eine Schaltfläche (button).Illustrative Elemente auf Webseiten werden auch manchmal …

> weiterlesen

Hamburger vom Menü streichen!

Screenshot Website mit Hamburger Icon
Gerade Design-Agenturen lieben Hamburger Menüs – hier Xander Creative.

Das Hamburger-Menü ist bei Designern und machen Konzeptern sehr beliebt – mit den drei Strichen oben links oder rechts deuten wir dem Benutzer an, dass er hier das Menü findet. Insbesondere wenn wenig Platz zur Verfügung steht wie etwas auf Smartphones, ist das enorm praktisch.

Leider bringt das aber auch enorme Usability-Probleme mit sich. Denn zum einen wissen noch immer etliche Nutzer nicht, was die drei Striche bedeuten. (Hier kommt wieder das Problem zu tage: Wir sind nicht unsere Nutzer.) Auch wenn uns, die wir täglich mit sehr bewusst interaktiven Anwendungen umgehen und über sie nachdenken, absurd erscheint. Schließlich nutzt dieses Icon fast jeder seit Jahren.

Noch nicht überzeugt? Kara Pernice von NNG bringt in diesem kurzen Video ein paar überzeugende Argumente: Hamburger Menus Hurt UX Metrics

Wer’s lieber Deutsch mag oder wer lieber liest – ein älterer Beitrag im Usabilityblog mit Hintergründen zum Thema: Die Top 3 Fragen zum Burger-Menü

Eine kurze Geschichte der Icons

Icons sind aus unserem Leben nicht mehr wegzudenken. Und von unseren Computern schon gar nicht. Wer wissen will, wo und wann die ersten Icons auftauchten, der sollte sich unbedingt die Zeit nehmen, diese wunderbare Geschichte der Computericons durchzuscrollen (am besten mit einer guten Verbindung, denn die Site lädt recht langsam): …

> weiterlesen

Icons fürs Entwerfen von Touch-Oberflächen

Immer mehr Geräte haben Touch-Interfaces: Mobiltelefone, Tablets, POI-Terminals usw. Wer für diese Benutzeroberflächen entwirft, der muss irgendwie deutlich machen, welche Aktionen des Benutzers welche Reaktion der Anwendung auslösen sollen. Hier ist es sinnvoll, wenn nicht jeder jedes Mal das Rad neu erfindet. Daher empfehle ich, auf eine der vorhanden Konventionen …

> weiterlesen