Kontakt

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


MEYER-HAYOZ
DESIGN ENGINEERING AG

Technoparkstrasse 2
CH-8406 Winterthur

Telefon +41 52 209 01 01
Telefax +41 52 209 01 09
info.chmeyer-hayoz.com

www.meyer-hayoz.com

Impressum