122 lines
6.3 KiB
HTML
122 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="generator" content="pandoc">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
|
<title></title>
|
|
<style type="text/css">code{white-space: pre;}</style>
|
|
<!--[if lt IE 9]>
|
|
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
<link rel="stylesheet" href="iasp1.css">
|
|
</head>
|
|
<body>
|
|
<nav id="TOC">
|
|
<ul>
|
|
<li><a href="#dokumentation-ias-praktikum-1">Dokumentation IAS Praktikum 1</a><ul>
|
|
<li><a href="#einleitung">1. Einleitung</a></li>
|
|
<li><a href="#beschreibung-der-handlungsablaeufe">2. Beschreibung der Handlungsablaeufe</a><ul>
|
|
<li><a href="#erreichbare-sichten">2.1 Erreichbare Sichten</a></li>
|
|
<li><a href="#zustandsmodell">2.2 Zustandsmodell</a></li>
|
|
<li><a href="#typische-anwendungszenarien">2.3 Typische Anwendungszenarien</a></li>
|
|
</ul></li>
|
|
<li><a href="#beschreibung-der-schwachstellen">3. Beschreibung der Schwachstellen</a><ul>
|
|
<li><a href="#handlungsablaeufe">3.1 Handlungsablaeufe</a></li>
|
|
<li><a href="#farbwahl-beruecksichtigung-farbenblindheit">3.2 Farbwahl / Beruecksichtigung Farbenblindheit</a></li>
|
|
<li><a href="#praesentation-allgemein-anordnung">3.3 Praesentation allgemein / Anordnung</a></li>
|
|
</ul></li>
|
|
<li><a href="#verbesserungsvorschlag">4. Verbesserungsvorschlag</a><ul>
|
|
<li><a href="#ueberblick">4.1 Ueberblick</a></li>
|
|
<li><a href="#zustandsmodell-1">4.2 Zustandsmodell</a></li>
|
|
<li><a href="#wireframes">4.3 Wireframes</a></li>
|
|
</ul></li>
|
|
</ul></li>
|
|
</ul>
|
|
</nav>
|
|
<h1 id="dokumentation-ias-praktikum-1">Dokumentation IAS Praktikum 1</h1>
|
|
<p>Martin Waldmann, 933566; Diamantis Sidiropoulos, 918392</p>
|
|
<h2 id="einleitung">1. Einleitung</h2>
|
|
<blockquote>
|
|
<p>Bei der Analyse der Who-is-Who Seite wurde die Seite auf intuitive Bedienung und sinnvolle Dimensionierung des Funktionsumfangs geprueft. Desweiteren wurde die Gestaltung der Seite auf Uebersichtlichkeit und die farbliche Gestaltung auf Barrierefreiheit untersucht.</p>
|
|
</blockquote>
|
|
<h2 id="beschreibung-der-handlungsablaeufe">2. Beschreibung der Handlungsablaeufe</h2>
|
|
<h3 id="erreichbare-sichten">2.1 Erreichbare Sichten</h3>
|
|
<blockquote>
|
|
<ul>
|
|
<li>Suchmaske</li>
|
|
<li>Resultate</li>
|
|
<li>Hilfe</li>
|
|
<li>Personen mit Sonderfunktion</li>
|
|
<li>Detailansicht Mitarbeiter</li>
|
|
<li>Telefonverzeichnis</li>
|
|
</ul>
|
|
</blockquote>
|
|
<h3 id="zustandsmodell">2.2 Zustandsmodell</h3>
|
|
<blockquote>
|
|
<figure>
|
|
<img src="whoiswho.jpg" />
|
|
</figure>
|
|
</blockquote>
|
|
<h3 id="typische-anwendungszenarien">2.3 Typische Anwendungszenarien</h3>
|
|
<blockquote>
|
|
<ul>
|
|
<li>bei einer gezielten Suche hat man konkrete Vorstellungen vom Ergebnis, kann also in der Volltextsuche durch eine exakte Eingabe direkt zu seinem Ergebnis kommen</li>
|
|
</ul>
|
|
</blockquote>
|
|
<blockquote>
|
|
<ul>
|
|
<li>wenn nur einige Parameter des gewuenschten Suchergebnisses bekannt sind, kann man diese in 16 in einem Formular bereitgestellten Feldern eingeben und erhaelt eine entsprechende Ergebnisliste. Bei einem eindeutigen Ergebnis kommt man direkt auf die entsprechende Seite</li>
|
|
</ul>
|
|
</blockquote>
|
|
<blockquote>
|
|
<ul>
|
|
<li>wird eine zustaendige Person fuer die Erfuellung einer speziellen Aufgabe gesucht, kann man in zwei Dropdownmenues nach Zustaendigkeitsbereich (oertlich) und der speziellen Funktion eine Liste mit zustaendigen Personen erhalten</li>
|
|
</ul>
|
|
</blockquote>
|
|
<h2 id="beschreibung-der-schwachstellen">3. Beschreibung der Schwachstellen</h2>
|
|
<h3 id="handlungsablaeufe">3.1 Handlungsablaeufe</h3>
|
|
<blockquote>
|
|
<ul>
|
|
<li>Auf der Seite der Suchmaske(n) werden drei Buttons (Abschicken, Suche, Anzeigen) zum Starten einer Suche zur Verfuegung gestellt. Dies kann in der Bedienung verwirrend sein, da man beim Bedienen des falschen Suchbuttons keine Resultate erhaelt.</li>
|
|
<li>bei manchen Inputfeldern ist die geforderte Formatierung der Eingaben nicht ersichtlich.</li>
|
|
<li>es gibt drei Inputfelder zur Eingabe einer Rufnummer/Faxnummer. Da eine Rufnummer eindeutig ist, wuerde ein Inputfeld reichen. Die hohe Auswahl der Eingabemoeglichkeiten wurde von uns schon bemaengelt</li>
|
|
<li>die Suchbegriffe werden bei der Formularsuche sehr strikt behandelt. "Teilworte" werden nicht sinnvoll ausgewertet. Zum Beispiel wuerde man "thomas" mit dem Suchbegriff "thoma" nicht finden</li>
|
|
<li>da viele Inputfelder im Formular thematisch verknuepft sind, kann man sehr schnell einen Widerspruch erzeugen, durch den man keine Resultatet mehr erhaelt</li>
|
|
</ul>
|
|
</blockquote>
|
|
<h3 id="farbwahl-beruecksichtigung-farbenblindheit">3.2 Farbwahl / Beruecksichtigung Farbenblindheit</h3>
|
|
<blockquote>
|
|
<ul>
|
|
<li>die Bedienung der Seite ist aufgrund minimaler Kontraste auf Dauer anstrengend</li>
|
|
<li>die Simulierung verschiedener Farbsehschwaechen durch Colororacle hat ergeben, dass sich die Wahrnehmung der Seite kaum veraendert. Trotzdem ist die Wahrnehmung der Seite aufgrund von zu geringen Kontrasten anstrengend.</li>
|
|
<li>im Formular wird beim Mouseover eine komplette Zeile markiert. In einer Zeile befinden sich zwei Eingabefelder, eins wird also immer faelschlicherweise mit hervorgehoben</li>
|
|
</ul>
|
|
</blockquote>
|
|
<h3 id="praesentation-allgemein-anordnung">3.3 Praesentation allgemein / Anordnung</h3>
|
|
<blockquote>
|
|
<ul>
|
|
<li>Die Usability ist durch die unuebersichtliche Gestaltung stark eingeschraenkt. Die Eingabemaske stellt zu viele Inputmoeglichkeiten zur Verfuegung.</li>
|
|
<li>Die Unterschiedlichen Suchmethoden sind optisch nicht hinrreichend von einander getrennt, was zu Fehlbedienung fuehren kann</li>
|
|
</ul>
|
|
</blockquote>
|
|
<h2 id="verbesserungsvorschlag">4. Verbesserungsvorschlag</h2>
|
|
<h3 id="ueberblick">4.1 Ueberblick</h3>
|
|
<blockquote>
|
|
<p>Als Startseite wird eine Volltextsuche angeboten. Als Suchergebnisse werden alle Ergebnisse zum Suchbegriff angezeigt. Per Click auf das gewuenschte Suchergebnis wird eine Detailansicht angezeigt. Sollte die Ergebnisliste zu lang oder zu unuebersichtlich sein, kann man in der Ergebnisuebersicht per Click auf "Suche einschraenken" mehrere Dropdownmenues einblenden, um durch Auswahlmoeglichkeiten sein Suchergebnis zu verfeinern.</p>
|
|
</blockquote>
|
|
<h3 id="zustandsmodell-1">4.2 Zustandsmodell</h3>
|
|
<blockquote>
|
|
<figure>
|
|
<img src="verbesserungsvorschlag.jpg" />
|
|
</figure>
|
|
</blockquote>
|
|
<h3 id="wireframes">4.3 Wireframes</h3>
|
|
<blockquote>
|
|
<figure>
|
|
<img src="wire.png" />
|
|
</figure>
|
|
</blockquote>
|
|
</body>
|
|
</html>
|