Downloaden Sie, um offline zu lesen
Hochgeladen vonJang F.M. Graat
Nur der Nutzer weiss, was der Nutzer noch nicht weiss - Progressive Disclosure
Das Dokument von Jang F.M. Graat betrachtet die Prinzipien des Minimalismus im Kontext der Nutzerinteraktion, wobei der Fokus auf der Bereitstellung von nur den notwendigen Informationen gelegt wird. Es wird das Konzept der schrittweisen Enthüllung (progressive disclosure) vorgestellt, um Nutzern die Kontrolle über die Informationsaufnahme zu geben, und es werden verschiedene Techniken beschrieben, um verborgene Informationen effektiv darzustellen. Der Einsatz von Technologien wie XSLT, CSS und JavaScript wird hervorgehoben, um eine interaktive und benutzerfreundliche Erfahrung zu schaffen.
Nur der Nutzer weiss, was der Nutzer noch nicht weiss - Progressive Disclosure
- 1. Nur der Nutzerweiß, was der Nutzer noch nicht weiß Jang F.M. Graat KT1 !1
- 2. Wer Spricht ? •Jang F.M. Graat • Technische Redaktion • FM, RH, MadCap • DITA, XSLT, JS, CSS • Minimalist • Psychologe, Philosoph • Weltbürger in Amsterdam !2
- 3.
- 4. Lesen ist niedas Ziel !4
- 5.
- 6. Biete dem Nutzer nurdie Infos an, die er/sie braucht !6
- 7. Das Problem !7 Was weißder Nutzer schon?
- 8.
- 9.
- 10.
- 11. Nur der Nutzerweiß, was der Nutzer noch nicht weiß !11
- 12. Die Lösung Überlassen Siedem Nutzer die Kontrolle !12
- 13.
- 14.
- 15.
- 16. Wo bin ichgelandet ? !16
- 17.
- 18.
- 19. Progressive Disclosure Wie machenSie es ? !19
- 20. !20 Minimale Information wird immerangezeigt
- 21.
- 22. !22 Verborgene Information wird soeingefügt/editiert
- 23. !23 Text wird alsHotspot markiert
- 24. !24 Der Prozeß kannin eine Drop-down Text wiederholt werden.
- 25. !25 Drop-down Text kann auchBilder usw. enthalten
- 26. !26 So sieht dasErgebnis aus: nur die minimale Infos sichtbar
- 27. !27 Der Nutzer klickteinen Hotspot an, um verborgene Infos zu zeigen
- 28.
- 29.
- 30. Progressive Disclosure Aber bittemit Sahne ! !30
- 31. Struktur + XSLT= Magie !31
- 32. XPath : Semantischsuchen !32
- 33. XSLT : XtremeMakeover !33
- 34.
- 35. !35 DITA Task imEditor
- 36.
- 37.
- 38. !38 <shortdesc> wird in einemTooltip umgewandelt
- 39. !39 CSS sorgt fürdie Unsichtbarkeit der verborgene Informationen
- 40. !40 JavaScript verbindet einen Triggermit dem Target, was angezeigt oder verborgen wird
- 41.
- 42. !42 So sieht dasErgebnis aus
- 43. !43 Anklicken eines +Symbols öffnet die <substeps>
- 44. !44 Andere Symbole öffnen <info>und <result>
- 45. !45 Maus über Titelbewegen macht <shortdesc> sichtbar
- 46. !46 Plus Symbol rechtsoben öffnet <context> Inhalte
- 47.