INTERNATIONALISIERUNG: ICONS & SYMBOLE

Transkript

1 INTERNATIONALISIERUNG: N N N ICONS & SYMBOLE Design for all Bastian Treger, Pavel Hasanov, Hristo Gurdzhanov

2 Überblick Einführung Sprache & Schrift Symbole & Icons Formate Ästhetik

3 Motivation "If I'm selling to you, I speak your language. If I'm buying, dann müssen Sie Deutsch sprechen." (Willy Brandt)

4 Definitionen Globalisierung / Internationalisierung (Software): Entwicklung eines Basis-Designs welches für weitere Märkte / Länder angepasst werden kann Lokalisation (Software): Anpassung eines globalen Produkts um dieses für das einzelne Land / Markt möglichst benutzerfreundlich zu gestalten I18N, L10N

5 Lokalisierung Technisch: Betriebssystem Unterstützung National: Sprache, Formate, Zeichensetzung Kulturell: Kulturelle ll Werte, Geschmack, Geschichte, h Tradition i

6 Möglichkeiten der Entwicklung Eine Software für alle Länder Billig Unnützer Ballast (Sprachen, Einheiten, Layout) Für jedes Land eine extra Software Teuer da Code mehrfach geschrieben wird Nur das wirklich benötigte t enthalten

7 Richtlinien für die Entwicklung Länder / Kulturen für den angestrebten Einsatz identifizieren Entwurf und Entwicklung einer globalen Basis Interface Designer im Zielland beauftragen Tests zur Benutzerfreundlichkeit der lokalisierten Versionen durchführen

8 Sprache Es gibt keine internationale Sprache

9 Sprachauswahl Sprachauswahl sollte in Landessprache sein Zusätzlich Flaggen verwenden

10 Schrift Nur so viel Schrift wie nötig Direkte Manipulation: z.b. Drag & Drop Visuelle Rückmeldungen: Hervorheben

11 Schrift bei Symbolen & Icons Icons sollten keinen Text enthalten Erweiterte Informationen über Popups pp

12 Schrift Zeichenvorrat: 26 (Europa) (China) Tastatur: Darstellung aller Zeichen physikalisch möglich nicht => Tastenkombinationen und Symboltabellen

13 Mehrere Schriftsysteme Länder mit mehreren Schriftsystemen: Japan, China, Korea

14 Mehrere Sprachen Belgien: Französisch, Niederländisch Schweiz: Französisch, Deutsch, Italienisch Kanada: Französisch, Englisch

15 Dialekte 1 Sprache in unterschiedlichen Ländern Englisch: USA, England, Australien Französisch: Frankreich, Kanada B Papie ko b T h (USA) W t b k t z.b. Papierkorb : Trash (USA), Wastebasket (England), Rubbish (Australien)

16 Textrichtungen Unidirektionaler Text: eine Richtung g( (von links nach rechts) verschiedene Richtungen (von links nach rechts, von oben nach unten) z. B.: Japan (katakana) Bidirektionaler Text: beide Richtungen gleichzeitig: arabisch von rechts nach links, Zahlen aber von links nach rechts

17 Vertikaler Text

18 Vertikaler Text Auf die technischen Möglichkeiten der Software achten

19 Textrichtungen: Beispiele arabisch Japan (katakana) Bustrophedon

20 Texteditoren Cursorpositionierung Rechts oder links abhängig ggvon der Schrift Oben oder unten abhängig von der Schrift Abhängig von dem Sprachelement (bidirektionaler Schrift) Worttrennung: viele Sprachen - viele Regeln Deutsch: die Buchstaben können sich ändern (alte Trennungsform), z. B. Zuk-ker ker Japanisch: Wörter können sich an jeder Stelle trennen

21 Texteditoren Texthervorhebung h Deutsch: kursiv, fett, unterstrichen Im Japanisch geht das nicht, stattdessen: hervorgehobener Text ~ bold Auflistung Deutsch: mit Punkten (Strichen) angedeutet Japanisch:

22 Texteditoren Textsortierung Verschiedene Alphabete mit Spezialfällen Spanisch: cho ist nach dem co Finnisch: Å kommt nach dem Z Französisch: Å kommt nach dem A Deutsch: Umlaute als Buchstabenkombinationen (ä = ae) Eti Estnisch: Umlaute am Ed Ende Japanisch: verschiedene Sortierungsmöglichkeiten

23 Layout Das Interface soll alle Aspekte der Sprachrichtungen h erfüllen Besondere Umstellungsaufwand bei den rechts-nachlinks Sprachen

24 Layout Leserichtung auch bei den Formularen anpassen

25 Layout: Web-Beispiele deutsch arabisch

26 Layout: Web-Beispiele englisch arabisch

27 Layout: Web-Beispiele englisch arabisch

28 Symbole & Icons sind id mittel ittl der visuellen Sprache werden für das gute Verständnis und für die Übersicht verwendet viele sind kulturspezifisch International: Werkzeuge, Telefon, Buch, Computer, Erde, Lupe, Lautsprecher, Mikrofon, Tapedeck, Pfeile, Fahrzeuge, Smileys

29 Symbole & Icons verschiedene Textrichtungen unterschiedliches Verständnis der Symbole Europär: (1) Schlüsseleingabe -> (2) Verbindungsaufbau -> (3) Öffnen Arabar: (3) Öffnen -> (2) Verbindungsaufbau -> (3) Schlüsseleingabe

30 Symbole & Icons Symbole mit Pfeilen für die arabischen Kunden spiegeln englisch arabisch

31 Symbole & Icons: Wortspiele Verwendung der Wortspiele sehr sprachenabhängig Versuchen zu vermeiden, oder für die andere Sprachen ausschalten In Texas: to pee

32 Symbole & Icons: Wortspiele keine Wortspiele/Wortwitze englisch: paws = pause (im Spiel) deutsch: Tatzen Pause englisch: table = table (spreadsheet) deutsch: Tisch Tabelle

33 Symbole & Icons: Wortspiele Lotus 1-2-3: run a macro Auf deutsch kann man noch verstehen: macro laufen lassen Auf fanzösisch hat keine Bedeutung, sollte throw a macro heißen Englisch: apples to oranges Analog im deutsch: Äpfel mit Birnen vergleichen Im Lotus 1-2-3: Übersetzung der Dateien

34 Symbole: Checkboxen Im manchen Ländern (Schweiz, Korea) mit dem Zeichen X entfernt man die Sachen aus der Liste

35 Internationale Formate Formate - Sprachen und Nationen Ut Unterstützung tüt von Landtypischen Formaten Internationale Software

36 Zahlen Spiel Welche Zahl ist das? 1,23456 Was bedeutet diese Schreibweise? 2

37 Nummer

38 Geld EURO 1,23 1,23 1,23 EUR EUR 1,23

39 Kalender a) 7 März 2008 b) 8 März 2007 c) 3 Juli 2008 a) Mittwoch b) Donnerstag c) Freitag Welches Datum steht hier? Was ist der vierte Tag der Woche?

40 Datum

41 Zeit

42 Adressen

43 Telefon Nummer US Standard Internationale Lösung

44 Papier Formate Europa und Japan USA

45 Anderen Einheiten Gewicht Gramm, Pfund Temperatur Celsius, Fahrenheit, Kelvin, Newton Volume Liter, Gallon, Pint, Gill Distanz Meter, Inches, Feet, Yard, Chain, Furlong, Mile

46 Ästhetik Passende Design für jeder Kultur Interface soll freundlich und vertraulich auswirken für die bestimmte Land oder Region Geschichte, Tradition mit einbeziehen

47 Farben Farben haben in unterschiedlichen Kulturen eine unterschiedliche Bedeutung Farben den Trauer (schwarz, weiß) Farben von Warnhinweisen (rot, gelb) Ampelfarben (rot STOP, grün O.K.)

48 Farben - Bedeutung

49 Farben Japan und USA Japan Europa USA MS Kalender für Japan und USA

50 Form

51 Fazit Globalisierung ist nicht aufzuhalten -> Internationalisierung gewinnt an Bedeutung Internationalisierung Übersetzung

52 Danke für die Aufmerksamkeit! FRAGEN?