{"id":4869,"date":"2014-06-30T08:19:03","date_gmt":"2014-06-30T06:19:03","guid":{"rendered":"http:\/\/www.centigrade.de\/de\/blog\/?p=4869"},"modified":"2017-02-03T13:35:49","modified_gmt":"2017-02-03T12:35:49","slug":"not-lost-in-translation-about-icons-and-interpreters","status":"publish","type":"blog","link":"https:\/\/www.centigrade.de\/de\/blog\/not-lost-in-translation-about-icons-and-interpreters\/","title":{"rendered":"Not Lost in Translation \u2013 Von Icons und Dolmetschern"},"content":{"rendered":"<p>Icons sind mein t\u00e4glich Brot \u2013 von universell einsetzbaren Home Icons in verschiedenen Stilen bis hin zu fachspezifischen Icons f\u00fcr die <a href=\"http:\/\/www.centigrade.de\/basic\/resources\/images\/content\/de\/Awards.Omicron-IsometricIcons.png\">Verkabelung von elektrischen Relais<\/a> in Umspannwerken habe ich schon vieles gestaltet. Vor kurzem erfuhr ich, dass auch Dolmetscher Symbole verwenden, um Bedeutungen schnell festhalten und sp\u00e4ter wieder abrufen zu k\u00f6nnen. Ich nutzte die Gelegenheit, um einen Schritt zur\u00fcckzutreten und mir nochmal genauer anzusehen, wo das wunderbare Mittel der Symbolik sonst so zum Einsatz kommt.<br \/>\n<!--more--><\/p>\n<h5>Herk\u00f6mmliche und Spezielle Icons<\/h5>\n<p><a href=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/IconExamples1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/IconExamples1.png\" alt=\"\" width=\"620\" height=\"160\" \/><\/a><\/p>\n<h3>Bildsprache<\/h3>\n<p>Die Verwendung von Symbolen und Icons ist eine sehr gute M\u00f6glichkeit, sowohl einfache, physikalisch existierende Objekte, als auch komplexe oder abstrakte Konzepte kompakt darzustellen (zur genaueren Abgrenzung von Symbol, Icon und Piktogramm empfehle ich den Blogartikel <a href=\"http:\/\/www.centigrade.de\/de\/blog\/piktogrammeder-neue-letzte-schrei-im-icon-design\/\">\u201ePiktogramme \u2013 der neue letzte Schrei im Icon Design\u201c<\/a> meiner Kollegin Jenny Gemmell). Beim User Interface Design ist dies insbesondere bei der Darstellung von Navigationsobjekten (Pfeile, Ordner, Symbole f\u00fcr Bereiche einer Applikation) von Vorteil. Das Gleiche gilt f\u00fcr im System vorhandene, abstrakte Objekte (Projekte, Dokumente, Kontakte) oder f\u00fcr ganze Funktionen und Aktionen (\u00d6ffnen, Exportieren, Speichern).<\/p>\n<h5>UI Design Icons unserer PlainSeries Stock Icons<\/h5>\n<p><a href=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/IconExamples2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/IconExamples2.png\" alt=\"\" width=\"620\" height=\"100\" \/><\/a><\/p>\n<p>Handelt es sich bei einem solchen Icon um eine direkte visuelle Abbildung des betroffenen Objekts, also um ein Ikon (vgl. den Artikel von Jenny Gemmell), so kann dieses oft ohne ein erkl\u00e4rendes Label weltweit eingesetzt werden. Im User Interface Design gibt es zudem etablierte Icons, die immer wieder f\u00fcr dieselben Objekte und Funktionen verwendet werden und daher nicht jedes Mal neu erlernt werden m\u00fcssen.<\/p>\n<p>Diese Icons m\u00fcssen nicht zwangsl\u00e4ufig selbsterkl\u00e4rend sein, hierf\u00fcr ist die Diskette zum Abspeichern von Daten ein gutes Beispiel. Die Disketten-Metapher, die ehemals eine ikonische Bedeutung hatte, da man tats\u00e4chlich Daten auf einer Diskette abspeicherte, ist schon lange nicht mehr zeitgem\u00e4\u00df und k\u00f6nnte sicher durch ein selbsterkl\u00e4rendes Motiv ersetzt werden. In dem Fall w\u00e4re ein Icon mit der symbolischen Bedeutung von \u201eSpeichern\u201c oder \u201eAufbewahren\u201c am sinnvollsten, da sich durch den technischen Fortschritt das Speichermedium sicher noch mehrfach \u00e4ndern wird.<\/p>\n<h5>Eine m\u00f6gliche Evolution von Save Icons<\/h5>\n<p><a href=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/SaveIcons.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/SaveIcons.png\" alt=\"\" width=\"620\" height=\"100\" \/><\/a><\/p>\n<p>Doch das Festhalten an bekannten Konzepten bietet oft den Vorteil, dass ein \u201ekollektives Ged\u00e4chtnis\u201c aufgebaut wird und die Menschen vor dem st\u00e4ndigen Umdenken und Neu-Erlernen verschont werden. Beim Icon \u201eDiskette\u201c hat sich also die Bedeutung von ikonisch, der tats\u00e4chlichen Abbildung, zu symbolisch, der \u201eIdee\u201c von Speichern, verschoben.<\/p>\n<p>Die Verwendung von Symbolen zur kompakten Darstellung von Informationen kommt in vielen Bereichen zum Einsatz, etwa bei der Beschilderung von \u00f6ffentlichen Bereichen oder im Stra\u00dfenverkehr. Hier ist ein relativ gro\u00dfer Teil der Weltbev\u00f6lkerung darauf angewiesen, die Bedeutung der Symbole schnell und unmissverst\u00e4ndlich zu erfassen.<\/p>\n<h3>Sketchnotes<\/h3>\n<p>Neben diesen einfachen Symbolen, die meist nur eine einzelne Information beinhalten und schnell erlernt und erkannt werden, wird Bildsprache immer st\u00e4rker auch f\u00fcr vielschichtige Informationskonstrukte verwendet \u2013 wie zum Beispiel Meetings und Vortr\u00e4ge \u2013 um den Inhalt sp\u00e4ter anschaulich wiedergeben zu k\u00f6nnen. Die visuelle Erfassung solcher komplexer Inhalte ist im kreativen Bereich nichts Neues. In den letzten Jahren erfreuen sich zum Beispiel <a href=\"http:\/\/de.wikipedia.org\/wiki\/Sketchnotes\">Sketchnotes<\/a> einiger Beliebtheit. Hierbei wird beispielsweise eine ganze Rede mittels <a href=\"http:\/\/de.wikipedia.org\/wiki\/Mind-Map\">Mind-Map<\/a>-artigen Scribbles zu einem anschaulichen Ganzen kombiniert.<\/p>\n<p>Sketchnotes sind jedoch eher eine Art der Informationsvisualisierung, in der nicht nur Symbole, sondern auch andere, aufw\u00e4ndiger gestaltete Elemente verwendet werden. Der genaue Wortlaut des Redners oder der Meetingteilnehmer kann dabei nicht mehr wiedergegeben werden. Ziel ist die Veranschaulichung des groben Inhaltes. Nicht zuletzt ist hierf\u00fcr ein gewisses Zeichentalent notwendig.<\/p>\n<h3>Die Notizentechnik der Dolmetscher<\/h3>\n<p>Anders sieht es bei Dolmetschern aus, die ebenfalls komplexe Inhalte in k\u00fcrzester Zeit aufnehmen und wiedergeben m\u00fcssen, jedoch nicht zwingend \u00fcber die zeichnerischen F\u00e4higkeiten verf\u00fcgen, die man f\u00fcr Sketchnotes ben\u00f6tigt. Trotzdem nutzen sie die M\u00f6glichkeiten der Bildsprache f\u00fcr ihre Zwecke.<\/p>\n<p>Eine befreundete Dolmetscherin erz\u00e4hlte mir neulich, dass es bei der <a href=\"http:\/\/de.wikipedia.org\/wiki\/Notizentechnik\">Notizentechnik<\/a> des Konsekutivdolmetschens vor allem auf eine kompakte und dadurch schnelle Erfassung von Informationen ankommt. Bei dieser Art des Dolmetschens wird das Gesprochene \u2013 im Gegensatz zum Simultandolmetschen \u2013 zun\u00e4chst \u00fcber eine bestimmte Zeit hinweg notiert, um es anschlie\u00dfend zusammengefasst zu \u00fcbersetzen und wiederzugeben. Das Gesprochene muss dabei sehr schnell erfasst werden, um Inhalte nicht zu vergessen. Wortw\u00f6rtliches Aufschreiben durch Stenographie ist hierbei nicht gebr\u00e4uchlich, Dolmetscher bedienen sich stattdessen anderer kompakter Darstellungsweisen der Informationen: Abk\u00fcrzungen und\u2026 Symbole!<\/p>\n<h5>Beispiele von Symbolen der Notizentechnik<\/h5>\n<p><a href=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Symbols.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Symbols.png\" alt=\"\" width=\"620\" height=\"332\" \/><\/a><\/p>\n<p>Neben einigen etablierten, weitl\u00e4ufig verwendeten Symbolen erfinden Dolmetscher zus\u00e4tzlich eigene Symbole, um beim Notieren nicht lange nachdenken zu m\u00fcssen und das Notierte anschlie\u00dfend eindeutig zu verstehen. Auch diese Symbole m\u00fcssen daher zielgruppengerecht sein \u2013 mit dem Unterschied, dass die Nutzergruppe nicht wie meist im User Interface Design aus sehr vielen Personen, sondern aus lediglich einer einzigen Person besteht.<\/p>\n<p>Deshalb kommen nicht nur sch\u00f6n ausgestaltete, f\u00fcr eine gro\u00dfe Anzahl an Betrachtern erkennbare Motive zum Einsatz, stattdessen \u00fcberwiegt der praktische Anspruch: kurze W\u00f6rter werden einfach ausgeschrieben, ab und zu reicht der Anfangsbuchstabe eines Wortes und l\u00e4ngere W\u00f6rter werden als Symbol dargestellt, das einfach zu zeichnen ist. Beim Notieren werden die Symbole so verkn\u00fcpft, dass man auch komplexe Zusammenh\u00e4nge gut rekonstruieren kann.<\/p>\n<p>Es gibt jedoch auch einige Symbole, die allgemein verst\u00e4ndlich sind, wie zum Beispiel die verschlungenen Ringe f\u00fcr \u201ePartnerschaft\u201c, ein Dach zur Darstellung von \u201eSchutz\u201c, oder das abstrakte Mikroskop, das f\u00fcr \u201eForschung\u201c steht.<\/p>\n<h3>Icons, wohin man blickt!<\/h3>\n<p>Ich finde es ermutigend und inspirierend zugleich, dass Symbole (oder Icons) auch in anderen Bereichen als den allseits bekannten einen sinnvollen Einsatz finden. Nat\u00fcrlich werden sie, gerade beim User Interface Design, meist dazu genutzt, als Designelement die Anmutung des gesamten Interfaces zu beeinflussen. Dies spielt gerade beim aktuell modernen Flat Design (oder auch <a href=\"http:\/\/www.centigrade.de\/de\/blog\/desktop-modern-ui\/\">Desktop Modern UI<\/a> Design) eine gro\u00dfe Rolle, wo durch das bewusste Weglassen von unn\u00f6tigen Schn\u00f6rkeln immer weniger Werkzeuge zur Verf\u00fcgung stehen, um das tats\u00e4chliche Design hervorzuheben. Hier kommt den Icons also mittlerweile eine noch wichtigere Rolle zu, da der Blick verst\u00e4rkt auf die wenigen noch vorhandenen grafischen Elemente gelenkt wird.<\/p>\n<p>Im t\u00e4glichen Umgang mit Icons verliert sich hier jedoch ab und zu der Blick auf deren wahre, praktischen Vorteile, die zus\u00e4tzlich zu den rein \u00e4sthetischen Aspekten existieren. Die Beispiele aus anderen Bereichen zeigen uns, dass der Hauptzweck von Icons die M\u00f6glichkeit darstellt, Inhalte schnell zu kommunizieren und komplexe Konzepte anschaulich und auf kleinem Raum darzustellen. Es ist sicherlich ratsam, diesen praktischen Nutzen immer wieder ins Ged\u00e4chtnis zu rufen, wenn man den n\u00e4chsten ausgefallenen Icon Style entwickelt.<\/p>\n<p><span style=\"font-size: xx-small;\">All trademarks and product names used on this website are the properties of their respective owners and are used solely for descriptive purposes.<\/span><\/p>\n","protected":false},"author":14,"featured_media":0,"template":"","tags":[599,68],"class_list":["post-4869","blog","type-blog","status-publish","hentry","tag-design-thinking-de","tag-icon-design-d"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog\/4869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/users\/14"}],"version-history":[{"count":0,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog\/4869\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/media?parent=4869"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/tags?post=4869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}