Optimierte Benutzeroberfläche für DB – Fernverkehrsautomaten Konzeptskizze Kristina Mickartz, Tobias Jordans, Nikolaus Sch...
Einleitung <ul><li>Primäre Zielsetzungen der DB im Bezug auf </li></ul><ul><li>Fernverkehrsautomaten </li></ul><ul><li>Ber...
Ein Netzwerk von Faktoren beeinflusst die Gebrauchsqualität. Einleitung <ul><li>1. Gestaltung der Oberfläche </li></ul><ul...
<ul><li>Annahmen </li></ul><ul><li>Typische Benutzer </li></ul><ul><li>gesamte Bandbreite der Gesellschaft vertreten </li>...
<ul><li>Annahmen  </li></ul><ul><li>B) Wiederkehrende Erwartungen  der Benutzer </li></ul><ul><li>Zeitgewinn gegenüber dem...
<ul><li>Optimierung der Benutzbarkeit </li></ul><ul><li>Schwerpunkte </li></ul><ul><li>intuitive Erlernbarkeit </li></ul><...
Prototyp: Demo
Ausschnitt eines Lageplans Prototyp: Räumliches Modell
<ul><li>Ausschnitt eines Lageplans </li></ul><ul><li>Vorhersehbarkeit </li></ul><ul><li>Gefühl von Kontrolle </li></ul>Pro...
<ul><li>visuelle Ruhe </li></ul><ul><li>leichte Erlernbarkeit durch Wiederholung </li></ul><ul><li>festgelegte Position </...
<ul><li>differenzierte Beschriftung, die Kontext berücksichtigen </li></ul><ul><li>klare Anweisungen ersparen Hilfetexte <...
<ul><li>Effizienz </li></ul><ul><li>Erlebnisqualität („Freude“) </li></ul><ul><li>demotiviert nicht </li></ul>Prototyp: Re...
Von:
Nach:
Prototyp <ul><li>Kern-Funktionen </li></ul><ul><li>räumliches Modell </li></ul><ul><li>mentale Nachvollziehbarkeit </li></...
Was könnte man jetzt tun? <ul><li>testbaren Prototypen entwickeln </li></ul><ul><ul><li>Prototypen deklinieren </li></ul><...
Vielen Dank!
Upcoming SlideShare
Loading in...5
×

Präsentation des FH-Projekt-Prototypen bei der DB in FFM

2,974

Published on

Mehr dazu: http://fly.ingsparks.de/2010-10-07/fh-aachen-db-fahrkartenautomat/

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,974
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Untypisch für eine Präsentation zeigen wir jetzt den Prototypen der im Seminar entstand. Er geht von Start-Screen über den Expresskauf und hört bei der Verbindungsauswahl auf! Bei dieser ersten Präsentation werde ich so tun, als ob ich selbst eine Karte ziehe und dabei laut denken. Anschließend werden wir im Detail erklären, welche Gedanken darin verwirklicht wurden.
  • Bei zweiten Screen sagen: Man wählt aus und wie gerade entsteht daraus das nächste Dialogfeld. Demo: Start  Expresskauf  Zielbahnhof  Aachen auswählen (…)  Verbindungsart bestätigen  Verbindungen auflisten // Ende Anschließend: An dieser Stelle endet unser Prototyp. Das reicht aber auch um zu jetzt im Detail zu zeigen, was wir uns dabei gedacht haben:…
  • Die Animation an sich würde nicht funktionieren, ohne ein mentales Model das als Basis alle Screens zusammenfügt. Unser Interface gleicht einem Lageplan, bei dem alles miteinander verbunden ist. Der Bildschirm ist der Ausschnitt unter dem der Lageplan bewegt wird.
  • Die Veränderungen auf dem Bildschirm werden für den Benutzer vorhersehbar und er erlebt ein starkes Gefühl der Kontrolle über seine Tätigkeit. Zu jeder Zeit kann er sich im Fokus auf seine aktuelle Aufgabe konzentrieren, verliert aber den Kontext am Rand nicht aus den Augen. Er weiß und sieht , dass er zu jeder Zeit zum vorherigen Schritt zurück kann.
  • Damit dieses räumliche Model zusammen mit seinen Animationen die erwünschten Effekte erzielt, muss den einzelnen Ansichten ein klaren Ordnungssystem zugrunde liegen. Ohne diese visuelle Ruhe würden die Animationen und Flächen den Benutzer überfordern – so helfen ihm die festen Positionen jedoch enorm sich auf in der neuen Ansicht zurecht zu finden. Feste Positionen gekoppelt mit der v-z-Animation und dem räumlichen Lageplan-Model erleichtert das Lernen einzelner Interfacefunktionen wie dem „abbrechen“-Button erheblich.
  • Zuletzt möchte ich den Blick auf den Inhalt der einzelnen Interfacelemente lenken: Unter Berücksichtigung des Kontext und der schon beschriebenen Funktionen gewinnen die Bezeichnungen eine Klarheit, die Hilfetexte erspart. Zudem haben wir auf eine freundliche Dialogsprache geachtet. Demo: Back-Button benennen und „Bitte“-Zeile
  • Voraussetzung, damit diese Funktionen das gewünschte Ziel einer klaren und intuitiven Oberfläche erreichen, ist eine schnelle Reaktionszeit (des Automaten) die eine effizientes Arbeiten ermöglicht. Dann kann (auch) die Bedienzeit verkürzt und die Erlebnisqualität gesteigert werden. Wäre es nicht toll, wenn die Benutzer eines Fahrkartenautomats anschließend statt von Demotivation von Freude sprechen?
  • Zusammenfassend möchten wir nun noch einmal den Blick auf das derzeitige/alte Interface werfen: Hier sehen wir links die Oberfläche nach Eingabe aller Reisedaten, auf der nun der Button „Verbindungen/Fahrkarte“ gedrückt werden soll. Da der Automat erst die Daten auswerten und Verbindungen suchen muss, wechselt der Screen in die Ladeansicht mit (ablenkender) Werbeeinblendung. Rechts die Anzeige mit den möglichen Verbindungen. Diese Screens folgen zwar direkt aufeinander- ein Zusammenhang zwischen der Oberfläche „Verbindungen/Fahrkarte“ und deren Darstellung auf dem folgenden ist visuell nicht deutlich, auf Grund der Ladeunterbrechung und der inkonsistenten Anordung der Flächen. Vergleicht man diese Screens mit unserer Lösung…
  • … wird die Klarheit der Neugestaltung offensichtlich. Der Benutzer weiß stets, an welcher Stelle im Kaufprozess er sich befindet. Immer behält er die Orientierung und Kontrolle über seine Aktionen im Vorgang des Auswählens, ermöglicht durch die nachvollziehbare Zusammengehörigkeit der Screens. Die Zusammengehörigkeit der Anzeigen gibt dem Benutzer stets die Orientierung und die Kontrolle über den Kaufprozess.
  • Unsere Eingangs aufgeführten Schwerpunkte zur Optimierung der Bedienbarkeit, nämlich die intuitive Erlernbarkeit und das positive Erleben des Fahrkartenkaufs, konnten wir mit der Entwicklung eines räumlichen Modells erreichen.(kommen zum tragen) Durch eine durchgehende Systematik der Anordung und des Verhaltens der Bedienelemente, (der Namens- und Farbgebung) sind die einzelnen Schritte des Kaufvorgangs für den Benutzer mental nachvollziehbar.
  • Der nächste Schritt zur Realisierung des Interfaces wäre die Entwicklung eines testbaren Prototypen. Um noch besser auf die Bedürfnisse der Benutzer eingehen zu können, wäre es sinnvoll, eine Produktstudie anzusetzen, in der man den gesamten Automaten einer eingehenderen Betrachtung unterzieht. D.h. man untersucht den Automaten im Raum, in seiner Umgebung und als Objekt aus vielen Einzelelementen, wie dem Eingabefeld, der Tastatur, Kartenschlitz und Münzeinwurf, Position Display. Ausserdem müssen die technischen Anforderungen, welche wir bewusst außer Acht gelassen haben, genau bestimmt werden. Wenn all diese Aspekte im Sinne der intuitiven Erlernbarkeit und des positiven Erlebens gelöst werden, ist eine nachhaltige Optimierung möglich. stand bereits hier- nötig?&gt; Die Modifizierungen grafischer Details entspricht Kleinigkeiten, die allerdings große Auswirkungen auf den Gebrauchswert (Usabiltiy ) haben…)
  • Transcript of "Präsentation des FH-Projekt-Prototypen bei der DB in FFM"

    1. 1. Optimierte Benutzeroberfläche für DB – Fernverkehrsautomaten Konzeptskizze Kristina Mickartz, Tobias Jordans, Nikolaus Schneider Prof. Oliver Wrede Visuelle Kommunikation FH Aachen, Fachbereich Design
    2. 2. Einleitung <ul><li>Primäre Zielsetzungen der DB im Bezug auf </li></ul><ul><li>Fernverkehrsautomaten </li></ul><ul><li>Bereitstellung eines schnell und einfach zu bedienenden Automaten unter Einsatz neuer Technologien - Kein Stress, kein Warten! </li></ul><ul><li>automatische Erstellung von Fahrkarten und Fahrplanauskünften </li></ul><ul><li>flächendeckende Bereitstellung von DB Serviceleistungen </li></ul><ul><li>Personalentlastung </li></ul><ul><li>Beobachtungen der Projektgruppe </li></ul><ul><li>viele Kunden sind mit der Bedienung der Automaten überfordert (Kaufabbruch) </li></ul><ul><li>oft sind Automaten vorübergehend „Außer Betrieb“ oder kaputt </li></ul><ul><li>häufig Warteschlangen an funktionieren-den Automaten und Kunden ohne Fahrkarte in den Zügen </li></ul><ul><li>verschiedene Automatentypen erzeugen ein Auswahlproblem </li></ul><ul><li>Einsatz von Automaten-Guides um Bedienungsprobleme zu kompensieren </li></ul>
    3. 3. Ein Netzwerk von Faktoren beeinflusst die Gebrauchsqualität. Einleitung <ul><li>1. Gestaltung der Oberfläche </li></ul><ul><li>Position von Eingabe-, Ausgabe- und Bezahl-Feldern </li></ul><ul><li>Flächen- und Farbegestaltung </li></ul><ul><li>Informationstexte auf der Oberfläche </li></ul><ul><li>2. Schmutz und Sauberkeit </li></ul><ul><li>Aufkleberchaos auf den Automaten </li></ul><ul><li>zerkratzte/zerstörte Elemente </li></ul><ul><li>Sauberkeit am und um den Automaten </li></ul><ul><li>3. Lärmverschmutzung </li></ul><ul><li>Lautsprecherdurchsagen </li></ul><ul><li>Gespräche in der Umgebung </li></ul><ul><li>Verkehrsgeräusch </li></ul><ul><li>4. Zeitdruck </li></ul><ul><li>die Gefahr, den Zug zu verpassen </li></ul><ul><li>wartende Menschen in der Schlange </li></ul><ul><li>der Kauf dauert länger, als man möchte </li></ul>
    4. 4. <ul><li>Annahmen </li></ul><ul><li>Typische Benutzer </li></ul><ul><li>gesamte Bandbreite der Gesellschaft vertreten </li></ul><ul><li>mit gezielter oder vager Kaufvorstellung </li></ul><ul><li>häufig unter Zeitdruck </li></ul><ul><li>mäßige bis keine Kenntnis des Tarifsystems </li></ul><ul><li>geringe Bereitschaft alle Details des Tarifsystems zu verstehen </li></ul><ul><li>fehlendes Vertrauen in die Service- und Beratungsqualität im Vergleich zum Mitarbeiter am Schalter </li></ul>Einleitung
    5. 5. <ul><li>Annahmen </li></ul><ul><li>B) Wiederkehrende Erwartungen der Benutzer </li></ul><ul><li>Zeitgewinn gegenüber dem Fahrkartenkauf am Schalter </li></ul><ul><li>der Automat soll „gut beraten“ (günstige und/oder schnelle Verbindungen) </li></ul><ul><li>zuverlässige Technik (fehlerfrei) </li></ul>Einleitung
    6. 6. <ul><li>Optimierung der Benutzbarkeit </li></ul><ul><li>Schwerpunkte </li></ul><ul><li>intuitive Erlernbarkeit </li></ul><ul><li>positives Erlebnis </li></ul>Ziel unserer Arbeit
    7. 7. Prototyp: Demo
    8. 8. Ausschnitt eines Lageplans Prototyp: Räumliches Modell
    9. 9. <ul><li>Ausschnitt eines Lageplans </li></ul><ul><li>Vorhersehbarkeit </li></ul><ul><li>Gefühl von Kontrolle </li></ul>Prototyp: Räumliches Modell
    10. 10. <ul><li>visuelle Ruhe </li></ul><ul><li>leichte Erlernbarkeit durch Wiederholung </li></ul><ul><li>festgelegte Position </li></ul>Prototyp: Ordnungssystem
    11. 11. <ul><li>differenzierte Beschriftung, die Kontext berücksichtigen </li></ul><ul><li>klare Anweisungen ersparen Hilfetexte </li></ul><ul><li>freundliche Dialogsprache </li></ul>Prototyp: Formulierungen
    12. 12. <ul><li>Effizienz </li></ul><ul><li>Erlebnisqualität („Freude“) </li></ul><ul><li>demotiviert nicht </li></ul>Prototyp: Reaktionszeit & Bedienzeit
    13. 13. Von:
    14. 14. Nach:
    15. 15. Prototyp <ul><li>Kern-Funktionen </li></ul><ul><li>räumliches Modell </li></ul><ul><li>mentale Nachvollziehbarkeit </li></ul><ul><li>Systematik </li></ul><ul><li>Schwerpunkte </li></ul><ul><li>intuitive Erlernbarkeit </li></ul><ul><li>positives Erlebnis </li></ul>
    16. 16. Was könnte man jetzt tun? <ul><li>testbaren Prototypen entwickeln </li></ul><ul><ul><li>Prototypen deklinieren </li></ul></ul><ul><ul><li>Systematik fortentwickeln </li></ul></ul><ul><ul><li>grafische Details </li></ul></ul><ul><li>Produktstudie </li></ul><ul><li>technische Anforderungen bestimmen </li></ul>
    17. 17. Vielen Dank!

    ×