Gestaltung: Design, Typografie, Grafik, Webdesign, Usability
Dass die Länder, bzw. Sprach- Icons nicht immer langweilig sein müssen, beweist die Webseite www.timeshop24.de. Nicht nur dass die Flaggen endlich nicht rechteckig dargestellt werden müssen, sondern auch der gewählte Ausschnitt und die schräge Lage der Fahnen ermöglicht eine erfrischende Darstellung der Icons.
Wie schwierig manche Piktogramme zu verstehen sind, zeigt dieses Beispiel von zeit.de. Während die meisten Icons schnell und leicht zu erfassen sind (Partnersuche, Reisen, Finanzen) sind andere wiederum ohne den erklärenden Text hoffnungslos verloren. Besonders schwierig zu „lesen“ sind die Icons von Literatur und Studium. Sind vielleicht auch schwer zu differenzieren, aber es gibt auch Beispiele in der Praxis, die mehr gelungen sind. Als ein besonderes Highlight würde ich das Icon für Kunst & Kultur bezeichnen: also dieser hochspringender Mann ist einfach obskur 🙂
Fazit: Es gibt nur eine handvoll an Icons, bzw. Piktogrammen, die eindeutig ohne einer textlichen Erklärung zu verstehen sind, wie zum Beispiel international verbreitete Zeichen an Flughäfen. Um Missverständnisse zu vermeiden sollte man im Webdesign mindestens bei einem Mouseover eine Erklärung einblenden oder permanent anzeigen.
Es gibt unzählige Icons in den unzähligen Online Shops dieser Welt. Eine ganz passable und angenehm unaufdringliche, weil endlich mal monochrome Sammlung für die Shop Kategorien sieht man auf jellyfish.com – einem Shopvergleich-Portal, das von Microsoft gekauft wurde. Man könnte meinen, es sieht sehr klassisch aus, aber andererseits ist es wirklich erleichternd, keine Bonbon-bunten Icons des sogenannten Web 2.0 Looks mehr ansehen zu müssen.
Es tut einfach nur gut, mal zur Abwechslung einen richtig modernen und auch noch gut gebrandeten Warenkorb in einem Online Shop zu sehen. Warum müssen wir ständig die pixeligen Drahtboxen auf zwei Rädern ertragen??? Es geht doch soviel schöner! Görtz beweist einen guten Geschmack und platziert den besten Warenkorb Icon seit geräumiger Zeit:
Jeder kennt die klassischen Zeichen an den Türen der Toiletten: den kleinen, pinkelnden Jungen und das kleine, nun ja, natürlich sitzendes Mädchen auf dem Topf. Das bietet eine sehr breite Angriffsfläche für jeden Designer. Nach den äußerst reduzierten Piktogrammen, bekannt wohl von jedem typischen Flughafen und Bahnhof (und stark verbreitet seit den Olympischen Spielen 1972 in München von Otl Aicher), kam anscheinend langsam, aber sicher die Abneigung gegenüber den sehr schlichten und auf die Dauer wohl etwas langweiligen Wegweiser zum Topf. Die Ideenfindung ist bunt und hier ist eine nette Auswahl an ein paar lustigen Symbolen und Zeichen:
Die Icons des neuen Softwarepaketes von Adobe ist gerade aus der grafischen Sicht wirklich sehr enttäuschend. Als ich das blaue Icon für Adobe Photoshop 3 Beta zum ersten Mal gesehen habe (schlichter Farbverlauf) und zwei große weiße Buchstaben Ps, war ich felsenfest davon überzeugt, dass dieses Icon eben NUR für die Betaversion gedacht wäre. Und die regulären Programme die modernen und angemessenen Icons vor der Release erhalten würden. Von wegen! Es gab dann doch eine sehr große Überraschung in der fertigen Creative Suite 3 die Programme Icons in diesem „zu“ schlichten Design zu sehen. Alle mit einem einfachen Farbverlauf und den zwei Buchstaben stellvertretend für die Programmnamen (Photoshop, Indesign, Illustrator usw.). Die Problematik allerdings schon klar: durch den Kauf von Macromedia bietet Adobe ein sehr umfrangreiches Programme Set an und die Unterscheidbarkeit zwischen 8 oder 10 Icons rein durch das grafische Erscheinungsbild ist schwer zu garantieren. Das rechtfertig den Einsatz von typografischen Mitteln vollkommen, doch etwas mehr liebevolleres Design kann man von einem „Design“ Software Anbieter doch erwarten!
Das kam anscheinend bei vielen anderen Gestaltern und Designern so ähnlich an – und deswegen hat koregraphik.com ein neues Icons Set für Adobe Creative Suite 3 kostenlos zum Download angeboten!