Informaitonsdesign - verständlich und nutzerzentriert · 2009. 3. 2. · © 5gestalten GmbH –...

Informationsdesign – verständlich und nutzerzentriert

Friederike Länge – 5gestalten GmbH

Was ist Informationsdesign?

„Informationdesign is defined as the art and science of preparing information so that it can be used by human beings with efficiency and effectiveness.“ (Robert Horn)

Jeder von uns produziert Informationen. Die Kunst ist, diese Informationen so aufzubereiten und darzustellen, dass die Zielperson, mein Adressat, die Information schnell aufnehmen und auch anwenden kann.

Agenda

Informationsdesign

Usability

Barrierefreiheit

Wodurch wird Informationsdesign beeinflusst?

● Struktur

● Nutzerführung, Orientierungsmerkmale

● Verständlichkeit der Inhalte

● Gestaltung/Layout

● Zielperson, die Nutzer

● Medium

● Auftraggeber

Siedler 4Siedler 3

Siedler 4

Siedler 3

Methoden des Informationsdesign

Erkenntnisse aus der Psychologie (Wahrnehmung, Informationsverarbeitung, Kognitionspsychologie)

Richtlinien aus der Gestaltung (Grafik, Typografie)

Richtiges Schreiben

Technische Anforderungen und Möglichkeiten

Usability: Den Nutzer in den Mittelpunkt stellen

Was ist Usability?

Usability ist ...

das Ausmaß, in dem ein Produkt durch bestimmte Benutzer in einem bestimmten Nutzungskontext genutzt werden kann, um bestimmte Ziele effektiv, effizient und zufriedenstellend zu erreichen.(Richtlinien zur Gebrauchstauglichkeit DIN EN ISO 9241 Teil 11)

Was ist Usability?

Usability ist ...

Derjenige Teil der Arbeitsmittel (Anwendung, Mitarbeiterportal), für den Gebrauchstauglichkeit spezifiziert wird.

Was ist Usability?

Usability ist ...

Die Benutzer, Arbeitsaufgaben, Arbeitsmittel sowie die physische und soziale Umgebung, in der das Produkt genutzt wird.

Was ist Usability?

Usability ist ...

Die Genauigkeit und Vollständigkeit, mit der Benutzer ein bestimmtes Ziel erreichen.

Was ist Usability?

Usability ist ...

Der im Verhältnis zur Genauigkeit und Vollständigkeit eingesetzte Aufwand, mit dem Benutzer ein bestimmtes Ziel erreichen.

Was ist Usability?

Usability ist ...

Freiheit von Beeinträchtigung und positive Einstellung gegenüber der Nutzung des Produktes.

Wie erreicht man Usability?

Gebrauchstauglichkeit erreicht man, indem der Nutzer in den Mittelpunkt gestellt wird.

Das bedeutet:die Ziele, Aufgaben, Bedürfnisse, die Umgebung und die Verhaltensweisen des Nutzers in den Entwicklungs- und Gestaltungsprozess eines Produktes einfließen lassen.

Benutzerzentrierte Produktgestaltung

Der benutzerzentrierte Gestaltungsprozess (DIN EN ISO 13407) besteht aus vier Phasen:

Analyse

Sammeln von Informationen über die Nutzer Wer nutzt das Produkt (Zielgruppe)?

In welcher Umgebung werden die Nutzer mit dem Produkt arbeiten?

Wie arbeiten die Nutzer mit dem Produkt?

Ziel: Die Anforderungen an das Produkt definieren. Ideen für die Umsetzung sammeln.

Gestaltung

Entwicklung und Festlegung der Struktur, der Inhalte und des Designs.

Ziel: Entwicklung eines Designkonzeptes, worin sich die Anforderungen an das Produkt spiegeln.

Prototyping und Evaluation

In der Prototypingphase wird das Designkonzept in ein Modell umgesetzt und dadurch erfahrbar gemacht.

In der Evaluationsphase findet die Bewertung des Prototyps (oder des Endproduktes) statt. Schwierigkeiten bei der Benutzung können aufgedeckt und Verbesserungspotenzial identifiziert werden.

Methodenbeispiele für die Analysephase

Expertenevaluation bei bestehenden Produkten

Direkte Nutzerbefragung

Fokusgruppen

Besuch am Arbeitsplatz

Methodenbeispiele für die Konzeptionsphase

Szenarios oder Persona Konzept

Use cases aus der Sicht der Nutzer

Einsatz von Designprinzipien

Richtlinien und Normen

Methodenbeispiele für das Prototyping

Papierprototyp

Power Point

Programmierte Prototypen, z.B. mit Macromedia Flash

Methodenbeispiele für die Evaluation

Nutzertests

Experten Review

Walk Through

Expertenevaluation

Benutzerzentrierte Produktgestaltung

Der benutzerzentrierte Gestaltungsprozess (DIN EN ISO 13407) besteht aus vier Phasen:

Einflussfaktoren auf den benutzerzentrierten Gestaltungsprozess

Benutzerbelange der vorgesehenen Benutzergruppe

Gebr auchst augl i chkei t

Ziele der Organisation

Aufgaben, die unterstützt werden sollen

verfügbare Techniken und Mittel

Einsatz im ProduktgestaltungsprozessWorkshop 1:

Zielfindung und Definition der Projektschritte

Usability Testing 1

Workshop 2: Ergebnispräsentation des

Usability Testings

Konzeption / Prototyping

Workshop 3: Ergebnispräsentation des Prototyps

Anpassung des Prototyps

Usability Testing 2

Analyse des Nutzungskontext

Gestaltung/KonzeptionPrototyping

EvaluationAnalyse/Konzeption

Vorteile von Usability

● Optimale Nutzung eines Produkts

● Erhöht Akzeptanz und die Nutzungshäufigkeit

● Trägt zur Qualität des gesamten Produkts bei

● Senkt Kosten in der Entwicklung

● Reduziert Schulungen und Support

Barrierefreiheit – Definition BITV

Barrierefreie Informationstechnik bedeutet die technische Zugänglichkeit der Software verbunden mit grundlegenden Prinzipien der Software-Ergonomie. (BITV)

Barrierefreiheit – Definition BGG

„Barrierefrei sind [...] Systeme der Informationsverarbeitung akustische und visuelle Informationsquellen [...] sowie andere gestaltete Lebensbereiche, wenn sie für behinderte Menschen in der allgemein üblichen Weise, ohne besondere Erschwernis und grundsätzlich ohne fremde Hilfe zugänglich und nutzbar sind.“ (§ 4 BGG)

Barrierefreiheit – Definition

„In Wahrheit bedeutet Barrierefreiheit in Webauftritten, auf CD-ROMs, DVDs oder, ganz allgemein, in Software, dass kein Nutzer ausgeschlossen wird.“ (Jan Eric Hellbusch)

Wozu Barrierefreiheit?

Von der Barrierefreiheit profitieren alle

Ersatz für Mobilität

Silver-Surfer

Ermöglicht Personen mit Einschränkungen den Zugang zu Informationen

Voraussetzung für Bildung und Beruf

Geschichtlicher Ablauf

1999: Das World Wide Web Consortium (W3C) bringt die Web Content Accessibility Guidlines 1.0 (WCAG 1.0) heraus.

Vorgabe der EU die WCAG 1.0 in nationales Recht umzusetzen.

2002: Barrierefreie Informationstechnik Verordnung (BITV)

Aktuell Überarbeitung der WCAG 1.0

Einflussfaktoren auf die Barrierefreiheit

Texthinterlegung

Kontrast, Farbe und Schriftbild

Verständlichkeit, Navigation und Orientierung

Skalierbarkeit

Linearisierbarkeit und Layout

Geräteunabhängigkeit und Dynamik

Struktur und Validierung

Texthinterlegung

Nicht-grafische Ausgabemedien Bilder, Grafiken, Illustrationen

Filme, Animationen

Bezeichnung von Elementen

Akustische Informationen

Kontrast, Farbe und Schriftbild

Kontrast Abgrenzung gegenüber anderen Objekten und dem Hintergrund

Kein Flimmern und Blenden

Farbe Darstellung auf Endgeräten

Farbfehlsichtigkeit

Schriftbild Typografie

Verständlichkeit, Navigation und Orientierung

Verständlichkeit Inhalte

Struktur

Navigation Erkennbarkeit

Einsatzbereiche

Orientierung Struktur, Layoutelemente

Hilfen

Skalierbarkeit

Layout und Inhalt passt sich an Hard- und Software an

Individuelle Anpassungen durch den Nutzer sind möglich

Betrifft: Bildschirmgröße

Schrift

Symbole

Bilder, Grafiken, Illustrationen

Linearisierbarkeit und Layout

Ist für Nutzer eines Screenreaders notwendig

Problemelemente Tabellen

Frames

Sonderseiten ohne lineare Darstellungsmöglichkeit

Geräteunabhängigkeit und Dynamik

Beliebige Eingabegeräte Tastatur

Beliebige Ausgabegeräte

Dynamik

Struktur und Validierung

Struktur im Quellcode Erlaubt Navigation mit der Tastatur

Lineare Ausgabe

Geräteunabhängigkeit

Validierung öffentlicher Standards XHTML 1.0 strict

Beispiel: Kontrast und Farbe

Beispiel Kontrast/Farbe

Literatur – Informationsdesign

Philip G. Zimbardo & Richard J. Gerrig (2002): Psychologie. 16. Aufage, Pearson Education Deutschland GmbH, München

Ballstaedt, Steffen-Peter (1997): Wissensvermittlung – die Gestaltung von Lernmaterialien, Psychologie Verlag Union, Weinheim

Schneider, Wolf (2002): Deutsch fürs Leben, Rowohlt Taschenbuch Verlag, Reinbek bei Hamburg (Gibt auch „Deutsch für Profis“)

Thissen, Frank (2003): Kompendium Screen Design. Berlin, Springer-Verlag, 3. überarb. u. erw. Aufl.

Literatur – Usability

Michael Burmester & Joachim Machate (2003): User Interface Tuning – Benutzerschnittstellen menschlich gestalten. Software & Support Verlag, Frankfurt

Henning Brau & Florian Sarodnick (2006): Methoden der Usability Evaluation – Wissenschaftliche Grundlagen und praktische Anwendungen. Verlag Hans Huber, Hogref AG, Bern

Nielsen, Jakob (2001): Designing Web Usability. München, Markt+Technik Verlag

Literatur – Normen und Richtlinien für Usability

DIN EN ISO 13407 (2000): benutzerzentrierte Produktgestaltung

DIN EN ISO 9241-110 (2006): Grundsätze der Dialoggestaltung

DIN EN ISO 9241-11 (1997): Anforderungen an die Gebrauchstauglichkeit

Literatur – Barrierefreiheit

Hellbusch, Jan Eric (2005): Barrierefreies Webdesign – Praxishandbuch für Webgestaltung und grafische Programmoberflächen. Dpunkt.verlag GmbH, Heidelberg

W3C: http://www.w3.org

Web Content Accessibility Guidlines 1.0 (WCAG1, 1999): Richtlinien und Checkpunkte für die zugängliche Gestaltung von HTML-Dokumenten.

Barrierefreie Informationstechnik-Verordnung (BITV, 2002): http://bundesrecht.juris.de/bitv/index.html

Tools für Barrierefreiheit

Validierung von Webseiten (Toolbar für firefox)https://addons.mozilla.org/de/firefox/addon/60

Linearisierbarkeit und Textorientierung:http://www.webformator.de

So sieht ein Farbenblinder: http://colorfilter.wickline.org/

Informaitonsdesign - verständlich und nutzerzentriert · 2009. 3. 2. · © 5gestalten GmbH –...

Documents

Eckdaten - Betriebslinguistikbetriebslinguistik.de/Kurzprofil IFB.pdf• Moderne Briefkultur • Berichte und Gutachten verständlich verfassen • Moderne E-Mail-Kultur • Zahlen

Kompetent? Verständlich? Erklärend? Das E V A Prinzip INGABE ERARBEITUNG USGABE

Kann ich alles regeln? Patientenverfügung verständlich erklärt Dr. med. Susanne Hirsmüller, MSc Palliative Care, Vorsitzende des Ethikkomitees

3. Fachtagung für die Pädiatrische Intensivpflege vom … · Delir und Analgosedierung Workshops 5 Die Referate waren: sehr gut verständlich 31 verständlich 10 weniger verständlich

New Leadership Anforderungen an die Führung in Zeiten der ... · →Anwendung von Lean-Startup Methoden Startups –Schlank, agil, nutzerzentriert Quelle: etventure. 8 Wichtigste

Wanderpfad Idee der Plattform Zeitraum und Organisation Anforderungen Gestaltungs- und Informationsdesign Plattformarchitektur Design Patterns (=PHP)

Prozesse einfach modellieren und verständlich publizierendownload.testotis.de/files/E_Mailings/VCM/QID_Ruechblick_Hamburg... · Fließbandarbeit Elektr. Energieträger EVOLUTIONÄRE

Deutsche Grammatik einfach erklärt · Deutsche Grammatik einfach erklärt . einfach, verständlich, übersichtlich . Nachschlagewerk zur deutschen Grammatik . ... Deklination –

IBP_Studie_Wie verständlich kommunizieren Telekommunikations-Unternehmen?

Testmethoden – verständlich und praxisbewährtgq-solutions.de/wp-content/uploads/140328_GQ-_Testmethoden.pdf · Use-Case-basierte Testfallermittlung Zustandsbasierte Testfallermittlung

Ein PC ist ein Schrank! Der Umgang mit dem Computer leicht und verständlich erklärt

Reflexionskompetenz nicht selbst- verständlich, aber erlernbar · Reflexionskompetenz – nicht selbst-verständlich, aber erlernbar Prof. Dr. Ursula Walkenhorst Fachgebiet ‚Didaktik

Lotus Domino Web Access - gfi. · PDF fileLotus Domino Web Access – Einrichtung und Benutzung 3 | Seite GFI Informationsdesign GmbH - Dammstraße 26 - 47119 Duisburg Einleitung IBM

BASISWISSEN CARD SORTING - eresult · Card Sorting ist eine Research Methode, die dabei hilft Informationsarchitekturen nutzerzentriert zu entwickeln. Es gibt mehrere Varianten von

Die Einführung von SEPA - leicht verständlich und übersichtlich

Jugendschutz – verständlich erklärt · 2020. 6. 30. · Jugendschutz – verständlich erklärt. Inhalt I.nter 18 – Wo und für wen gilt das Jugendschutzgesetz? U ..... 9 1.1erkauf

Wie wird man Deutscher? Einbürgerung Rechtsanwalt Wolfgang Buerstedde info@verein-rechtverstaendlich.de Recht-Verständlich!

Patientenzeitschrift für Atemwegskranke LuftPostPatientenzeitschrift für Atemwegskranke Frühjahr 2016 · 24. Jahrgang LuftPost Deutschland 4,50 E kompetent - verständlich - patientengerecht

I ÜDEFPFI'I'I'I'DÖ Mathe endlich verständlich:

Wissenswertes leicht verständlich. Wussten Sie schon... wie man taktisch vorgeht???