So helfen Icons dem Webdesign

Um Elemente intuitiver zu verstehen und die Benutzung einfacher zu machen, können Icons helfen. Es ist egal ob eine externe Website wie Twitter, Instagram oder YouTube, ein Dokument oder die Telefonnummer. Diese internen und externen Inhalte sind optisch viel ansprechender, wenn sie mit Icons verziert und gestaltet sind. Dadurch spart man sich nicht nur den Platz des Textes, sondern bietet dem Leser direkt eine benutzerfreundliche Usability.

Benutzerfreundliche Icons

Das Icon ist die visuelle Darstellung von Aktionen und Inhalten, die mit dem Unterbewusstsein des Menschen harmonieren. Je einfacher und reduzierter ein Icon auf die Silhouette, desto verständlicher und leichter ist es zu verstehen. Grade im internationalen Sprachraum sind Icons ein Key zur Kommunikation, Benutzerfreundlichkeit und Navigation auf einer Website.

Grade wenn es in den internationalen Bereich der Kommunikation geht, gibt es nur sehr wenige, die universell einsetzbar sind, da Länder unterschiedliche Auffassungen von Icons haben. Beispielsweise ist das Drucker-Icon mit eines der bekanntesten und am meisten verwendeten auf dem internationalen Markt. Genauso gut zu verstehen sind das Lupe-Icon und Dropdown-Menü-Icon die viel bei Smartphones und Tablets verwendet werden.

So werden sie sinnvoll eingesetzt!

Um eine gut funktionierende Usability zu haben, sollten sie beschriftet bzw. mit einem kurzen Text versehen sein. Grade wenn der Platz auf der Website knapp ist, hilft es das Icon zentriert über den Text zu setzten, oder den Text komplett mit einem Dropdown-Pfeil-Icon zu ersetzen. Wenn etwas mehr Platz vorhanden ist, kann das Icon um den Lesefluss nicht zu beeinflussen, rechts neben den Text gesetzt werden. Um einen gewissen USP (Alleinstellungsmerkmal) zu der Konkurrenz zu haben, ist es sinnvoll eigene Icons mit den Brand-Farben und einheitlichen Designelementen zu erstellen.

Icons sind optisch ansprechende Designelemente einer Website, dennoch sollte der Einsatz beschränkt sein, damit die Website nicht überladen und unübersichtlich wirkt. Sie tragen maßgeblich zur Usability und Benutzerfreundlichkeit bei, wenn sie einen Sinn haben.

Hier finden Sie kostenlose Icons zur Gestaltung von Websites, Apps, Software etc.

Als Beispiel zur Verwendung sind einige auf unserer Kontaktseite zu sehen!

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert