Der unvermeidbare EInfluss der Informationsarchitektur auf die User Experience jenseits der Usablity

1 Der unvermeidbare Einfluss der Informationsarchitektur auf die User Experience jenseits der Usability IA Konferenz 2007, Stuttgart

2 Henrik Arndt Diplom Industrial Designer seit mehr als 10 Jahren aktiv in der Konzeption und Definition interaktiver Anwendungen in verschiedenen Agenturen und Design-Büros, seit über 7 Jahren mit dem Titel Information Architect zurzeit als Senior Information Architect bei

3 Konzeption und Definition von Websites, Intranets und Mobile Applications für international führende Marken

4 Autor eines Buches

5 Zwei allgemein anerkannte Definitionen der Informationsarchitektur „We define information architecture as the art and science of organizing and labeling websites, intranets, online communities and software to support usability.“ (The Information Architecture Institut) „1. The combination of organization, labeling, and navigation schemes within an information system. 2. The structural design of an information space to facilitate task completion and intuitive access to content. 3. The art and science of structuring and classifiying web sites and intranets to help people find and manage information. 4. An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape.“ (Rosenfeld, Morville: Information Architecture, 2nd Edition)

6 Laut der Definitionen ist das ausschließliche Ziel der Informationsarchitektur Usability „We define information architecture as the art and science of organizing and labeling websites, intranets, online communities and software to support usability.“ (The Information Architecture Institut) „1. The combination of organization, labeling, and navigation schemes within an information system. 2. The structural design of an information space to facilitate task completion and intuitive access to content. 3. The art and science of structuring and classifiying web sites and intranets to help people find and manage information. 4. An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape.“ (Rosenfeld, Morville: Information Architecture, 2nd Edition)

7 Ist es, theoretisch und praktisch betrachtet, überhaupt möglich, sich als integraler Bestandteil in einem so komplexen Entwicklungsprozess wie der Konzeption interaktiver Anwendungen ausschließlich auf die Usability zu konzentrieren?

8 Diese Frage stellte sich vor 100 Jahren schon einmal Bei der Entstehung einer anderen gestalterischen Disziplin, dem Industrial Design, gab es bereits Anfang des letzten Jahrhunderts die Idee, Industrie-Produkte ausschließlich nach Usability-Kriterien zu gestalten. In Europa gab es drei maßgebliche Gruppierungen, in denen diese Idee propagiert wurde. 1907 Gründung des Deutschen Werkbunds in München 1917 Gründung von DeStijl in Leyden (Niederlande) 1919 Gründung des Bauhaus in Weimar

9 „Revolte gegen Äußerlichkeiten, gegen unsachlichen Auf- putz und nichts sagende Ornamentierung“ (Riemerschmid) Maschinenstuhl Nr. 1, Richard Riemerschmid, Deutscher Werkbund

10 „Wahrheit statt Schönheit“, „logische Konstruktion statt lyrische Konstellation“ (van Doesburg) Red and Blue Chair, Gerrit Rietveld, De Stijl

11 „Ein Ding [...] soll seinem Zweck vollendet dienen – das heißt, seine Funktion praktisch erfüllen.“ (Gropius) Sessel B3, Marcel Breuer, Bauhaus

12 „Die Grundidee des Funktionalen war und ist, über alle Stile hinauszukommen.“ (Dieter Rams) Für diese Designauffassung setzt sich in den 1930er Jahren der Begriff des Funktionalismus durch. Ziel war die Überwindung jedes gestalterischen Stils zugunsten einer ausschließlich an praktischen Bedürfnissen ausgerichteten Form.

13 „Daher der Argwohn, was dem Stil absagt, sei bewusstlos selber einer.“ (Adorno) Der Funktionalismus wird seit Anfang 1960er Jahren, auf dem Höhepunkt seiner Verbreitung, besonders in Deutschland und Italien als Formalismus kritisiert. Zu dieser Zeit bilden sich Gegenbewegungen wie das Radical Design durch die Gründung von Gruppen wie Archizoom und Superstudio in Florenz, sowie in den 1980er Jahren das Antidesign unter anderem durch Alchemia und Memphis in Mailand und das Neue Deutsche Design in Berlin durch Volker Albus, Stefan Borngräber, Kunstflug, Stiletto, GINBANDE und viele andere.

14 Gegenentwürfe zum funktionalistischen Stil Sessel Bel Air, Peter Shire, Memphis

15 Identische Usability bei unterschiedlicher Erscheinung „Redesign“ von Designklassikern durch Gruppen wie Memphis und Kunstflug. Sessel B3, Marcel Breuer, Bauhaus Sessel „Wassily“, Alessandro Mendini, Alchemia

16 Einen reinen Funktionalismus kann es nicht geben Bewusst oder unbewusst werden im Namen des Funktionalismus gestalterische Entscheidungen getroffen, die nicht nur Einfluss auf die praktische Funktion eines Produkts haben, sondern auch auf andere Aspekte der Benutzung.

17 Der Funktionalismus wird erweitert 1973 entwickelt Jochen Gros in seiner Diplomarbeit an der Staatlichen Hochschule für Bildende Künste in Braunschweig sein Modell des Erweiterten Funktionalismus. Er versucht dabei, möglichst viele produktbestimmende Faktoren auszumachen und zu bewerten, um damit die absolute Qualität eines Produkts zu bestimmen. Basis ist die Theorie und dem Zeichenbegriff des Prager Strukturalisten Jan Mukarovsky

18 praktische, ästhetische und symbolische Produktfunktionen der Erweiterte Funktionalismus, Jochen Gros, 1973, SHBK Braunschweig

19 Ergänzung durch die Anzeichenfunktion „Offenbacher Ansatz“, Jochen Gros, 1983, HfG Offenbach

20 Die praktischen Funktionen eines Produkts erzeugen eine unmittelbare physikalische oder physiologische Wirkung Telefonieren Musik spielen SMS versenden An einen Termin erinnern

21 Die ästhetische Funktionen vermitteln die Gestalt eines Produkts automobil- Automobil ähnlich wertig warm robust

22 Die Anzeichenfunktionen vermitteln die Benutzung des Produkts hier wird etwas angezeigt hier kann man drücken hier kann man schrauben hier kann man reinsprechen

23 Die Symbolfunktionen vermitteln die geistigen und sozialen Aspekte eines Produkts Exklusivität Wohlstand Tradition Stil

24 Alle Produktfunktionen sind unvermeidbar und treten simultan auf Jedes Produkt erfüllt immer praktische, ästhetische und symbolische Funktionen, unabhängig davon, ob diese explizit gestaltet wurden. Jedes Produkt kann alle diese Funktionen gleichzeitig erfüllen.

25 Produkte „sprechen“ mit ihren Nutzer Wegen seiner semantischen und symbolischen Dimension und wegen der Verknüpfung mit der Semiotik nach Charles Sanders Peirce sowie mit der Symboltheorie von Susanne K. Langer wird der Erweiterte Funktionalismus auch als „Theorie der Produktsprache“ bezeichnet.

26 Ausstellungsstück No. 50, Machine Art Exhibition, 1934 „efficient“ „pleasing to the eye“ „emblem of the machine age“ (MoMA Highlights, New York) 8 1/2quot; Kugellager, S.K.F. Industries, Inc., Hartford, CT, 1907

27 Thematisierung der ästhetischen und symbolischen Produktfunktionen von Maschinenteilen, MoMA, 1934

28 Die Theorie der Produktsprache ist im Industrial Design seit den 1970er Jahren anerkannt und wird international für verwandte Disziplinen weiterentwickelt praktische Funktionen – ästhetische Funktionen – symbolische Funktionen (Jochen Gros 1973) praktisch-instrumentell – sinnlich-ästhetisch – sozial-kommunikativ (Horst Oehlke 1992) Behavioral Design – Visceral Design – Reflective Design (Donald Norman 2004) sowie Klaus Krippendorff, Susan Vihma, Rune Monö, usw.

29 Gesucht: die „neutrale ästhetische Qualität“ (Dieter Rams) Um Produkte dennoch nach ausschließlich funktionalen Aspekten zu entwerfen, wird versucht, ihre Erscheinung in Hinblick auf alle über die praktischen Funktionen und die Anzeichenfunktionen hinausgehenden Aspekte neutral zu gestalten.

30 „Verzicht auf eine willkürliche, beliebige Gestaltung“ durch „geometrische Grundformen“. (Dieter Rams) Radio RT 20, Braun

31 Naturnahe Gestaltung (Philippe Starck) Hocker W. W., Vitra

32 Die Gestaltung eines Produkts ist neutral, wenn sie „von der Komplexität des Lebens in der heutigen Welt ausgeht und vehement auf sie reagiert“. (Stefano Marzano) new objects – new media – old walls, Philips Design

33 Produkte können nicht ästhetisch neutral sein. Vielfalt und Verschiedenartigkeit der Vorschläge zeigen, dass eine neutrale Produktästhetik weder zu definieren noch zu realisieren ist. Eine Anpassung der Ästhetik eines Produkts an die seiner Umgebung relativiert sich in dem Moment, in dem das Produkt in einen anderen Kontext verwendet wird.

34 Die Produktfunktionen bestehen uneingeschränkt auch bei interaktiven Anwendungen

35 Praktische Funktionen Musikdateien abspielen Musikdateien anzeigen Musikdateien sortieren

36 ästhetische Funktion flüssig abgrundet metallisch

37 Anzeichenfunktionen hier wird die Lautstärke beeinflusst hier kann man hier wird was verschieben etwas angezeigt hier kann man drücken

38 Symbolfunktionen MacOS- Enthusiasmus Jamie T Fan

39 Windows Media Player Skins mit offensichtlicher Symbolfunktion

40 Die Symbolfunktion ist bei personalisierbaren interaktiven Anwendungen besonders ausgeprägt Betriebssysteme Web-Browser Media Player Widgets Websites Intranets

41 Versuche der „ästhetisch neutralen“ Gestaltung im WWW

42 useit.com ist Usability pur: „I didn't want to spend money to hire an artist.“ (Nielsen 1995)

43 „On the reflective level – what does it say about you – my site stands out like a protest against the overly glamorous, flashy sites. So it scores really high.“ (Nielsen 2007) Die Website useit.com von Jakob Nielsen wurde ausschließlich nach (den von ihm selbst definierten) Usability-Kriterien gestaltet. Dennoch erfüllt sie seine Anforderungen an das Reflective Design (vgl. Symbolfunktionen) sehr gut. Es wird deutlich: Auch für das Webdesign gilt die Theorie der Produkt- sprache uneingeschränkt.

44 Klassifikation, Strukturierung, Organisation und Benennung beeinflussen die Usability von interaktiven Anwendungen „We define information architecture as the art and science of organizing and labeling websites, intranets, online communities and software to support usability.“ (The Information Architecture Institut) „1. The combination of organization, labeling, and navigation schemes within an information system. 2. The structural design of an information space to facilitate task completion and intuitive access to content. 3. The art and science of structuring and classifiying web sites and intranets to help people find and manage information. 4. An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape.“ (Rosenfeld, Morville: Information Architecture, 2nd Edition)

45 Klassifikation, Strukturierung, Organisation und Benennung beeinflussen alle Aspekte einer interaktiven Anwendung

46 Unterschiedliche Benennung und Strukturierung führen zu einer unterschiedlichen Wahrnehmung des gleichen Inhalts Für welches dieser beiden Produkt aus einem deutschsprachigen Online-Shop entscheiden Sie sich? Sport Damen-Sportmode Pullies und Sweats Kapuzensweatshirt, Adidas wollweiß Women Streetwear ADIDAS D Trefoil Hood II white-gold

49 Wie sollte man den Menüpunkt nennen, über den ein Formular zum versenden einer Nachricht aufgerufen wird? Nach dem Prinzip der Erwartungskonformität, das allgemein als Voraussetzung für eine optimale Usability gilt: Kontakt Auf der Website opel.de heisst der Menüpunkt Dialog

50 Ein Test ergab in Bezug auf die Usability keinen signifikanten Unterschied zwischen den beiden Benennungen Getestet wurden 2 Varianten der Website, die sich nur durch die Benennung des Menüpunkts zum Aufrufen eines Nachrichtenformulars unterschieden („Kontakt“ bzw. „Dialog“). Alle Probanden, die gefragt wurden, was ihrer Vermutung nach über den Menüpunkt aufgerufen wird, erwarteten sowohl bei „Kontakt“ als auch bei „Dialog“ ein Formular zum versenden einer Nachricht. Alle Probanden, die aufgefordert wurden, ein Formular zum versenden einer Nachricht aufzurufen, wählten unmittelbar den entsprechenden Menüpunkt aus, sowohl wenn er mit „Kontakt“ benannt wurde, als auch wenn er „Dialog“ hieß.

51 Aber er ergab Unterschiede auf anderen Ebenen der User Experience Die Mehrheit der Probanden verband mit der Benennung „Dialog“ die Vorstellung eines wechselseitigen Austauschs zwischen sich und dem Unternehmen, im Gegensatz zu der sehr einseitigen Aktion der „Kontakt“- Aufnahme. Diese Erwartung deckte sich mit ihrem grundsätzlichen Anspruch an einen Fahrzeugkauf. Einige der Probanden erwarteten aufgrund der Benennung „Dialog“ eine höhere Qualität der Antworten auf eine Anfrage mit dem dadurch aufgerufenen Formular, im Vergleich zu einer Benennung des Menüpunkts als „Kontakt“.

52 Der Fahrzeug-Konfigurator auf der Website von Opel

53 Unzufriedenheit der User trotz herausragender Usability und Utility In der Zeit nach dem Launch nahm der Fahrzeug-Konfigurator der Website von Opel im Vergleich mit denen der Websites anderer Automobilhersteller in Hinblick auf die Usability eine führende Rolle ein. Die gute Bewertung der Usability wurde auch durch separate Tests bestätigt. Als einer der wenigen Fahrzeug-Konfiguratoren dieser Zeit hatte derjenige auf der Website von Opel eine Baubarkeitsprüfung. D.h. der Nutzer kann jedes tatsächliche erhältliche Ausstattungsmerkmal online auswählen aber nur so kombinieren, wie es an einem tatsächlich lieferbaren Fahrzeug erhältlich ist. Dennoch zeigte sich etwa die Hälfte der Probanden dieses Tests unzufrieden mit dem Fahrzeug-Konfigurator.

54 Unzufriedenheit durch zu geringe Komplexität und Herausforderung „Ich bin doch nicht blöd!“ „Das ist was für Anfänger.“ „Ich kenn‘ mich aber aus mit Autos.“

55 Eine weitere Strukturierung der selben Inhalte unter Berücksichtigung der selben Regeln und Abhängigkeiten

56 Der Erweiterte Funktionalismus ist dennoch nicht aus- reichend für die Beschreibung interaktiver Anwendungen Der Aspekt der praktischen Nützlichkeit (Utility) ist darin überhaupt nicht berücksichtigt. Die Trennung zwischen Anzeichenfunktionen und praktischen Funktionen ist bei interaktiven Anwendungen in der Form nicht sinnvoll.

57 Die Aspekte der System Acceptability Jakob Nielsen, 1993

58 Modell der User Experience

59 Vielen Dank henrik.arndt@yahoo.de http://informationarchitecture.blogspot.com

http://fly.ingsparks.de	292
http://informationarchitecture.blogspot.com	56
http://www.slideshare.net	8
http://static.slideshare.net	5
http://www.blogger.com	1
http://consulting.pironet-ndh.com	1
http://www.netvibes.com	1
http://webcache.googleusercontent.com	1

Der unvermeidbare EInfluss der Informationsarchitektur auf die User Experience jenseits der Usablity

by arndt on Nov 11, 2007

Accessibility

Categories

Tags

Upload Details

Usage Rights

8 Embeds 365

Statistics

Der unvermeidbare EInfluss der Informationsarchitektur auf die User Experience jenseits der Usablity — Webinar Transcript