Usability Gastvortrag HAW Juni 2012

MHMK Macromedia Hochschule für Medien und Kommunikation

Andreas Hebbel-Seeger, Gastvortrag an der HAW, Juni 2012

Usability Benutzerfreundlichkeit von digitalen Schnittstellen

(Fot

o: E

rzbe

ngel

, http

://bi

t.ly/

LD65

gs)

Andreas Hebbel-Seeger | Usability – Benutzerfreundlichkeit von digitalen Schnittstellen | Gastvortrag an der HAW, Juni 2012 | 2


Agenda

l  Was ist Usability?

l  Usability Aspekte

l  Usability Ebenen

l  Usability Aufgabe

l  Usability Check



WAS IST USABILITY?



Das Wort „Usability“ beinhaltet... „to use“: (ge-)brauchen, (be-)nutzen „ability“: Fähigkeit

Nach der ISO-Norm 9241 Teil 11 wird als Usability eines Produktes das Ausmaß bezeichnet, in dem es von einem bestimmten Benutzer verwendet werden kann, um bestimmte Ziele in einem bestimmten Kontext effektiv, effizient und zufriedenstellend zu erreichen. (vgl. Görner et al. 1999)


(Fot

o: [F

]oxy

mor

on, h

ttp://

bit.l

y/Lm

thdg

)




Die Kernbegriffe dabei sind:

Effektivität: Genauigkeit und Vollständigkeit in dem das Ziel des Benutzers erreicht wird

Effizienz: Verhältnis von Aufwand zu erreichter Effektivität bei der Zielerreichung

Zufriedenheit: Freiheit von Beeinträchtigung und positive Einstellung des Benutzers gegenüber der Nutzung des Produktes


(Fot

o: [F

]oxy

mor

on, h

ttp://

bit.l

y/Lm

thdg

)




Im Kontext einer Website wird Usability definiert durch:

Content Design: Aufbereitung und Auswahl des Inhaltes

Page Design: Umsetzung einer einzelnen Seite/Screen

Site Design: Umsetzung einer komplexen Webpräsenz


(Fot

o: [F

]oxy

mor

on, h

ttp://

bit.l

y/Lm

thdg

)




Usability Gefahren

l  Ablenkung

l  Orientierungslosigkeit

l  Ratlosigkeit

l  Frustration


(Fot

o: H

ugo-

phot

ogra

phy,

http

://bi

t.ly/

M6k

zQQ

)




Usability Bedeutung

„Soweit es den Verbraucher betrifft ist, ist die Benutzeroberfläche das eigentliche Produkt.“ (Raskin, 2002, S. 22)


(Fot

o: a

ndre

asda

ntz,

http

://bi

t.ly/

JJS

hLO

)



USABILITY

ASPEKTE



Menschliche Wahrnehmung

l  Wahrnehmung als Informationsverarbeitung

l  Aspekte der Informationsaufbereitung (Farben, Flächen, Zeichen, Semantik)

l  Aufmerksamkeit, Motiv, Motivation


(Fot

o: S

tern

eck,

http

://bi

t.ly/

KM

oVR

0)




Informationsverarbeitung

Die Wahrnehmung über die Sinnesorgane ist nicht gleichzusetzen mit Informationsaufnahme.

Erst aus der Verarbeitung von Sinneseindrücken resultieren Informationen.

Dieser Prozess ist selektiv.


(Fot

o: s

tee,

http

://bi

t.ly/

LwM

gaw

)




Informationsverarbeitung

Hängt ab von…

l  Vorerfahrungen l  Erwartungen l  Einstellungen l  Emotionen l  Kontext …und von physiologischen und kognitiven Aspekten


(Fot

o: s

tee,

http

://bi

t.ly/

LwM

gaw

)




Technologische Aspekte

l  Arbeitsplatz

l  Ein-/ und Ausgabegeräte


(Fot

o: B

lakk

os, h

ttp://

bit.l

y/M

5s9M

8)




Soziologische Aspekte

l  Kulturkreis

l  Alter

l  Bildungsstand

l  Gender


(Fot

o: A

rs E

lect

roni

ca, h

ttp://

bit.l

y/K

NfM

b2)




USABILITY

EBENEN



Usability bezieht sich auf

Funktion: (Lernziel) Orientierung

Technik: Umsetzung, Kompatibilität, Hard- und Softwarevoraussetzungen

Gestaltung: Konsistenz, Verständlichkeit, Farbgebung, Raumaufteilung, Informationsgehalt, Usability Aspekte


(Fot

o: F

rupu

s, h

ttp://

bit.l

y/Lo

4m8Z

)




Die Gebrauchstauglichkeit einer Anwendung wird im Wesentlichen durch folgende 7 Aspekte bestimmt:

l  Text & Sprache l  Navigation l  Transaktionen l  Accessability l  Multimedia l  Hilfestellung l  Design & Struktur


(Fot

o: C

mdr

Cor

d, h

ttp://

bit.l

y/M

auU

PM

)




Usability Aspekt „Text & Sprache“

Dem Gegenstand und der Zielgruppe angemessen

Dem Lesen am Bildschirm angepasst

//

Sprache: Sprachcode, Semantik, Satzbau

Text: Zeilenlänge, Strukturierung/Absätze


(Fot

o: H

DVa

lent

in, h

ttp://

bit.l

y/M

arzj

Z)




Usability Aspekt „Navigation“

Orientierung in komplexen Umgebungen basierend auf drei Elementen:

Position: „Wo bin ich?“

Tracking: „Wo war ich?“

Navigation: „Wohin kann ich?“


(Fot

o: B

irgit

Spe

ulm

an, h

ttp://

bit.l

y/K

BK

zZN

)




Usability Aspekte „Transaktion“

Lade- und Reaktionszeiten der Anwendung und Systemstatus:

Schnelle Antwortzeiten/Reaktionszeiten

Status der Transaktion sollte erkennbar sein

Status der Umgebung sollte erkennbar sein


(Fot

o: a

desi

gna,

http

://bi

t.ly/

Kuh

sYQ

)




Usability Aspekt „Accessability“

Erreichbarkeit:

Voraussetzungen benennen

Definition und Bereitstellung von Software und Plug-Ins

(Der Begriff der Accessability wird auch verwendet, um die Nutzungsmöglichkeit für Menschen mit Behinderungen zu beschreiben.)


(Fot

o: S

hoot

in‘ t

he b

reez

e, h

ttp://

bit.l

y/Li

Dtc

7)




Usability Aspekte „Multimedia“

Zielgruppengerechte Auswahl und Kombination der verschiedenen Medientypen.

Ausrichtung am kommunikativen Ziel und keine Nutzung als „Gestaltungselement“


(Fot

o: J

ames

Nas

h, h

ttp://

bit.l

y/M

amFD

B)




Usability Aspekt „Hilfestellung“

Beim Umgang mit komplexen Anwendungen treten eine Vielzahl von Fragen und Problemen auf unterschiedlichen Ebenen auf:

l  Inhaltsebene l  Interaktionsebene l  Mediale Eben

Mögliche Hilfestellungen sind hier:

l  Glossar l  Frequently Asked Questions (FAQ) l  Dokumentation l  Tool Tipps


(Fot

o: a

desi

gna,

http

://bi

t.ly/

L8Js

vZ)




Usability Aspekt „Design & Struktur“

Interface Design bedeutet mehr als die Gestaltung optisch schöner Oberflächen: es ist die Gestaltung der Beziehung Mensch und Maschine...

l  Es gibt nie ‚kein‘ Design – nur gutes oder schlechtes

l  Design muss zielgruppenorientiert sein

l  Einheitliche Designregeln erleichtern die Orientierung und verbessern die Effizienz

l  Eine intuitive Benutzerführung spart Einarbeitungszeit


(Fot

o: B

urni

ng R

ed, h

ttp://

bit.l

y/M

5jh9

t)




Usability Aspekte „Design & Struktur“

Gutes Design ist: l  Einfach l  Ästhetisch l  Unauffällig

Gute Strukturierung ist: l  Einfach l  Übersichtlich l  Konsistent


(Fot

o: B

urni

ng R

ed, h

ttp://

bit.l

y/M

5jh9

t)




USABILITY

AUFGABE



Aufgabe

Bestimmen und Vergleichen Sie die „Usability“ der Webseiten ausgewählter Mobilfunkanbieter am Beispiel des Auffindens der nächstgelegenen Filiale:

Telekom, Vodafone, o2, Base, ePlus, Mobilcom/debitel



USABILITY

CHECK



(ww

w.d

ilber

t.com

)



Die Usability einer Anwendung ist abhängig l  vom Produkt, l  der Situation, l  der Zielgruppe und l  dem Kontext der Nutzung. Da es folglich die Usability nicht geben kann, leitet sich dieNotwendigkeit zur Untersuchung ab, um die Ergebnisse in die Produktentwicklung einfließen zu lassen (iteratives Vorgehen).


(Fot

o: P

ierr

e M

etiv

ier,

http

://bi

t.ly/

JUdE

Pk)




UCD (User Controlled Design) Leitfragen:

l  Was soll die Anwendung leisten?

l  Was sind die zentralen Funktionen?

l  Was wird am häufigsten genutzt?

l  In welchem Kontext wird die Anwendung genutzt?

l  Wie sieht die Zielgruppe aus? Sozio-demographische Daten? Motivation? Erfahrung? Technikaffinität? Vorwissen? Hardware?

l  Wie werden die Aufgaben bisher (ohne die Anwendung gelöst? Was ist daran gut, was nicht?


(Fot

o: P

ierr

e M

etiv

ier,

http

://bi

t.ly/

JUdE

Pk)




Vorgehensweisen

Usabilitytesting

l  Bearbeitung mit lautem Denken

l  Bewältigung von Aufgaben (Scenario-Based-Testing)

l  Ergobrowser, Video-Aufzeichnungen, Eye-Tracking

Heuristische Analyse

l  Expertengutachten (orientiert an Heuristiken)


(Fot

o: P

ierr

e M

etiv

ier,

http

://bi

t.ly/

JUdE

Pk)




Wahrnehmungstests

l  First Impression: wohin geht der spontane erste Blick?

l  Impact: Was sind Schlüsselreize?

l  Time to contact: Wann werden Key-elements gesehen?

l  Effectiveness: Wie stark werden Key-elements gesehen?

l  Sequence: was ist der typische Aufmerksamkeitsverlauf

l  Transitions: was sind typische Übergänge?


(Fot

o: S

MI E

ye T

rack

ing,

http

://bi

t.ly/

Mtq

GC

Z)




User Tracking

l  User Tracking

l  Irritation: Wie viele Klicks auf nicht-interaktive Elemente?

l  Scrolling: Wird gescrollt?

l  Feldanalyse: Wo entstehen Fehler?

l  Pfadanalyse: Trampelpfade durch die Applikation?

l  Hill Climbing: Optimierung durch Echtzeit-Tracking


(Fot

o: lo

lom

ea, h

ttp://

bit.l

y/K

9R8S

K)




(Nie

lsen

(200

0): h

ttp://

ww

w.u

seit.

com

/ale

rtbox

/200

0031

9.ht

ml) Stichprobengröße


VIELEN

DANK! [email protected] | WWW.SKY-HI.DE

Usability Gastvortrag HAW Juni 2012

Education

Transcript of Usability Gastvortrag HAW Juni 2012