Nur der Nutzer weiß, was der Nutzer noch nicht weiß
Jang F.M. Graat
KT1
!1
Wer Spricht ?• Jang F.M. Graat
• Technische Redaktion
• FM, RH, MadCap
• DITA, XSLT, JS, CSS
• Minimalist
• Psychologe, Philosoph
• Weltbürger in Amsterdam
!2
MinimalismusHauptprinzipien
!3
Lesen ist nie das Ziel
!4
Aktionsorientiert
!5
Biete dem Nutzer nur die Infos an,
die er/sie braucht
!6
Das Problem
!7
Was weiß der Nutzer schon?
Unterschiedliche Nutzer
!8
Welche Personas ?
!9
Ausbildung, Erfahrung...
!10
Nur der Nutzer weiß, was der Nutzer noch nicht weiß
!11
Die LösungÜberlassen Sie dem Nutzer die Kontrolle
!12
Fragen um Erläuterung
!13
Interaktive Medien
!14
Nachteil: Kontextänderung
!15
Wo bin ich gelandet ?
!16
Besser: Verborgene Infos
!17
Schrittweise Enthüllung
!18
Progressive DisclosureWie machen Sie es ?
!19
!20
Minimale Information wird immer angezeigt
!21
RoboHelp ermöglicht Drop-down Texte
!22
Verborgene Information wird so eingefügt/editiert
!23
Text wird als Hotspot markiert
!24
Der Prozeß kann in eine Drop-down Text
wiederholt werden.
!25
Drop-down Text kann auch Bilder usw. enthalten
!26
So sieht das Ergebnis aus: nur die minimale Infos sichtbar
!27
Der Nutzer klickt einen Hotspot an, um verborgene Infos zu zeigen
!28
Schrittweise Enthüllung
!29
Nachteil: Arbeitsintensiv
Progressive DisclosureAber bitte mit Sahne !
!30
Struktur + XSLT = Magie
!31
XPath : Semantisch suchen
!32
XSLT : Xtreme Makeover
!33
!34
task
title
shortdesc
prolog
taskbody
context
steps
step
cmd
info
substeps
stepresult
step
cmd
substeps
step
cmd
info
substeps
Eine DITA Task Rot: erforderlich
Grün: optional
!35
DITA Task im Editor
!36
Standard Ausgabe
!37
XSL erlaubt automatische
Transformation
!38
<shortdesc> wird in einem Tooltip
umgewandelt
!39
CSS sorgt für die Unsichtbarkeit der verborgene Informationen
!40
JavaScript verbindet einen Trigger mit dem Target, was angezeigt oder verborgen wird
!41
Resultat der XSLT
!42
So sieht das Ergebnis aus
!43
Anklicken eines + Symbols öffnet die <substeps>
!44
Andere Symbole öffnen <info> und <result>
!45
Maus über Titel bewegen macht <shortdesc> sichtbar
!46
Plus Symbol rechts oben öffnet <context> Inhalte
Fragen ?www.jang.nl
4everJang
blogs.jang.nl
!47