Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

1 Benutzerhilfen für Web-Anwendungen Gertrud Grünwied M.Sc. (evidoc) tekom Regionalgruppe Bodensee Tettnang, 28.09.2006.

Ähnliche Präsentationen


Präsentation zum Thema: "1 Benutzerhilfen für Web-Anwendungen Gertrud Grünwied M.Sc. (evidoc) tekom Regionalgruppe Bodensee Tettnang, 28.09.2006."—  Präsentation transkript:

1 1 Benutzerhilfen für Web-Anwendungen Gertrud Grünwied M.Sc. (evidoc) tekom Regionalgruppe Bodensee Tettnang,

2 2 Überblick n Einführung n Web-Anwendungen Vielfalt n Aufrufmöglichkeiten der externen Hilfe n Überblick Hilfeformate n Web-basierte Online-Hilfe (extern) n Merkmale WebHelp n DHTML-Effekte n Generieren: Beispiel RoboHelp n Integrierte Benutzerhilfe n Usability-Studie n Informations- und Darstellungsarten n Feldhilfe: Blickverlaufsvideo n Erstellungsprozess und Abstimmung Einführung Extern Integriert Prozess evidoc

3 3 Einsatzbereiche für Web-basierte Hilfe Einführung Extern Integriert Prozess evidoc n Web-Anwendungen n E-Commerce Software, Electronic Banking n CMS, HelpDesk, CRM n Office-Anwendungen n Plattformübergreifende Anwendungen n für Windows, Macintosh, Unix, Linux n z. B. ERP-Software, Branchensoftware n Entwicklungsumgebungen: Java (Sun),.NET (Microsoft) n Standalone Hilfe n im Internet/Intranet/Extranet n Trainings-Leitfaden, Technischer Support Manual n Entwicklungsdokumentation n Style Guides, Redaktionsleitfäden

4 4 Aufruf externe Browser-basierte Online-Hilfe Einführung Extern Integriert Prozess evidoc Dialoghilfe Web-Anwendung Browser-basierte Hilfesystem

5 5 Zugriffsarten auf externe Online-Hilfe Einführung Extern Integriert Prozess evidoc Zugriffsarten kontextsensitivkontextunabhängig Dialoghilfe Hilfesystem Anwendung F1 Menü Hilfe/Hilfethemen Link Hilfe in Hauptnavigation (…) Ums+F1 oder F1 Link Hilfe je Dialog/Reiter (…)

6 6 Vor- und Nachteile Einführung Extern Integriert Prozess evidoc n Vorteile Standalone n alle Hilfethemen n TOC, Index, Suche, Favoriten, Browse-Sequenzen n Querverweise auf verwandte Themen n bekanntes Erscheinungsbild n zahlreiche Gestaltungsmöglichkeiten (Grafik, DHTML etc.) n Druckmöglichkeit n Nachteile kontextunabhängiger Aufruf n kein Kontextbezug zur aktuellen Aufgabe n Informations-Overflow bei Aufruf der Hilfe n Vorteil kontextsensitive Dialoghilfe n Kontextbezug zum aktuellen Dialog n Verzweigen in vollständige Hilfe möglich

7 7 Hilfeformate Einführung Extern Integriert Prozess evidoc Oracle Help for the Web Microsoft [Jahr] eHelp/Macromedia *) Oracle Sun Vista Help JavaHelp Oracle Help for Java HTML Help WinHelp 3WinHelp 4 RTF-basiert HTML- basiert Browser- basiert Server- basiert FlashHelp WebHelp WebHelp Pro *) Weitere Hersteller von Browser-basierten Hilfeformaten siehe nächste Folie..NET Help

8 8 Browser-basiertes Hilfeformat Einführung Extern Integriert Prozess evidoc Browser-basierte Hilfe Autorensystem FlareX RoboHelpverschiedene Formate HyperText StudioX AuthorITX Help & ManualX Fast-HelpX Doc-o-MaticX West Wind HTML Help BuilderX E.S.T. Help Author ProX Doc-To-HelpX OfficeHelpX XDKverschiedene Formate WordToWebX Help ProducerX ReWorxverschiedene Formate WebWorks ePublisherverschiedene Formate Mif2GoX (…) Quelle: technische kommunikation, Heft 5/06, Seite 34, Achtelig, M.

9 9 Browser-basierte Online-Hilfe Benutzerhilfen für Web-Anwendungen Einführung Extern Integriert Prozess evidoc

10 10 Einführung Extern Integriert Prozess evidoc Browser-basiertes Hilfeformat - WebHelp Navigation Topic (Themenbereich) Toolbar

11 11 Einführung Extern Integriert Prozess evidoc Browser-basiertes Hilfeformat - FlashHelp Horizontale Anordnung Vertikale Anordnung

12 12 Einführung Extern Integriert Prozess evidoc Merkmale HilfeformateHTML HelpWebHelpFlashHelp BetriebssystemUNabhängig -++ BrowserUNabhängig -++ Netzwerkbasierte Ablage und Verteilung -++ Konsistente Oberfläche je Browser --+ Individualisierbares Oberflächendesign (Skin) -++ Integration von Multimedia +++ Kompilierung und Kompression +-- Kontextsensitivität +++ Zusammenbinden mehrerer Hilfeprojekte ++- Hilfelayout mit drei Fensterntraditionell traditionell + vertikal

13 13 WebHelp generieren (1#4) Einführung Extern Integriert Prozess evidoc

14 14 Skins Ohne Skin Default Skin Custom Skin Einführung Extern Integriert Prozess evidoc

15 15 WebHelp generieren (2#4) Einführung Extern Integriert Prozess evidoc

16 16 WebHelp generieren (3#4) Einführung Extern Integriert Prozess evidoc

17 17 WebHelp generieren (4#4) Einführung Extern Integriert Prozess evidoc

18 18 DHTML n Mit Dynamic HTML (DHTML) können Webseiten durch externe Skriptsprachen über das DOM manipuliert werden. HTML, CSS und zumeist JavaScript bilden DHTML. n Möglichkeiten in Online-Hilfen: n Expandierbare Abschnitte n Skins n DHTML-Effekte: Bei Benutzereingaben ändern sich die Inhalte/Darstellung, z. B. Objekte bewegen, Text hervorheben, Berechnungen n Marquees (Laufschrift) n Autorensystem XDK: - Registerkarten innerhalb eines Topics - sortierbare Tabellen Einführung Extern Integriert Prozess evidoc

19 19 Expandierbare Abschnitte n Wann eignen sie sich? n Selten benötigte Funktionen n Beispiele n Hintergrundinformation n Parametergruppen n Information für spezielle Zielgruppen n.. wann speziell nicht? n Sicherheitshinweise n Informationen, auf die referenziert wird Einführung Extern Integriert Prozess evidoc

20 20 Integrierte Benutzerhilfe (User Assistance UA) Benutzerhilfen für Web-Anwendungen Einführung Extern Integriert Prozess evidoc

21 21 Variantenvergleich: A – keine UA Einführung Extern Integriert Prozess evidoc

22 22 Variantenvergleich: B – Feldhilfe im UA panel rechts Einführung Extern Integriert Prozess evidoc Beim Öffnen: Konzept Klick auf Feld (Help): Feldhilfe UA panel

23 23 Variantenvergleich: C – Dialoghilfe Einführung Extern Integriert Prozess evidoc Konzept Feldhilfe Link in externe Hilfe

24 24 Einführung Extern Integriert Prozess evidoc Variantenvergleich: D – Feldhilfe in Mini-Fenster Feldhilfe

25 25 Einführung Extern Integriert Prozess evidoc Variantenvergleich: E – eingebettete Hilfe Konzept eingebettet Feldhilfe

26 26 Einführung Extern Integriert Prozess evidoc Informationsart: Funktional n Funktional – Was? n Feldhilfe: n Feldbeschreibung n Glossardefinition n Eingabebeispiel n Min-Max-Werte, Ausnahmen n Gruppierung verwandter Felder, Zusammenhänge n Verweis (Link) auf konzeptionelle und prozedurale Themen in der externen Hilfe n Geeignete Darstellungsformen n Eingebetteter Text, Label, siehe Eye Tracking n DHTML Popup n Reservierter Bereich (UA panel)

27 27 Einführung Extern Integriert Prozess evidoc Informationsart: Funktional – Beispiel Link zu Konzept Beispiel Feldhilfe

28 28 Das Eye Tracking Prinzip Das Auge wird mit Infrarotstrahlen beleuchtet. Die Strahlen erzeugen einen Reflex auf der Hornhaut. Heutige Systeme zur Untersuchung von On- Screen Produkten messen Blickbewegungen berührungslos. Eine hoch auflösende Kamera misst die Augen- bewegungen von Proban- den mittels des Reflexes. Menschen tasten mit den Augen Bilder und Texte Punkt für Punkt ab. Diese Punkte misst Eye Tracking. Einführung Extern Integriert Prozess evidoc

29 29 Eye-Tracking Messpunkte und ihre Auswertung Der Plot zeigt alle Blickpunkte an, die auf dem Bild stattgefunden haben. Die Verweildauer wird über die Größen der Blickpunkte dargestellt. Ein Blickpfad ergibt sich aus der Abfolge von mehreren Blickpunkten. PlotHotspot Ähnlich den Temperaturbildern werden Bereiche, die die Anwender besonders häufig betrachtet haben, unterschiedlich eingefärbt (von Grün über Gelb nach Rot). Beim Betrachten von Gesichtern werden Augen, Nase und Mund besonders häufig und lange fixiert. Einführung Extern Integriert Prozess evidoc

30 30 Einführung Extern Integriert Prozess evidoc Informationsart: Konzept n Konzept – Warum? n Konzeptinformation: n Orientierung n Kritische Informationen n Warnungen n Schlüsselkonzepte vorstellen n Verweis (Link) auf Konzeptdetails in der externen Hilfe (Hintergrundinformation, Information für Fortgeschrittene) n Geeignete Darstellungsformen n Eingebetteter Text, Label n DHTML Popup n Reservierter Bereich (UA panel)

31 31 Einführung Extern Integriert Prozess evidoc Informationsart: Konzept - Beispiel FAQ: Frage und Antwort Basis- konzept Detailkonzept und Arbeitsablauf pro Abschnitt

32 32 Einführung Extern Integriert Prozess evidoc Informationsart: Handlung n Handlung – Wie? n Handlungsanleitungen: n Häufigste Aufgaben n Aktuellen Handlungsschritt hervorheben n Einordnung in komplexen Handlungsablauf - hierarchisch und sequenziell - n Verweis (Link) auf seltener durchgeführte Aufgaben oder komplexe Aufgaben n Geeignete Darstellungsformen n Eingebetteter Text, Label n DHTML Popup n Reservierter Bereich (UA panel)

33 33 Einführung Extern Integriert Prozess evidoc Zusammenfassung n Information an der Stelle anbieten, an der Benutzer sie benötigen. n Usability-Tests geben Aufschluss über Benutzerführung und notwendige User Assistance n Externe und integrierte Hilfe sinnvoll verbinden. n Hilfe-Links sprechend benennen Beispiel, Tipps, FAQ

34 34 Entwicklungsprozess Benutzerhilfen für Web-Anwendungen Einführung Extern Integriert Prozess evidoc

35 35 Systeme und Tools n Externe Browser-basierte Hilfe: n Online-Hilfe Autorensysteme (Help Authoring Tool HAT) n Mapping für kontextsensitive Aufrufe n Orientierung an Webtechnologien der Anwendung n Integrierte Hilfe: n in der Regel kein Autorensystem verwendbar n HTML-Dateien oder XML-Dateien n Texte in der Datenbank verwalten Beispiel: Feldbeschriftungen Einführung Extern Integriert Prozess evidoc

36 36 Abstimmungsaufwand Einführung Extern Integriert Prozess evidoc Extern Standalone Aufwand Extern Dialog LabelUA panelPopup Usability

37 37 n Usability-Beratung u Für Software, eShops, Webseiten u Blickverlauf-Studien (Eye Tracking) u Expertenbewertungen u Seminare und Workshops n Technische Dokumentation u Bedienungs- und Betriebsanleitungen u Software-Dokumentation, Tutorials u Single-Source-Publishing u Beratung, Seminare und Workshops Wir stellen den Benutzer in den Mittelpunkt Einführung Extern Integriert Prozess evidoc

38 38 evidoc n Werdegang u Studium Technische Information Dipl.-Ing. (FH) und Aufbaustudium Medieninformatik M.Sc. u Zertifizierte Technische Redakteurin u 1995 – 2005: Leiterin der Dokumentations-Abteilung bei dem Softwareunternehmen Wilken GmbH, Ulm u Ab 2004: Gründerin und Inhaberin von evidoc n Veröffentlichungen u Buch Software-Dokumentation, Kontakt & Studium, Band 668, expert-Verlag, März 2005 u WEKA Verlag: Kommentierung Software-Normen u Member IEEE 1063 Software User Documentation n Lehre, Seminare u Lehrbeauftragte an den Hochschulen Furtwangen und Ulm, Berufsakademie Heidenheim u Seminare zu Elektronisch Publizieren, XML und Software-Dokumentation bei vdi, vdi-Wissensforum… Über die Inhaberin Gertrud Grünwied Einführung Extern Integriert Prozess evidoc

39 39 evidoc Institut für gebrauchstaugliche Produkte Friedhofstr. 35 D Neu-Ulm Telefon Kontakt Volle Fahrt voraus mit allen Beteiligten der Produktentwicklung! Einführung Extern Integriert Prozess evidoc


Herunterladen ppt "1 Benutzerhilfen für Web-Anwendungen Gertrud Grünwied M.Sc. (evidoc) tekom Regionalgruppe Bodensee Tettnang, 28.09.2006."

Ähnliche Präsentationen


Google-Anzeigen