nur der nutzer weiss, was der nutzer noch nicht weiss - progressive disclosure

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

jang@jang.nl

4everJang

blogs.jang.nl

!47