Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten:...
Transcript of Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten:...
![Page 1: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/1.jpg)
Web-DesignUsability / Software-ErgonomieDr. Siegfried Olschner
Referenten:Monika PilarskaMartin Schmidkunz
Erlangen, 10.02.2006
![Page 2: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/2.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 2/73
InhaltAllgemeines – Design Fehler 2005Navigation
Links
Grafik
Methoden
eCommerce
Schlechte Beispiele
![Page 3: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/3.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 3/73
Allgemeines –Design Fehler 2005
Probleme mit der Lesbarkeitzu kleine oder festgelegte Schrift
geringer Kontrast zwischen Text und Hintergrund
![Page 4: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/4.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 4/73
Allgemeines –Design Fehler 2005
Unstandardisierte Linksnicht ersichtlichkein Unterschied zwischen benutzt/unbenutztunklares LinkzielEinsatz ungewohnter Techniken
Öffnen neuer Fenster
![Page 5: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/5.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 5/73
Allgemeines –Design Fehler 2005
Flashsinnloser Einsatz
Splash-Screens
Startseiten
![Page 6: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/6.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 6/73
Allgemeines –Design Fehler 2005
Inhalt nicht für das Internet verfasstzu lang
nicht scanbar
weitschweifig
keine Antworten auf Benutzerfragen
keine Alltagssprache
![Page 7: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/7.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 7/73
Allgemeines –Design Fehler 2005
Schlechte Suchfunktion
![Page 8: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/8.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 8/73
Allgemeines –Design Fehler 2005
Browser InkompatibilitätBrowser Statistik 12/2005
IEFirefoxSafariNetscapeOpera
Quelle: http://marketshare.hitslink.com/report.aspx?qprid=3 Non-IE = 15%
![Page 9: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/9.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 9/73
Allgemeines –Design Fehler 2005
Beschwerliche Formulareunnötige Fragen
zu viele Pflichtfelder
erstes Eingabefeld nicht markiert
unklare Eingabeaufforderung
unklares Eingabeformat
![Page 10: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/10.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 10/73
Allgemeines –Design Fehler 2005
Keine Kontaktinformation
Keine Firmeninformation
Kein Impressum
![Page 11: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/11.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 11/73
Allgemeines –Design Fehler 2005
Fest vorgegebenes Layout
Bildschirm Auflösungen 07/2005
höher1024x768800x600640x480unbekannt
Quelle: http://www.w3schools.com/browsers/browsers_stats.asp
![Page 12: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/12.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 12/73
Allgemeines –Design Fehler 2005
Pop-ups
Druck-Probleme
![Page 13: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/13.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 13/73
Allgemeines –Design Fehler 2005
Lange Ladezeiten
Privater Internetzugang 09/2005
analogesModemISDN
DSL
andere/unbekanntQuelle:
http://www.agof.de/die_internet_facts.195.html
![Page 14: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/14.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 14/73
InhaltAllgemeines – Design Fehler 2005Navigation
Links
Grafik
Methoden
eCommerce
Schlechte Beispiele
![Page 15: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/15.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 15/73
NavigationJede Website ist nur so gut wie ihre Navigation. Sie muss daher sorgfältig konzipiert werden. Dazu gehören:
die Auswahl und Kombination der richtigen Navigationsstrukturen
die Anforderungen an eine gute Navigation zu kennen und umsetzen zu können
![Page 16: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/16.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 16/73
Navigationdie Navigationsbereiche auf den Webseiten optimal anordnen zu könnendie systematische und ästhetische Gestaltung der Hyperlinks
die Ergänzung der Navigationsstrukturen um eine lokale Suchmaschine
zusätzlich einen Überblick über die Inhalte und Strukturen der Website anzubieten
![Page 17: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/17.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 17/73
NavigationNavigationstrukturen
Die primäre Navigation bildet die oberste Strukturierung für eine Webseite. Sie wird um die sekundäre Navigation ergänzt. Primäre und sekundäre Navigation werden durch Hyperlink-Strukturen dargestellt:
BaumstrukturRegisterListenPull-Down-MenüsHyperbolische Bäume
![Page 18: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/18.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 18/73
NavigationNavigationstrukturen
Die primäre Navigation besitzt für eine Webseite die gleiche Bedeutung wie die Kapitelstruktur für ein Buch. Sie teilt die Webseite in Hauptkategorien ein und sollte einen schnellen Überblick über die gesamte Webseite ermöglichen.
Die primäre Navigation soll auf den meisten Seiten einer Website direkt zur Verfügung stehen. Dann kann der Benutzer jederzeit in eine andere Hauptkategorie wechseln.
![Page 19: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/19.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 19/73
NavigationNavigationstrukturen
![Page 20: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/20.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 20/73
NavigationNavigationstrukturen
Die sekundäre Navigation entspricht der Strukturierung der einzelnen Kapitel innerhalb eines Buchs. Sie ermöglicht es dem Benutzer, zwischen den verschiedenen Seiten innerhalb einer Hauptkategorie zu navigieren.In einer Webseite sollte jede Seite über die primäre und sekundäre Navigation erreicht werden können.
![Page 21: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/21.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 21/73
NavigationNavigationstrukturen
![Page 22: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/22.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 22/73
NavigationNavigationstrukturen
Primäre und sekundäre Navigation sollten getrennt vom Inhalt der Webseiten angeboten und durch strukturierte Hyperlinks realisiert werden d.h. Hyperlinks, die in einer Struktur angeordnet sind. Dazu gehören:
BaumstrukturenRegistereinfache Listen von HyperlinksKlassische Drop-Down-MenüsHyperbolische Bäume
![Page 23: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/23.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 23/73
NavigationNavigationstrukturen
Baumstrukturen
![Page 24: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/24.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 24/73
NavigationNavigationstrukturen
Register
![Page 25: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/25.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 25/73
NavigationNavigationstrukturen
Eine Liste mir Hyperlinks
![Page 26: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/26.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 26/73
NavigationNavigationstrukturen
Drop-Down-Menüs
![Page 27: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/27.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 27/73
NavigationNavigationstrukturen
Hyperbolische Bäume
![Page 28: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/28.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 28/73
NavigationAnforderungen
Eine gut gestaltete Navigation erleichtert dem Benutzer die Orientierung, zeigt ihm, was es auf der Website zu sehen gibt und wie er dahin kommt. Außerdem kann der Benutzer erkennen, welche Seiten er schon besucht hat.
Wo bin ich?Wohin kann ich gehen und wie komme ich dahin?
Konkret erwartet der Benutzer Antworten auf folgende Fragen:
War ich schon hier?
![Page 29: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/29.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 29/73
NavigationAnforderungen
![Page 30: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/30.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 30/73
NavigationAnforderungen
Eine gute Navigation zeichnet sich durch folgende Eigenschaften aus:
die Navigationselemente sind dem Thema und dem Charakter der Website angepasstdie Navigation wird konsistent in der gesamten Website verwendetdie Navigation bietet dem Benutzer mehrere Wege, um zu den gewünschten Seiten zu gelangen
die Navigationselemente sind nicht dominantdie Navigation funktioniert intuitiv, d.h. die Navigationselemente sind sofort begreifbar und müssen nicht gelernt werden
![Page 31: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/31.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 31/73
NavigationNavigationsstrukturen können auf der Website oben, unten, links, rechts und mittig platziert werden. Am häufigsten findet man eine Kombination von oberen und linken Navigationsbereichen.Seltener ist ein rechts angeordneter Navigationsbereich.Der untere Bereich sollte nur für bestimmte Hyperlinks verwendet werden. Eine zentrale Anordnung empfiehlt sich nur bei Startseiten und für Aufzählungen in Übersichtslisten.
Navigationsbereich platzieren
![Page 32: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/32.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 32/73
NavigationNavigationsbereich platzieren
![Page 33: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/33.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 33/73
NavigationNavigationsbereich platzieren
![Page 34: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/34.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 34/73
NavigationNavigationsbereich platzieren
![Page 35: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/35.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 35/73
NavigationHyperlinks darstellen
Durch das Web zu navigieren bedeutet auf Hyperlinks zu klicken, die einzelne Webseiten miteinander verbinden.
Schaltflächen (buttons)Bilder (images) einschließlich Piktogrammen (icons)Teile von Bildern (hotspots)
Hyperlinks können auf einer Website unterschiedlich dargestellt werden, durch:
Texte (hotwords)
![Page 36: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/36.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 36/73
NavigationHyperlinks darstellen
Schaltflächen (buttons)
Texte (hotwords)
Piktogramme (icons)
![Page 37: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/37.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 37/73
NavigationSuchen in Websites
Größere Websites sollten eine lokale Suchmaschine besitzen, deren Benutzungsoberfläche in das Design der Websites integriert wird. Bei sehr großen Websites empfiehlt sich eine erweiterte Suchmaschine.Die Suchergebnisse müssen dem Benutzer in einer leicht auswertbaren Darstellung angeboten werden.
![Page 38: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/38.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 38/73
NavigationSuchen in Websites
Einfache Suche
![Page 39: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/39.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 39/73
NavigationSuchen in Websites
Erweiterte Suche für große Websites
![Page 40: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/40.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 40/73
NavigationSite Map und Site Index
Viele Websites bieten eine Site Map, in der sich die Benutzer über die Inhalte der Website informieren und über einen Hyperlink direkt verzweigen können. Während die Site Map Hyperlinks logisch gruppiert, sind in einem Site Index alle Hyperlinks alphabetisch geordnet.
![Page 41: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/41.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 41/73
NavigationDiese Site Map zeigt die Inhalte der Website www.uni-erlangen.de
Site Map und Site Index
![Page 42: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/42.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 42/73
NavigationDie Website www.intel.de zeigt die Site Map in tabellarischer Form
Site Map und Site Index
![Page 43: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/43.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 43/73
NavigationSite Map und Site Index
AOL verwendet einen alphabetisch sortierten Site Index
![Page 44: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/44.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 44/73
InhaltAllgemeines – Design Fehler 2005Navigation
Links
Grafik
Methoden
eCommerce
Schlechte Beispiele
![Page 45: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/45.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 45/73
LinksEingebettete Links
Kontext-Links
Struktur-Links
![Page 46: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/46.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 46/73
LinksKlar anzeigen
![Page 47: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/47.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 47/73
LinksInterne von externen Links unterscheiden
![Page 48: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/48.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 48/73
LinksEindeutige Beschreibung
![Page 49: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/49.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 49/73
LinksText-Links statt Image-Links
![Page 50: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/50.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 50/73
Links
Mouse-over-Effekt vermeiden
![Page 51: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/51.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 51/73
LinksTabs effektiv präsentieren
![Page 52: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/52.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 52/73
LinksBesuchte Links kennzeichnen
![Page 53: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/53.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 53/73
InhaltAllgemeines – Design Fehler 2005Navigation
Links
Grafik
Methoden
eCommerce
Schlechte Beispiele
![Page 54: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/54.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 54/73
GrafikBilder im Web
Websites ohne Bilder kann man sich heute kaum mehr vorstellen.Bilder sind ein unverzichtbarer Bestandteil von attraktiven Websites. Dabei ist es wichtig, einen geeigneten Kompromiss zwischen guter Qualität und kurzer Ladezeit zu erreichen.Grundsätzlich lassen sich zwei Arten von Bildern unterscheiden:
VektorgrafikenBitmaps
![Page 55: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/55.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 55/73
GrafikBildformate für das Web
Bitmaps bestehen aus einer Vielzahl von Pixeln (Bildpunkten), von denen jedes eine Farbinformation besitzt.Bei den Bitmaps werden im Web die Formate: JPEG, GIF und PNG verwendet.Vektorgrafiken benötigen wesentlich weniger Speicherplatz als pixelorientierte Bilder. Ihr Aufbau ist mathematisch definiert. Beispielweise besteht eine Linie aus einem Startpunkt, einem Endpunkt und einem Winkel.
![Page 56: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/56.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 56/73
GrafikBildformate für das Web
Für Fotos immer JPEG verwenden.
GIF
JPEG
![Page 57: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/57.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 57/73
GrafikBildformate für das Web
Für Logos GIF oder PNG verwenden, niemals JPEG.
JPEGGIF
PNG
![Page 58: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/58.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 58/73
GrafikBildformate für das Web
GIF
PNG
JPEG
Für Schriftzüge immer GIF oder PNG verwenden, niemals JPEG.
![Page 59: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/59.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 59/73
GrafikBildformate für das Web
Alt-TexteMan soll in HTML für Bilder einen kurzen Alt-Text angeben. Bei Bildern, die nur der Formatierung dienen, wird der Text alt=”” angegeben.
Bilder in Websites sollten durch Texte ergänzt werden, die als Tooltip angezeigt werden, wenn das Bild mit der Maus berührt wird.Wenn man darauf verzichtet, geht einer Website wichtige Information verloren, wenn der Nutzer die Anzeige von Bildern deaktiviert hat (z.B. um lange Webseiten schneller herunterzuladen).
![Page 60: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/60.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 60/73
GrafikBildformate für das Web
![Page 61: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/61.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 61/73
GrafikBildformate für das Web
![Page 62: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/62.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 62/73
InhaltAllgemeines – Design Fehler 2005Navigation
Links
Grafik
Methoden
eCommerce
Schlechte Beispiele
![Page 63: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/63.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 63/73
MethodenForschungstests
Assesment-Tests
Auswertungstests
![Page 64: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/64.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 64/73
MethodenBeobachtungCard-SortingFragebogen
Experten-Review
Experiment
Checklisten
![Page 65: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/65.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 65/73
InhaltAllgemeines – Design Fehler 2005Navigation
Links
Grafik
Methoden
eCommerce
Schlechte Beispiele
![Page 66: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/66.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 66/73
eCommerceNur etwa 56% aller beabsichtigten Online-Einkäufe verlaufen erfolgreich. Das heißt, in fast der Hälfte der Fälle gelingt es dem Kunden nicht, das gewünschte Produkt auch wirklich zu kaufen. Die meisten eCommerce Sites befolgen nur ein Drittel veröffentlichter Usability Guidelines.
![Page 67: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/67.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 67/73
eCommerceJeder dritte Kunde (33 Prozent) hatschon mal eine Online-Einkaufstour abgebrochen, weil er die gesuchte Information nicht finden konnte.
Drei von zehn Nutzern ließen sich vom Kauf abhalten, weil sie den Bestellvorgang als zu umständlich empfanden.Mehr als jeder fünfte befragte Online-Kunde (21 Prozent) gab an, er habe auf einen Kauf verzichtet, weil er den Warenkorb oder die Kasse nicht finden konnte.
![Page 68: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/68.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 68/73
eCommerceHauptgründe für Kaufabbrüche sind:
Unübersichtlichkeit und schlechte Bedienbarkeit des ShopsSicherheitsbedenken Fehlendes Vertrauen Performance Technische ProblemeMangelnde Informationen
![Page 69: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/69.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 69/73
InhaltAllgemeines – Design Fehler 2005Navigation
Links
Grafik
Methoden
eCommerce
Schlechte Beispiele
![Page 70: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/70.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 70/73
Schlechte Beispielehttp://www.deutsche-bank.de
![Page 71: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/71.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 71/73
Schlechte Beispielehttp://www.freenet.de
![Page 72: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/72.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 72/73
Schlechte Beispielehttp://www.t-online.de
![Page 73: Usability / Software-Ergonomie Dr. Siegfried Olschner · 2009-12-04 · Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner]](https://reader033.fdokument.com/reader033/viewer/2022042222/5ec8b713d2d1932f0d092a7d/html5/thumbnails/73.jpg)
Web-Design, Referenten: Monika Pilarska, Martin Schmidkunz [Usability / Software-Ergonomie, Dr. Siegfried Olschner] 73/73
VIELEN DANK
Für Ihre Aumerksamkeit !