mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mo 23.04.2018 11:21 Benutzername: Passwort: Auto-Login

Thema: [AP 07] Mediendesign Nonprint - Icon Gestaltung vom 15.03.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Abschlussprüfung Theorie -> [AP 07] Mediendesign Nonprint - Icon Gestaltung
Autor Nachricht
ritman
Threadersteller

Dabei seit: 07.03.2006
Ort: Leipzig
Alter: 33
Geschlecht: Männlich
Verfasst Do 15.03.2007 12:51
Titel

[AP 07] Mediendesign Nonprint - Icon Gestaltung

Antworten mit Zitat Zum Seitenanfang

Gründe für Icons:

- macht Produkte leichter verständlich - teilweise sogar intuitiv
- erleichtert das Lernen
- verringert den Bedarf an Informationsvermittlung per Handbuch und Schulung
- verbessert den Zugriff auf Informationen
- erhöht die Motivation der Anwender.
- Erfüllung der Benutzererwartung
- Schnelle Wiedererkennung
- Sprachenunabhängigkeit
- Kompatibilität mit anderen GUI-Applikationen
- Geringer Platzbedarf auf der Bedienoberfläche

Gründe gegen Icons:

William Horton formuliert in seinem Werk Das Icon Buch wie folgt: "In der Regel lösen Icons eine der beiden folgenden Reaktionen aus: Entweder hat der Betroffene seine Freude an den cleveren, hilfreichen Bildchen, oder er hält sie für unverständliche Rätsel, frustrierend und sinnlos."

Einsatz und Gestaltung von Icons sollten stets das Ziel haben, den Benutzer einer Software oder einer Internetseite bei der Steuerung zu unterstützen. In dem Moment, wo etwa zu viele Bildchen bei der Navigation zu Verwirrung führen, oder die Aussage der Icons nicht eindeutig ist, kann eine andere Form der Steuerung, beispielsweise durch Texteinträge, durchaus seine Berechtigung haben. Anwendungen, die ausschließlich mit Icons arbeiten, sind oft schwer zu erlernen. Eine Kombination von Bildern und Text gilt daher als die zuverlässigste und bedienerfreundlichste Art der Softwarenavigation.

Quellen: http://www.tanner.de/de/fachportal-technische-dokumentation-redaktionssysteme/artikel/grafik/icons_gestalten.html
http://www.doku.info/viewarticle.php?art=74

Definition Icon Gestaltung:

Sie können komplexe Zusammenhänge verdeutlichen, ermöglichen ein schnelles und intuitives interagieren und sind über Sprachgrenzen hinweg verständlich.

Bei der Entwicklung von International zu verwendenden Symbole achten wir darauf, dass diese im jeweiligen Kulturkreis allgemein verständlich sind und nicht gegen dort übliche Sitten verstoßen. so dürfen beispielsweise in den arabischen Ländern keine nackten Körperteile gezeigt werden, dies gilt als obszön…

um den Lernaufwand des Anwenders so gering wie möglich zu halten, entwickeln wir zu beginn der jeweiligen Entwurfsphase einen Symbol-Baukasten und die dazugehörige Icon-grammatik.

durch die Kombination der Grundelemente können somit verschiedenste Sachverhalte erklärt werden, ohne dass der Benutzer ständig neue Symbole erlernen muss.

Quelle: http://wachenfeld-golla.de/spektrum/icon-gestaltung/

Grundregeln der Icongestaltung

Norm EN ISO 9241-10
Die Norm EN ISO 9241-10 sollte sich jeder gute Icongestalter als obersten Grundsatz immer wieder in Erinnerung rufen: "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."

Einheitlichkeit
Alle Icons einer Anwendung sollten in Form und Stil einheitlich gestaltet sein. Das entbindet selbstverständlich nicht davon, Icons unverwechselbar zu definieren.

Standardisierung
Nach Möglichkeit sollte sich die Gestaltung an gewachsenen Standards orientieren. Windows setzt durch seinen hohen Verbreitungsgrad in dieser Hinsicht Maßstäbe. Betrachten Sie z. B. das Symbol zum Speichern einer Datei. Es ist allen Windows-Anwendern bekannt - das sind gewiss recht viele - und jeder kennt die Funktion, die sich hinter dem Icon verbirgt.

Übertreibung
Ein Stilmittel bei der Gestaltung aussagekräftiger Icons ist die Übertreibung, um das Wesentliche der mit dem Icon verknüpften Funktion deutlich zu machen. Ein Ausschnitt aus einem Dialogfenster von Microsoft Word XP verdeutlicht das:






Im Fenster Nummerierung und Aufzählungszeichen wird das Format der Listennummerierung festgelegt. Die unterschiedlich formatierten Zahlen stehen daher übertrieben groß im Vordergrund, während der Listentext, hier nur mit Strichen angedeutet, in den Hintergrund rückt.

Kontextbezug
Der Kontext, also das Umfeld, in dem das Icon auf der Bedienoberfläche erscheint, spielt eine wesentliche Rolle. Es gibt hervorragende Icons, die jedoch ihre Klarheit und Unverwechselbarkeit nur im Kontext mit anderen Symbolen erlangen.

Zielgruppenorientierung
Oft ergibt sich die Bedeutung eines Icons erst im Zusammenspiel von Kontext und individueller Betrachtung. Deshalb ist die Zielgruppe beim Entwurf eines Icons stets mit einzubeziehen. So können beispielsweise Symbole, die in unseren Kulturkreisen eine ganz bestimmte Bedeutung haben, in einem anderen Kulturkreis völlig andere Assoziationen hervorrufen.

Farbwahl
Verwenden Sie nur wenige Farben, dafür aber klare Formen. Zu viele Farben stören oftmals den körperhaften Gesamteindruck. Bedenken Sie außerdem: Briefkästen sind nicht überall gelb.

Quelle: http://www.doku.info/viewarticle.php?art=74

Vorgehensweise bei der Gestaltung

1. Definieren Sie die Nutzung und den Zweck des Icons.
2. Beschreiben Sie die Zielgruppe, und berücksichtigen Sie dabei ihre Vorkenntnisse und Erfahrungen.
3. Sammeln Sie Ideen.
4. Skizzieren Sie das Icon auf Papier.
5. Testen Sie die Skizze bei Vertretern der Zielgruppe, indem Sie das Icon zeigen und nach seiner Bedeutung bzw. Funktion fragen.
6. Erstellen Sie das Icon mit einem geeigneten Editor.
7. Führen Sie erneut Nutzertests durch, bei denen Sie die Erwartungen und Wahrnehmungen der Benutzer sowie die Erlernbarkeit des Icons prüfen.

Quelle: http://www.doku.info/viewarticle.php?art=74
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Keiky

Dabei seit: 14.02.2006
Ort: Klein-Sibirien
Alter: 33
Geschlecht: Weiblich
Verfasst Fr 16.03.2007 08:46
Titel

Antworten mit Zitat Zum Seitenanfang

Icongestaltung:
Icons und Piktogramme bringen die Dinge auf den Punkt. Sie erreichen mit dem Minimum an Darstellung ein Maximum an Kommunikation?
Klar, präzise, schnell!
(http://www.polymedial.de/digitales/websites/icondesign_05.html)

Hier noch eine Antwort auf die Frage "Was ist überhaupt ein Icon?":
Icon ansich:
http://de.wikipedia.org/wiki/Icon

Icon PC:
http://de.wikipedia.org/wiki/Icon_%28Computer%29
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen [AP | Nonprint | Mediendesign]
[AP | Nonprint | Mediendesign]
[AP WI 07] Mediendesign - NonPrint
[AP06] Mediendesign - Nonprint
[AP Winter 06] Mediendesign - Nonprint
[AP 07] Mediendesign Nonprint - CSS
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Abschlussprüfung Theorie


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.