![Page 1: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/1.jpg)
Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience Martin Häberle, Vorsicht Lesegefahr!
tekom-Jahrestagung Vortrag UA/SWD 4
![Page 2: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/2.jpg)
![Page 3: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/3.jpg)
Was Sie hier erwartet
3 Thesen
6 Demos
2 Prognosen 4 Tipps
![Page 4: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/4.jpg)
Blindtexte dienen als Platzhalter wie „Lorem ipsum“ oder „123“, „asdf“.
Beispieldaten sind Datensätze in SW-Anwendungen für Test, Demo etc.
Code-Beispiele sind unverzichtbar in Entwickler/API-Dokumentationen.
Anwendungsbeispiele sollen in sich „rund“ und Use-Case-orientiert sein.
Demosysteme verkaufen die Software mittels Anwendungsbeispielen.
Typologie des Beispiels
![Page 5: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/5.jpg)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata …
These: Blindtexte machen blind
![Page 6: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/6.jpg)
Empfehlung: Blindtext vermeiden!
Blindtexte sind oft (zu) unauffällig
Fordern zum Wegsehen geradezu auf
Layouter vergisst ggf. die Ersetzung
Wenn‘s sein muss: auffällig („Grantln“)
Lieber gleich „echte und gute“ Inhalte
![Page 7: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/7.jpg)
Voraussetzung: In den Autokorrektur-Optionen von Word ist Während der Eingabe ersetzen aktiv
Tipp: Blindtext erzeugen (1)
=rand(n,m) Deutschsprachigen Blindtext mit n Absätzen und jeweils m Sätzen einfügen, z. B. rand(1,2): Auf der Registerkarte 'Einfügen' enthalten die Kataloge Elemente, die mit dem generellen Layout des Dokuments koordiniert werden sollten. Mithilfe dieser Kataloge können Sie Tabellen, Kopfzeilen, Fußzeilen, Listen, Deckblätter und sonstige Dokumentbausteine einfügen.
=lorem(n,m) „Lorem ipsum“-Blindtext einfügen (analog zur rand()-Funktion)
Microsoft Office (insbesondere Word):
![Page 8: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/8.jpg)
Tipp: Blindtext erzeugen (2)
Generator auf bavaria-ipsum.de
„Schmarrn“
oder „Grantln“
„Grantl“-Ergebnis:
![Page 9: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/9.jpg)
Beispiele für Beispiele „Um Rekursion
zu verstehen,
muss man
wissen, was
Rekursion ist.“
![Page 10: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/10.jpg)
Tutorial: ully.com/joomla Blog: joomla-das-buch.de
Einsteiger-Tutorial
![Page 11: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/11.jpg)
Anwendungsbeispiel: Keynote
![Page 12: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/12.jpg)
Beispiel: Wiki-Funktionen
Confluence-Add-ons von K15t für TD
![Page 13: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/13.jpg)
Beispiel: Wiki-Funktionen
Confluence-Add-ons von K15t für TD
![Page 14: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/14.jpg)
These: Beispiele sind Hilfe 2.0 Demodaten/-anwendungen als User Assistance
![Page 15: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/15.jpg)
Demo-Inhalte machen Anleitungen (beinahe) überflüssig
Demoinhalte/Beispiele sind eine (bzw. für viele die) Hilfe
Hilfetexte werden (wenn vermeidbar) nicht gelesen
Einschränkung: gilt insbesondere für handlungsrelevante Informationen
Demoinhalte ersetzen Hilfetexte
![Page 16: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/16.jpg)
Voraussetzung: funktional, vollständig, sinnvoll
Ohne komplexe Fachlichkeit
Anschaulich dargestellt, spielerisch aufbereitet Als Demodaten erkennbar und von Produktivdaten getrennt
Anforderungen an Showcases … und Beispielanwendungen
![Page 17: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/17.jpg)
These: Demos sind mehr als Doku!
Marketing-Instrument
Kundenbindung
Markenbildung Identifikation
![Page 18: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/18.jpg)
Dokumentation allein verkauft keine Software, gute Demosysteme und nutzbare Beispiele schon!
Tipp: Optionale Komponenten im Demosystem „anfeaturen“
Als Marketing-Instrument
![Page 19: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/19.jpg)
Beispiel: Wordpress-Theme
http://ow.ly/pYqa2
![Page 20: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/20.jpg)
Vom Kunden zum Fan!
Beziehung zum Nutzer (=Kunden!) aufbauen durch individuelle, nützliche Demos/Beispiele
Wiedererkennung!
![Page 21: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/21.jpg)
Demoprojekt im Ticket-System Atlassian JIRA® Comic-Vögel à la „Angry Birds“
T-Shirts als Merchandising
Beispiel „Angry Nerds“
![Page 22: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/22.jpg)
Dokumentation: Screenshots, Beispiele, Beispielcode
Entwicklungs-/Testabteilung: mit dem Demo-System
Schulungen: Übungen, Folien, WBTs etc.
Vertrieb/Marketing: Website, Produktvideos,
Präsentationen, Webcasts etc.
Consulting: als Basis für Kundenlösungen
Überall benötigt: Showcases … und Beispielanwendungen
![Page 23: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/23.jpg)
Veränderte Nutzererwartungen an „Hilfe“
Anwendungsfall „Software ausprobieren“
Bedienwissen zukünftig komplett in GUI und Demo abgebildet Tipp: Schrittanleitungen automatisch generieren, z.B. mit „Dr. Explain“, siehe www.drexplain.de
Prognose 1: Mehr Beispiele, weniger Doku
![Page 24: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/24.jpg)
Beispiele kommen besser nicht von Entwicklern!
Technische Redakteure sind optimale Ersteller
Synergie-Effekte nutzen
Weg mit dem Silodenken!
Prognose 2: die neue TR-Rolle
![Page 25: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/25.jpg)
Bessere Demodaten, Anwendungsbeispiele für Software
Vorhandene Möglichkeiten konsequent nutzen
Mehr Mut zur Kreativität
Weniger Schrittanleitungen (die keiner liest)
Die Mühe zahlt sich für das Unternehmen aus
Die Zukunft der User Assistance für Software
Die Zukunft des Technischen Redakteurs
Zusammengefasst:
![Page 27: Mit gutem Beispiel voran! Demo-Inhalte als Bestandteil der User Experience](https://reader034.vdocuments.site/reader034/viewer/2022051513/5479ea935806b585048b47bc/html5/thumbnails/27.jpg)
UA/SWD 4
Danke für die Aufmerksamkeit!
www.Lesegefahr.de twitter.com/Lesegefahr