Icon Design
Icons sind ein visueller Anker, der uns hilft durch ein Interface zu navigieren.
Der Einsatz und die Gestaltung von Icons sollten stets das Ziel haben, den Benutzer einer Software oder einer Internetseite bei der Steuerung zu unterstützen.
Grafikelemente wie Icons und Schaltflächen spielen für alle Bedienoberflächen eine bedeutende Rolle: Sie sichern eine schnelle Wiedererkennbarkeit, sind Sprachenunabhängigkeit, kompatibel mit anderen GUI-Applikationen, haben einen geringen Platzbedarf und stärken die Markenidentität eines interaktiven Produkts.
Abbildung:
Icon Design für das Dentalbrennsystem VITA Vacumat 6000M
Informationen zum Projekt: http://www.meyer-hayoz.com/
projekte/vita/vacumat
Icon-Set
Schaltflächen, Icons und Menüeinträge sollten den Benutzer mit einfachen und flexiblen Dialogwegen zum Ziel seiner Aufgabe führen und damit die Anwendung steuerbar machen.
Einprägsame und intuitive Icons helfen bei der Erfassung von Funktionen, sichern die visuelle Orientierung und unterstützen die Erlenbarkeit des Systems.
Ein durchgängiges und verständliches Icon-Set ist die Grundlage für eine erfolgreiche User Experience.
Abbildung:
Icon-Set für das Indiziersystem Kistler – KiBox To Go
Informationen zum Projekt: http://www.meyer-hayoz.com/
projekte/kistler/kibox-to-go
Differenzierbarkeit
Eine formal reduzierte Darstellungstechnik konzentriert sich aufs Wesentliche und schafft eine optimale Differenzierbarkeit innerhalb einer Produktfamilie.
Je einfacher und prägnanter ein Zeichen, umso besser unterscheidet es sich und wird unverwechselbar.
Abbildung:
Corporate und Icon Design für Adhoco adaptive home control
Informationen zum Projekt: http://www.meyer-hayoz.com/
projekte/adhoco/adaptive-home-control
Kontextbezug
Der Kontext in dem das Icon auf der Bedienoberfläche erscheint, spielt eine wesentliche Rolle für die Gestaltung der Icons.
Besonders bei industriellen Anwendungen sind die optischen Bedingungen nicht immer ideal.
Eine eindeutige Symbolik und klare Kontraste gewähren eine optimale Erkennbarkeit und Verständlichkeit.
Abbildung:
Icon Sprache für die Bedienoberfläche visko®, Kirsten Soldering AG
Informationen zum Projekt: http://www.meyer-hayoz.com/
projekte/kirsten/visko
Durchgängigkeit
Ein stimmiges Gesamtbild in der Iconsprache erleichtert die Orientierung und vermittelt Qualität.
Durchgängigkeit in Darstellungstechnik, Stil, Form, Perspektive und Farbgebung schafft Ordnung, die ansprechend wirkt.
Den Anforderungen entsprechend werden sinnvolle Gestaltungsrichtlinien entwickelt und auf alle Icons des User-Interface übertragen und angewendet.
Abbildung:
Iconsprache für das Dentalbrennsystem VITA Vacumat 6000M
Informationen zum Projekt: http://www.meyer-hayoz.com/
projekte/vita/vacumat
Zielgruppenorientierung
Oft ergibt sich die Bedeutung eines Icons erst im Zusammenspiel von Kontext und individueller Betrachtung.
So können beispielsweise Symbole, die in unseren Kulturkreisen eine ganz bestimmte Bedeutung haben, in einem anderen Kulturkreis völlig andere Assoziationen hervorrufen.
Abbildung:
Icon Design und Usability Engineering für die Mivune Gebäudeautomation
Informationen zum Projekt: http://www.meyer-hayoz.com/
projekte/mivune/gui
Wiedererkennungswert
Der Benutzer muss die Bedeutung jedes Icons erst erlernen. Deshalb sollte seine Bedeutung für den Benutzer möglichst einfach zu erkennen sein.
Die Geschwindigkeit, mit der ein Icon ausgewählt und erfasst wird, sowie emotionale Aspekte fließen in die Gestaltung mit ein.
Ein großer Vorteil von Icons liegt im hohen Wiedererkennungswert.
Abbildung:
Icon-Set für die grafische Bedienoberfläche der CNC Systeme der NUM AG
Informationen zum Projekt: http://www.meyer-hayoz.com/
projekte/num/uid
Medizintechnik
Bei Anwendungen im Medizinbereich spielt die intuitive Bedienbarkeit eine wichtige Rolle, besonders bei Anwendungen, die vom Patienten selbst bedient werden.
Eine einfache und intuitive Steuerung reduziert Anwendungsfehler und stärkt das Vertrauen des Patienten.
Freundliche Farben und eine klare Formensprache vermitteln Sympathie und Unkompliziertheit.
Abbildung:
Icon Design für P.L.E.A.S.E.® Devices, Pantec Biosolutions AG
Produktion
Für die Einbindung in die Applikation können vektorbasierte Icons, sie sind verlustfrei skalierbar, oder pixelgenaue Darstellungen in der Zielgröße ausgegeben werden.
Der Detailierungsgrad richtet sich nach der am meisten verwendeten Größe.
Wichtig ist hierbei die Berücksichtigung plattformtechnischer, fachlicher und bei Bedarf auch kultureller Besonderheiten.
Abbildung:
Icon Entwicklung für das GUI-Plattformkonzept,
Gallus Ferd. Rüesch AG
Informationen zum Projekt: http://www.meyer-hayoz.com/
projekte/gallus/gui
Identität
Der definierte Icon-Stil der Applikation in Verbindung mit dem gesamten User Interface Design muss die Anforderungen hinsichtlich Markenidentität und Prägnanz erfüllen.
Die entwickelten Icons werden auf Ihre graphische Qualität, Eigenständigkeit und Einprägsamkeit geprüft und stellen dann eine wichtige Form des Produkt-Brandings dar.
Abbildung:
Icon Design und Corporate Identity, NUM AG
Informationen zum Projekt: http://www.meyer-hayoz.com/
projekte/num/uid
