slide1
Download
Skip this Video
Download Presentation
Benutzerhilfen für Web-Anwendungen Gertrud Grünwied M.Sc. (evidoc) tekom Regionalgruppe Bodensee

Loading in 2 Seconds...

play fullscreen
1 / 39

Benutzerhilfen für Web-Anwendungen Gertrud Grünwied M.Sc. (evidoc) tekom Regionalgruppe Bodensee - PowerPoint PPT Presentation


  • 195 Views
  • Uploaded on

Benutzerhilfen für Web-Anwendungen Gertrud Grünwied M.Sc. (evidoc) tekom Regionalgruppe Bodensee Tettnang, 28.09.2006. Überblick. Einführung Extern Integriert Prozess evidoc. Einführung Web-Anwendungen Vielfalt Aufrufmöglichkeiten der externen Hilfe Überblick Hilfeformate

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Benutzerhilfen für Web-Anwendungen Gertrud Grünwied M.Sc. (evidoc) tekom Regionalgruppe Bodensee ' - fleur


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide1

Benutzerhilfen für Web-Anwendungen

Gertrud Grünwied M.Sc. (evidoc)

tekom Regionalgruppe Bodensee

Tettnang, 28.09.2006

slide2

Überblick

EinführungExtern IntegriertProzessevidoc

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

Einsatzbereiche für Web-basierte Hilfe

EinführungExtern IntegriertProzessevidoc

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

Dialoghilfe

Browser-basierte

Hilfesystem

Aufruf externe Browser-basierte Online-Hilfe

EinführungExtern IntegriertProzessevidoc

Web-Anwendung

slide5

kontextsensitiv

kontextunabhängig

Hilfesystem

Dialoghilfe

Anwendung

Zugriffsarten auf externe Online-Hilfe

EinführungExtern IntegriertProzessevidoc

Zugriffsarten

  • F1
  • Menü „Hilfe/Hilfethemen“
  • Link „Hilfe“ in Hauptnavigation
  • (…)
  • Ums+F1 oder F1
  • Link „Hilfe“ je Dialog/Reiter
  • (…)
slide6

Vor- und Nachteile

EinführungExtern IntegriertProzessevidoc

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

HTML-

basiert

Oracle Help for the Web

Oracle Help for Java

Server-

basiert

Browser-

basiert

FlashHelp

RTF-basiert

Hilfeformate

EinführungExtern IntegriertProzessevidoc

Sun

JavaHelp 1.1.3

Oracle

eHelp/Macromedia *)

WebHelp Pro

WebHelp

Microsoft

.NET Help

Vista Help

HTML Help

WinHelp 3

WinHelp 4

1990 91 92 93 94 95 96 97 98 99 2000 01 02 03 04 05 06 [Jahr]

*) Weitere Hersteller von Browser-basierten Hilfeformaten siehe nächste Folie.

slide8

Browser-basiertes Hilfeformat

EinführungExtern IntegriertProzessevidoc

Browser-basierte Hilfe

Autorensystem

Flare X

RoboHelp verschiedene Formate

HyperText Studio X

AuthorIT X

Help & Manual X

Fast-Help X

Doc-o-Matic X

West Wind HTML Help Builder X

E.S.T. Help Author Pro X

Doc-To-Help X

OfficeHelp X

XDK verschiedene Formate

WordToWeb X

Help Producer X

ReWorx verschiedene Formate

WebWorks ePublisher verschiedene Formate

Mif2Go X

(…)

Quelle: technische kommunikation, Heft 5/06, Seite 34, Achtelig, M.

slide9

Benutzerhilfen für Web-Anwendungen

EinführungExtern IntegriertProzessevidoc

Browser-basierte Online-Hilfe

slide10

Browser-basiertes Hilfeformat - WebHelp

EinführungExtern IntegriertProzessevidoc

Toolbar

Topic

(Themenbereich)

Navigation

slide11

Browser-basiertes Hilfeformat - FlashHelp

EinführungExtern IntegriertProzessevidoc

Horizontale Anordnung

Vertikale Anordnung

slide12

Merkmale

EinführungExtern IntegriertProzessevidoc

slide13

WebHelp generieren (1#4)

EinführungExtern IntegriertProzessevidoc

slide14

Ohne Skin

Custom Skin

Default Skin

Skins

EinführungExtern IntegriertProzessevidoc

slide15

WebHelp generieren (2#4)

EinführungExtern IntegriertProzessevidoc

slide16

WebHelp generieren (3#4)

EinführungExtern IntegriertProzessevidoc

slide17

WebHelp generieren (4#4)

EinführungExtern IntegriertProzessevidoc

slide18

DHTML

EinführungExtern IntegriertProzessevidoc

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

Expandierbare Abschnitte

EinführungExtern IntegriertProzessevidoc

  • Wann eignen sie sich?
    • Selten benötigte Funktionen
    • Beispiele
    • Hintergrundinformation
    • Parametergruppen
    • Information für spezielle Zielgruppen
  • .. wann speziell nicht?
    • Sicherheitshinweise
    • Informationen, auf die referenziert wird
slide20

Benutzerhilfen für Web-Anwendungen

EinführungExtern IntegriertProzessevidoc

Integrierte Benutzerhilfe (User Assistance UA)

slide21

Variantenvergleich: A – keine UA

EinführungExtern IntegriertProzessevidoc

slide22

UA panel

Variantenvergleich: B – Feldhilfe im UA panel rechts

EinführungExtern IntegriertProzessevidoc

Beim Öffnen: Konzept

Klick auf Feld (Help): Feldhilfe

slide23

Variantenvergleich: C – Dialoghilfe

EinführungExtern IntegriertProzessevidoc

Link in externe Hilfe

Konzept

Feldhilfe

slide24

Variantenvergleich: D – Feldhilfe in Mini-Fenster

EinführungExtern IntegriertProzessevidoc

Feldhilfe

slide25

Variantenvergleich: E – eingebettete Hilfe

EinführungExtern IntegriertProzessevidoc

Konzept

eingebettet

Feldhilfe

Feldhilfe

slide26

Informationsart: Funktional

EinführungExtern IntegriertProzessevidoc

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

Informationsart: Funktional – Beispiel

EinführungExtern IntegriertProzessevidoc

Link zu Konzept

Beispiel

Feldhilfe

slide28

Heutige Systeme zur Untersuchung von On-Screen Produkten messen Blickbewegungen berührungslos.

Das Auge wird mit Infrarotstrahlen beleuchtet.

Die Strahlen erzeugen einen Reflex auf der Hornhaut.

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.

Das Eye Tracking Prinzip

EinführungExtern IntegriertProzessevidoc

slide29

Plot

Hotspot

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.

Ähnlich den Temperaturbildern werden Bereiche, die die Anwender besonders häufig betrachtet haben, unterschiedlich eingefärbt (von Grün über Gelb nach Rot).

Messpunkte und ihre Auswertung

Eye-Tracking

EinführungExtern IntegriertProzessevidoc

Beim Betrachten von Gesichtern werden

Augen, Nase und Mund

besonders häufig und lange fixiert.

slide30

Informationsart: Konzept

EinführungExtern IntegriertProzessevidoc

  • Konzept – Warum?
  • Konzeptinformation:
    • Orientierung
    • Kritische Informationen
    • Warnungen
    • Schlüsselkonzepte vorstellen
    • Verweis (Link) auf Konzeptdetails in der externen Hilfe (Hintergrundinformation, Information für Fortgeschrittene)
  • Geeignete Darstellungsformen
    • Eingebetteter Text, Label
    • DHTML Popup
    • Reservierter Bereich (UA panel)
slide31

Informationsart: Konzept - Beispiel

EinführungExtern IntegriertProzessevidoc

Basis-konzept

FAQ: Frage und Antwort

Detailkonzept und Arbeitsablauf pro Abschnitt

slide32

Informationsart: Handlung

EinführungExtern IntegriertProzessevidoc

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

Zusammenfassung

EinführungExtern IntegriertProzessevidoc

  • Information an der Stelle anbieten, an der Benutzer sie benötigen.
  • Usability-Tests geben Aufschluss über Benutzerführung und notwendige User Assistance
  • Externe und integrierte Hilfe sinnvoll verbinden.
  • Hilfe-Links sprechend benennen „Beispiel“, „Tipps“, „FAQ“
slide34

Benutzerhilfen für Web-Anwendungen

EinführungExternIntegriertProzessevidoc

Entwicklungsprozess

slide35

Systeme und Tools

EinführungExternIntegriertProzessevidoc

  • Externe Browser-basierte Hilfe:
    • Online-Hilfe Autorensysteme (Help Authoring Tool HAT)
    • Mapping für kontextsensitive Aufrufe
    • Orientierung an Webtechnologien der Anwendung
  • Integrierte Hilfe:
    • in der Regel kein Autorensystem verwendbar
    • HTML-Dateien oder XML-Dateien
    • Texte in der Datenbank verwalten Beispiel: Feldbeschriftungen
slide36

Usability

Abstimmungsaufwand

EinführungExternIntegriertProzessevidoc

Extern

Standalone

Extern

Dialog

UA panel

Popup

Label

Aufwand

slide37

EinführungExternIntegriertProzessevidoc

Wir stellen den Benutzer in den Mittelpunkt

  • Usability-Beratung
    • Für Software, eShops, Webseiten
    • Blickverlauf-Studien (Eye Tracking)
    • Expertenbewertungen
    • Seminare und Workshops
  • Technische Dokumentation
    • Bedienungs- und Betriebsanleitungen
    • Software-Dokumentation, Tutorials
    • Single-Source-Publishing
    • Beratung, Seminare und Workshops
slide38

evidoc

EinführungExternIntegriertProzessevidoc

Über die Inhaberin Gertrud Grünwied

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

EinführungExternIntegriertProzessevidoc

Kontakt

Volle Fahrt voraus mit allen Beteiligten der Produktentwicklung!

evidocInstitut für gebrauchstaugliche ProdukteFriedhofstr. 35

D - 89233 Neu-Ulm

Telefon +49 0 731 - 71 30 858

www.evidoc.de

[email protected]

ad