SlideShare una empresa de Scribd logo
1 de 20
Descargar para leer sin conexión
MICRO-UX
Micro-UX.
Wie Produkte wirklich
Spaß machen.
MICRO-UX
MICRO-UX
Micro-UX.
Wie Produkte wirklich
Spaß machen.
MICRO-UX
Damit ein Produkt1
erfolgreich
ist,müssen wir erst einmal die
Bedürfnisse seines Nutzers ken-
nen.Schließlich ist er es,für den
wir gestalten und entwickeln.2
So oder so ähnlich heißt es am Anfang eines Projekts.Und es gibt diverse Methoden,
um das Gesamtbild eines Produkts zielgruppenorientiert zu entwickeln. denkwerk
bietet dazu – basierend auf Service Design und Design-Thinking-Methoden – einen
methodischen Innovationsprozess und strategische Unterstützung aus Anwender-
perspektive.3
Neben der Produktvision und seinen Features sind es vornehmlich die Kleinigkei-
ten,die ein Produkt auszeichnen – jene kurzen Momente während der Produktver-
wendung, die den Nutzer frustrieren, begeistern oder stutzig machen. Um die Ge-
staltung und Optimierung dieser Momente soll es im Folgenden gehen.
1 – Wir sprechen im gesamten vorliegenden Whitepaper von Produkten.Gemeint sind damit nicht klassische Industrieprodukte,sondern digitale Produkte – sprich: Anwendungen,Services,
Software,Web-Plattformen und sonstige digitale Lösungen.
2 – denkwerk (Hg.): Digitale Produktentwicklung – Der denkwerk Prozess mit Methodenkompendium.Köln 2012,S.9,URL: http://bit.ly/dw-produktentwicklung.
3 – denkwerk (Hg.): Fast Forward – Innovationsberatung mit denkwerk.Köln 2013,URL: http://bit.ly/dw_Fast_Forward_2013.
3
MICRO-UX
In den letzten Jahren hat sich der Human-Centered-Design-Ansatz zunehmend in
der digitalen Produktentwicklung etabliert. Die User Experience (UX) steht im Fo-
kus der Überlegungen.Technisch komplexe Anwendungen sollen einfach, intuitiv
und mit einem gewissen Joy-of-Use benutzbar sein.Doch worin unterscheiden sich
dann all die UX-optimierten Applikationen noch? Warum ist die eine Applikation
so viel erfolgreicher als ihre unzähligen Mitbewerber mit gleichen Funktionen?
Während mittlerweile viele Unternehmen Produktkonzepte,-vorteile und -features
– eben das große Ganze eines Produkts – zielgruppenorientiert entwickeln,wird der
UX-Faktor im Detail nicht selten bei der eigentlichen Produktausgestaltung über-
sehen.Aber UX beschränkt sich nicht allein auf den USP eines Produkts bzw.die Er-
füllung eines grundlegenden Nutzerbedürfnisses. User Experience umfasst sämtli-
che Aspekte der Interaktion mit einem Produkt.5
So nehmen Nutzer Produkte zum
großen Teil auf einer unterbewussten Ebene wahr und bewerten sie entsprechend.6
Der so entstehende Eindruck basiert dabei auf dem Aussehen und der Usability des
Produkts im Detail und ist weitgehend unabhängig von der übergeordneten Pro-
duktmission.7
Damit sich ein Produkt heutzutage überhaupt am Markt behaupten
und sich erfolgreich von der Konkurrenz abgrenzen kann, muss es ein ganzheitli-
ches, positives Nutzungserlebnis bieten. Das bedeutet dann auch User-Experien-
ce-Optimierung im Kleinen – kurz: „Micro-UX“.
Das Design eines Produktes ist lediglich so gut,
wie sein kleinstes Element.4
4
4 – Vgl.Dan Saffer: Microinteractions – Designing with Details.Sebastopol: O’Reilly 2013,S.6.
5 – Vgl.Nielsen,J.; Norman,D.: The Definition of User Experience. URL: http://www.nngroup.com/articles/definition-user-experience/ (Stand: 28.01.2014).
6 – Donald Norman: Emotional Design – Why we love (or hate) everyday things.New York: Basic Books 2004.
7 – Saucken,C.; Michailidou,I.; Lindemann,U.: „How to Design Experience: Macro UX versus Micro UX Approach“,Design,User Experience,and Usability.
Berlin und Heidelberg: Springer Verlag 2013,S.130-139.
MICRO-UX
5
............................................................................................................................................................
Die User Experience eines Produktes wird durch Macro-UX und Micro-UX bestimmt,
die von äußeren Faktoren beeinflusst werden und die aufeinander aufbauen.
............................................................................................................................................................
MICRO-UX
6
Was?
Micro-UX beschäftigt sich mit der Ausgestaltung des tatsächlichen Produkts. Im
Mittelpunkt stehen Struktur,Interaktion,Texte und Bilder und deren Wirkung auf
den Nutzer.Im Gegensatz zur Macro-UX,in der es abstrakt um Eigenschaften,Wer-
te und Features eines Produktes geht, konzentriert sich Micro-UX gänzlich auf die
konkrete Ausarbeitung einzelner Use Cases und der damit verbundenen User Expe-
rience.
Auf der Makro-Ebene geht es zum Beispiel darum, das kundenzentrierteste Unter-
nehmen der Welt zu sein mit einer E-Commerce-Plattform, die neben einer ein-
zigartigen Onlineshopping-Erfahrung kontinuierlich attraktive Preise, ein per-
sonalisiertes Einkaufserlebnis und eine bequeme Kaufabwicklung bietet.8
Auf der
Micro-UX-Ebene werden die Detailfragen geklärt: Wie kann in diesem Onlineshop
ein Artikel in den Warenkorb gelegt werden? Was passiert beim Hinzufügen zum
Warenkorb? Und was wird dafür im User Interface benötigt? Dabei geht es nicht al-
lein nur um die bestmögliche Usability. Ziel ist eine Optimierung der Produktwir-
kung im Detail. Das heißt, die unterbewusste Beurteilung eines Produkts – basie-
rend auf seinem Look & Feel,seinen Funktionen und seinem Produktverhalten – soll
positiv beeinflusst und verbessert werden.
8 – Amazon (Hg.): Über Amazon.URL: http://amazon-presse.de/ueber-amazon.html (Stand: 03.02.2014).
MICRO-UX
7
Warum?
Inzwischen gibt es 998 Kalender-Apps9
allein für das iPhone – und die Anzahl steigt
permanent.Trotz der UX-optimierten und am Nutzerbedürfnis ausgerichteten Produk-
te im Markt besteht das Bedürfnis,weitere Produkte mit gleichen Aufgaben und dem
selben Sinn und Zweck herauszubringen. Immer wieder werden gleiche Funktionen
neu gestaltet.Doch warum kann auch die zigste Kalender-App überzeugen?
Jede Kalender-App mag den grundlegenden Wunsch zur Terminerstellung und Orga-
nisation des persönlichen Kalenders erfüllen, doch die Unterschiede in Bedienung,
Gestaltung und Verhalten sind gravierend.Das Verlangen nach Vereinfachung und Op-
timierung sowie einem besseren Joy-of-Use im Detail ist latent. Gerade in Zeiten der
Funktionsgleichheit sind es die Kleinigkeiten, die den Unterschied machen. So führt
Micro-UX einerseits zu einem besseren Produktverständnis und stellt damit den USP
heraus.Denn erst durch eine optimale Ausgestaltung und Umsetzung der Details wer-
den die Haupt-Features positivwahrgenommen. Zum anderen sind es die kleinen Mo-
mente bei der Produktverwendung,die entweder langweilig und nervig oder freudvoll
und fesselnd sind.Sie tragen entscheidend zur Produktbeliebtheit bei.Nicht umsonst
tüftelt die Automobilbranche unermüdlich am Sound einer zuschlagenden Tür,10
um
das Fahrerlebnis zu vervollkommnen. Mit den Details wird ein Produkt einfacher, in-
teressanter,unterhaltsamer,menschlicher,spannender ...– jedes Mal beim Einloggen
in ein System,Absenden einer Nachricht,Produkt in den Warenkorb legen oder Book-
marken eines Inhaltes.
Micro-UX hat erheblichen Einfluss darauf,wie ein Produkt von den Nutzern angenom-
men wird.Es ist unverzichtbar,um ein Produkt vom Wettbewerb abzuheben.Micro-UX
steht für den Unterschied,ob ein Produkt bloß toleriert oder ob es geliebt wird.11
9 – Apple App Store Suchergebnisse für „Calendar“ (Stand: 03.02.2014).
10 – Vgl.Meike Lorenzen: Die Autotür sagt leise plopp.In: Zeit Online vom 29.04.2013 URL: http://www.zeit.de/auto/2013-04/motorgeraeusche-sounddesign (Stand: 14.03.2014).
11 – Vgl.Dan Saffer: Microinteractions – Designing with Details.Sebastopol: O’Reilly 2013,S.3.
MICRO-UX
8
...................................................................................................................................................................................................................
An vielen Stellen des Interaktionsprozesses kann Micro-UX angewandt werden, um Usability und User Experience
zu optimieren - hier schematisch am OSIT-Modell (Orientieren - Selektieren - Informieren -Transagieren)  aufgezeigt.
...................................................................................................................................................................................................................
MICRO-UX
9
........................................................
Inhaltswechsel innerhalb einer
Seite via Anker-Navigation mit
automatischem Scroll-Effekt.
........................................................
MICRO-UX
10
TRANSITIONS
Transitions,also Übergänge von einem Inhalt zum anderen oder von einem User-In-
terface-Zustand zu einem nächsten,12
lassen ein Interface natürlicher erscheinen.
Denn auch im realen Leben ändern sich die Dinge nicht plötzlich.13
Durch Übergän-
ge wird das Systemverhalten transparent,d.h.Nutzer können leichter nachvollzie-
hen, was gerade passiert ist. Zusammenhänge und Zugehörigkeiten von Inhalten
werden verdeutlicht.Nutzer können sich besser orientieren.Außerdem können mit
Hilfe von Animationen Interface-Elemente und Funktionen versteckt werden, um
sie dem Nutzer erst bei Bedarf bzw.abhängig vom Kontext anzubieten.Das reduziert
zum einen die Komplexität des Produkts und zum anderen schafft es gestalterische
Freiräume.14
.............................................................
Aus der Produktübersicht
wird ein Produkt dem
Warenkorb per Button-Klick
hinzugefügt, wobei das Produkt
in den Warenkorb wechselt.15
.............................................................
12 – Mark Cossey: Mission Transition.In: Smashing Magazine vom 28.02.2012.URL: http://uxdesign.smashingmagazine.com/2012/02/28/mission-transition/ (Stand: 30.01.2014).
13 – Ebd.
14 – Adrian Zumbrunnen: Smart Transitions in User Experience Design.In: Smashing Magazine vom 23.10.2013.
URL: http://uxdesign.smashingmagazine.com/2013/10/23/smart-transitions-in-user-experience-design/ (Stand: 30.01.2014).
15 – http://www.ui-transitions.com/#categorie
MICRO-UX
11
INTELLIGENZ
Neben den vom Nutzer wahrnehmbaren Effekten im User Interface gibt es im Hin-
tergrund das unsichtbare Produktverhalten. Jene Intelligenz, die bestimmt, wie
das Produkt funktioniert und welche Fähigkeiten es hat.Mit dem Fortschreiten der
technischen Entwicklung und den zunehmend sensorgestützten Geräten sind Pro-
dukte mehr und mehr in der Lage, Entscheidungen selbstständig zu treffen.16
Sie
können Aktionen durchführen, ohne eine Eingabe oder Aufforderung des Nutzers
zu verlangen.
Im Grunde gilt: Je intelligenter und kontextsensitiver ein Produkt ist, desto mehr
kann das Interface um Eingabe-Elemente erleichtert werden. Die User Experience
verbessert sich um ein Vielfaches,wenn ein Produkt genau das tut,was der Nutzer
erwartet,ohne ihn dabei mit ständigen Ab- und Nachfragen zu gängeln.
.........................................
Google-Suche nach
„Pizzeria“ zeigt bevor-
zugt Restaurants in der
näheren Umgebung,
ohne dass Nutzer
zusätzlich ihren
Standort angeben.
.........................................
16 – Dan Saffer: Microinteractions – Designing with Details.Sebastopol: O’Reilly 2013,S.15.
17 – https://nest.com/thermostat/life-with-nest-thermostat/
MICRO-UX
12
TEXTE
„Design is still about words.”18
Den Wörtern und Texten im Interface wird oft we-
nig Beachtung geschenkt, da sie scheinbar keine große Rolle spielen. Sei es das La-
bel eines Formularfeldes, die Button-Beschriftung, Menübezeichnung, ein kurzer
Beschreibungstext oder Feedback-Meldungen.19
Tatsächlich bestimmen diese Tex-
te aber darüber, ob sich der Nutzer mit einem Produkt wohlfühlt, ob er es versteht
und sympathisch findet.Denn die Texte und Bezeichnungen tragen maßgeblich zur
Persönlichkeit des Produktes bei. Sie sind das Sprachrohr des Produkts. Vergleich-
bar mit der menschlichen Kommunikation sind die Texte ausschlaggebend für die
Art der Kommunikation zwischen Nutzer und Produkt: Benutzt das Produkt meine
Sprache? Kommunizieren wir auf Augenhöhe? Werde ich als menschliches Wesen
betrachtet? Oder werde ich ignoriert? Ist es hilfsbereit, schüchtern, vertrauensvoll
oder lustig? Mag ich länger verweilen? Oder werde ich schnellstmöglich abgefertigt?
........................................................
Default-Texte in Formularfel-
dern bei Facebook sind einer-
seits auffordernd, anderseits
unterstützen sie auch dabei,
was eingetragen werden soll.
........................................................
..................................................................
Mehr und mehr Icons treten an die
Stelle von Navigations- undTool-La-
bels.Tool-Tipps, die die jeweiligen
Interaktionselemente erklären, sollten
Mehrwert bieten, indem sie über
ein einzelnes zusammenhangloses
Schlagwort hinausgehen und statt-
dessen Aufgabe, Bezug und Ergebnis
des jeweiligen Elementes in einem
vollständigen Satz erklären. (Beispiel:
Microsoft Word)
...................................................................
18 – Mig Reyes: Reminder: Design is still about words.In: Signal vs.Noise.37signals vom 17.01.2013.
URL: http://37signals.com/svn/posts/3404-reminder-design-is-still-about-words (Stand: 30.01.2014).
19 – Bill Beard: Five Ways to prevent bad Microcopy.In: Smashing Magazine vom 17.06.2013.
URL: http://uxdesign.smashingmagazine.com/2013/06/17/five-ways-prevent-bad-microcopy/ (Stand: 30.01.2014).
MICRO-UX
VISUAL DESIGN
Die visuelle Darstellung eines Produkts hat seit jeher im Wesentlichen zwei Aufga-
ben: Zum einen unterstützt sie die Usability durch Blickführung, Verdeutlichung
von Informationshierarchien, Veranschaulichung und Kommunikation von Inhal-
ten und Funktionen ... kurz: Mit dem Design sollen die Bedienbarkeit vereinfacht
und Inhalte verständlicher werden. Zum anderen wird mit dem Visual Design die
Product Identity bzw.Corporate Identity transportiert,um darüber die Nutzer emo-
tional anzusprechen.Besonders bei der Corporate Identity lässt sich bis heute fest-
stellen, dass das Design stark der Funktion folgt. Natürlich darf das Design nicht
konträr zur Usability stehen. Aber geht man über das Ausgestalten der erforderli-
chen Inhalte und Funktionen hinaus, kann auf einer zweiten, visuellen „Erzähle-
bene“ weitaus mehr transportiert werden. So besteht die Möglichkeit, eine ganze
Geschichte zu erzählen. Oder zusätzlich zum eigentlichen Inhalt Wertewelten,
Emotionen und Charakteristika zu kommunizieren.Durch das Navigieren steigt der
Nutzer damit nicht nur tiefer in die Inhalte ein,sondern er betritt auch sukzessive
eine emotionale Welt.
Zusätzlich können kleine visuelle Details die Liebenswürdigkeit eines Produkts
steigern. Werden zusätzliche Visuals – ganz ohne praktischen Nutzen – vor allem
an unerwarteten Stellen eingesetzt, sorgen sie für eine positive Unterhaltung und
damit eine Erhöhung des Joy-of-Use.Sind es nicht oft die scheinbar sinnlosen Dinge,
die am meisten Spaß machen?
13
.....................................................
Regelmäßige Umgestaltung
des „Google“-Namens auf
der Google Startseite 20
.....................................................
MICRO-UX
Vorteile
Micro-UX allein bringt keine innovativen Produkte hervor.Die übergeordneten Pro-
duktdefinitionen aus der Macro-UX sind die Grundlage und fließen unmittelbar in
die Produktgestaltung ein,sie werden nicht mehr in Frage gestellt.Daraus resultiert,
dass bei einem fehlerhaften übergeordneten Produktkonzept auch Micro-UX keinen
Produkterfolg garantiert.21
Dennoch liegt der Vorteil von Micro-UX darin, dass bei
der Ausarbeitung eines Produkts Usability- und UX-Aspekte in das Produkt einflie-
ßen. Der nutzerzentrierte Ansatz findet sich damit auch in der Phase der eigentli-
chen Produktausgestaltung und -entwicklung wieder.
Hinzu kommt,dass Micro-UX nicht nur für Produkt-Neuentwicklungen eingesetzt
werden kann. Genauso gut kann sie – aufgrund ihrer Detailfokussierung – bei Wei-
terentwicklungen oder zur Optimierung von Usability und User Experience bereits
bestehender Produkte angewandt werden.
14
20 – www.google.com
21 – Saucken,C.; Michailidou,I.; Lindemann,U.: „How to Design Experience: Macro UX versus Micro UX Approach“,
Design,User Experience,and Usability.Berlin und Heidelberg: Springer Verlag 2013,S.130-139.
..............................................................
Fehlermeldung auf denkwerk.com
..............................................................
MICRO-UX
15
Wann & wie?
Micro-UX fokussiert sich auf die optimaleAusgestaltung des Produkts in Bezug auf das
Erscheinungsbild und seine Details.Aus diesem Grund findet Micro-UX in der Design-
phase statt.Hierfür stehen verschiedene Methoden zur Verfügung: Storyboards zeigen
Zustände des User Interfaces und deren Verhalten.Ähnlich den Storyboards der Film-
industrie können Animationen und Abläufe von UI-Elementen durch statische Bilder
spezifiziert und wiedergegeben werden. Hingegen macht Rapid-Prototyping Ideen
und Designansätze direkt „greifbar“. Prototypen vermitteln frühzeitig ein Gefühl für
das Produkt und dessen Bedienung – und dabei gilt: Zuschauen allein reicht nicht! Nur
durch die eigene Interaktion mit dem Produkt wird das Nutzererlebnis wirklich er-
fahrbar.Auch das unsichtbare Produktverhalten im Hintergrund – die Produktintelli-
genz – kann vorzeitig mittels Flussdiagrammen definiert und aufgezeigt werden.
Bei denkwerk ist Micro-UX ein ständiger Begleiter,wenn es darum geht, das Produkt
zum Leben zu erwecken,zu vereinfachen,zu optimieren und zu verbessern.
Um dieses Ziel erreichen zu können,arbeiten bei denkwerk sämtliche Abteilungen als
Team zusammen,denn nur so kann jedes Detail eines Produkts von Anfang an erfasst
werden.Jeder Projektbeteiligte leistet seinen Beitrag,weil sich Kreativität,Erfahrung
und Wahrnehmung bei jedem anders auswirken. Dabei beschränkt sich die Zusam-
menarbeit bei denkwerk nicht nur auf die Experten der einzelnen Fachabteilungen.
Auch Auftraggeber und Kunden werden miteinbezogen. Denn nur gemeinsam kann
ein modernes,nutzerzentriertes Produkt mit einer ganzheitlich positiven User Expe-
rience bis ins kleinste Detail entwickelt werden.
23 – denkwerk (Hg.): Digitale Produktentwicklung – Der denkwerk Prozess mit Methodenkompendium.Köln 2012,S.10,URL: http://bit.ly/dw-produktentwicklung.
MICRO-UX
16
.................................................................................................................................................................................
Bei denkwerk findet Micro-UX in der Designphase Anwendung, da es in diesem Prozessabschnitt
vor allem um die optimale Ausgestaltung eines Produktes im Detail geht.
.................................................................................................................................................................................
MICRO-UX
Autorin: Kerstin Meyer
© 2014 denkwerk – Alle Rechte vorbehalten
Kontakt: Melinda Burmeister
presse@denkwerk.com – T +49 221 2942 100
denkwerk GmbH
Vogelsanger Straße 66
50823 Köln
Reichenberger Straße 124
10999 Berlin
Geschäftsführer: Jochen Schlaier,Marco Zingler
Handelsregister: Amtsgericht Köln,HRB 31595
IMPRESSUM
MICRO-UX
MICRO-UX
www.denkwerk.com

Más contenido relacionado

La actualidad más candente

USECON and QuestBack Case Study
USECON and QuestBack Case Study USECON and QuestBack Case Study
USECON and QuestBack Case Study USECON
 
Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)Agnieszka Maria Walorska
 
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...Bokowsky + Laymann GmbH
 
User xperience entsteht nicht durch Zufall
User xperience entsteht nicht durch ZufallUser xperience entsteht nicht durch Zufall
User xperience entsteht nicht durch ZufallDaniel Muther
 
IA Konferenz München 2011
IA Konferenz München 2011IA Konferenz München 2011
IA Konferenz München 2011Alexander Beck
 
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole ArmbrusterUsability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole ArmbrusterCity & Bits GmbH
 
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Bokowsky + Laymann GmbH
 
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...Bokowsky + Laymann GmbH
 
7 UX-Trends, auf die Sie sich im Jahr 2018 freuen müssen, um die End nutzer Z...
7 UX-Trends, auf die Sie sich im Jahr 2018 freuen müssen, um die End nutzer Z...7 UX-Trends, auf die Sie sich im Jahr 2018 freuen müssen, um die End nutzer Z...
7 UX-Trends, auf die Sie sich im Jahr 2018 freuen müssen, um die End nutzer Z...Dieter Ziegler
 
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten ProduktentwicklungAgile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten ProduktentwicklungRainer Gibbert
 

La actualidad más candente (10)

USECON and QuestBack Case Study
USECON and QuestBack Case Study USECON and QuestBack Case Study
USECON and QuestBack Case Study
 
Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)
 
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile Produktentwicklung: Konzeption, Design, Entwicklung,...
 
User xperience entsteht nicht durch Zufall
User xperience entsteht nicht durch ZufallUser xperience entsteht nicht durch Zufall
User xperience entsteht nicht durch Zufall
 
IA Konferenz München 2011
IA Konferenz München 2011IA Konferenz München 2011
IA Konferenz München 2011
 
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole ArmbrusterUsability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
Usability / Designtrends in Kommunalen Internetportalen - Nicole Armbruster
 
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
Einführung in die Mobile-Produktentwicklung: Konzeption, Design, Entwicklung,...
 
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
Mobile Produktentwicklung – wie geht das? Konzeption, Design, Entwicklung, Ve...
 
7 UX-Trends, auf die Sie sich im Jahr 2018 freuen müssen, um die End nutzer Z...
7 UX-Trends, auf die Sie sich im Jahr 2018 freuen müssen, um die End nutzer Z...7 UX-Trends, auf die Sie sich im Jahr 2018 freuen müssen, um die End nutzer Z...
7 UX-Trends, auf die Sie sich im Jahr 2018 freuen müssen, um die End nutzer Z...
 
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten ProduktentwicklungAgile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
Agile UX - Wege zur agilen nutzerzentrierten Produktentwicklung
 

Similar a Micro UX. Wie Produkte wirklich Spaß machen (2014)

eparo - Digitales Service Design in der Finanzwirtschaft (Vortrag Finanzdiens...
eparo - Digitales Service Design in der Finanzwirtschaft (Vortrag Finanzdiens...eparo - Digitales Service Design in der Finanzwirtschaft (Vortrag Finanzdiens...
eparo - Digitales Service Design in der Finanzwirtschaft (Vortrag Finanzdiens...eparo GmbH
 
Usability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
Usability-Trends 2014 - Worauf es ankommt bei der Online-PräsenzUsability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
Usability-Trends 2014 - Worauf es ankommt bei der Online-Präsenzuserfeedback
 
Ebook250714 2
Ebook250714 2Ebook250714 2
Ebook250714 2Meami Chu
 
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel SchaffenWie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel SchaffeniTiZZiMO
 
User (Experience) Stories #iak13
User (Experience) Stories #iak13User (Experience) Stories #iak13
User (Experience) Stories #iak13Screamin Wrba
 
Fallstudie Fokusgruppen eResult GmbH
Fallstudie Fokusgruppen eResult GmbHFallstudie Fokusgruppen eResult GmbH
Fallstudie Fokusgruppen eResult GmbHeResult_GmbH
 
Motiviertere Softwareanwender durch natürliche Interaktion
Motiviertere Softwareanwender durch natürliche InteraktionMotiviertere Softwareanwender durch natürliche Interaktion
Motiviertere Softwareanwender durch natürliche Interaktiona3 systems GmbH
 
Digitale Produktentwicklung - der denkwerk Prozess mit Methodenkompendium (2012)
Digitale Produktentwicklung - der denkwerk Prozess mit Methodenkompendium (2012)Digitale Produktentwicklung - der denkwerk Prozess mit Methodenkompendium (2012)
Digitale Produktentwicklung - der denkwerk Prozess mit Methodenkompendium (2012)denkwerk GmbH
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content ExperiencePeter Rozek
 
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...eparo GmbH
 
Xing LearningZ: Digitale Geschäftsmodelle entwickeln
Xing LearningZ: Digitale Geschäftsmodelle entwickelnXing LearningZ: Digitale Geschäftsmodelle entwickeln
Xing LearningZ: Digitale Geschäftsmodelle entwickelnDigicomp Academy AG
 
Erstellen einer erfolgreichen App in sechs Schritten
Erstellen einer erfolgreichen App in sechs SchrittenErstellen einer erfolgreichen App in sechs Schritten
Erstellen einer erfolgreichen App in sechs SchrittenRakuten Aquafadas
 
Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Designchmoser79
 
Fallstudie eResult User Experience Review - NOZ
Fallstudie eResult User Experience Review - NOZFallstudie eResult User Experience Review - NOZ
Fallstudie eResult User Experience Review - NOZeResult_GmbH
 
Karriere Booster UX: Erkenntnisse
Karriere Booster UX: ErkenntnisseKarriere Booster UX: Erkenntnisse
Karriere Booster UX: ErkenntnisseEvelynKhn
 
NUTZER:effekt #14 - Letzte Ausgabe
NUTZER:effekt #14 - Letzte AusgabeNUTZER:effekt #14 - Letzte Ausgabe
NUTZER:effekt #14 - Letzte AusgabeHANDSPIEL GmbH
 
Leseprobe eStrategy Magazin Ausgabe 01 / 2016
Leseprobe eStrategy Magazin Ausgabe 01 / 2016Leseprobe eStrategy Magazin Ausgabe 01 / 2016
Leseprobe eStrategy Magazin Ausgabe 01 / 2016TechDivision GmbH
 
The Great MVP Swindle
The Great MVP SwindleThe Great MVP Swindle
The Great MVP SwindleScreamin Wrba
 
Yin and Yang - Product Manager and Usability/Ux-Professionals in der Software...
Yin and Yang - Product Manager and Usability/Ux-Professionals in der Software...Yin and Yang - Product Manager and Usability/Ux-Professionals in der Software...
Yin and Yang - Product Manager and Usability/Ux-Professionals in der Software...Prof. Dr. Alexander Maedche
 
Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...
Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...
Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...SYNGENIO AG
 

Similar a Micro UX. Wie Produkte wirklich Spaß machen (2014) (20)

eparo - Digitales Service Design in der Finanzwirtschaft (Vortrag Finanzdiens...
eparo - Digitales Service Design in der Finanzwirtschaft (Vortrag Finanzdiens...eparo - Digitales Service Design in der Finanzwirtschaft (Vortrag Finanzdiens...
eparo - Digitales Service Design in der Finanzwirtschaft (Vortrag Finanzdiens...
 
Usability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
Usability-Trends 2014 - Worauf es ankommt bei der Online-PräsenzUsability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
Usability-Trends 2014 - Worauf es ankommt bei der Online-Präsenz
 
Ebook250714 2
Ebook250714 2Ebook250714 2
Ebook250714 2
 
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel SchaffenWie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
Wie Sie Mit Design Sprints Echten Digitalen Wandel Schaffen
 
User (Experience) Stories #iak13
User (Experience) Stories #iak13User (Experience) Stories #iak13
User (Experience) Stories #iak13
 
Fallstudie Fokusgruppen eResult GmbH
Fallstudie Fokusgruppen eResult GmbHFallstudie Fokusgruppen eResult GmbH
Fallstudie Fokusgruppen eResult GmbH
 
Motiviertere Softwareanwender durch natürliche Interaktion
Motiviertere Softwareanwender durch natürliche InteraktionMotiviertere Softwareanwender durch natürliche Interaktion
Motiviertere Softwareanwender durch natürliche Interaktion
 
Digitale Produktentwicklung - der denkwerk Prozess mit Methodenkompendium (2012)
Digitale Produktentwicklung - der denkwerk Prozess mit Methodenkompendium (2012)Digitale Produktentwicklung - der denkwerk Prozess mit Methodenkompendium (2012)
Digitale Produktentwicklung - der denkwerk Prozess mit Methodenkompendium (2012)
 
Responsive Content Experience
Responsive Content ExperienceResponsive Content Experience
Responsive Content Experience
 
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
eparo – Inhalte und Funktionen von Websites (Vortrag IICO Kongress 2009 – Rol...
 
Xing LearningZ: Digitale Geschäftsmodelle entwickeln
Xing LearningZ: Digitale Geschäftsmodelle entwickelnXing LearningZ: Digitale Geschäftsmodelle entwickeln
Xing LearningZ: Digitale Geschäftsmodelle entwickeln
 
Erstellen einer erfolgreichen App in sechs Schritten
Erstellen einer erfolgreichen App in sechs SchrittenErstellen einer erfolgreichen App in sechs Schritten
Erstellen einer erfolgreichen App in sechs Schritten
 
Einführung in User Experience Design
Einführung in User Experience DesignEinführung in User Experience Design
Einführung in User Experience Design
 
Fallstudie eResult User Experience Review - NOZ
Fallstudie eResult User Experience Review - NOZFallstudie eResult User Experience Review - NOZ
Fallstudie eResult User Experience Review - NOZ
 
Karriere Booster UX: Erkenntnisse
Karriere Booster UX: ErkenntnisseKarriere Booster UX: Erkenntnisse
Karriere Booster UX: Erkenntnisse
 
NUTZER:effekt #14 - Letzte Ausgabe
NUTZER:effekt #14 - Letzte AusgabeNUTZER:effekt #14 - Letzte Ausgabe
NUTZER:effekt #14 - Letzte Ausgabe
 
Leseprobe eStrategy Magazin Ausgabe 01 / 2016
Leseprobe eStrategy Magazin Ausgabe 01 / 2016Leseprobe eStrategy Magazin Ausgabe 01 / 2016
Leseprobe eStrategy Magazin Ausgabe 01 / 2016
 
The Great MVP Swindle
The Great MVP SwindleThe Great MVP Swindle
The Great MVP Swindle
 
Yin and Yang - Product Manager and Usability/Ux-Professionals in der Software...
Yin and Yang - Product Manager and Usability/Ux-Professionals in der Software...Yin and Yang - Product Manager and Usability/Ux-Professionals in der Software...
Yin and Yang - Product Manager and Usability/Ux-Professionals in der Software...
 
Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...
Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...
Auf zu neuen Ufern! Mit „Lean Startup“ den Kundengeschmack treffen. Elmar Bor...
 

Más de denkwerk GmbH

Starke Persönlichkeiten statt Werbefloskeln: Was den Erfolg von Marken in der...
Starke Persönlichkeiten statt Werbefloskeln: Was den Erfolg von Marken in der...Starke Persönlichkeiten statt Werbefloskeln: Was den Erfolg von Marken in der...
Starke Persönlichkeiten statt Werbefloskeln: Was den Erfolg von Marken in der...denkwerk GmbH
 
AR & VR – One trick pony oder doch die größte Chance für das Marketing? (denk...
AR & VR – One trick pony oder doch die größte Chance für das Marketing? (denk...AR & VR – One trick pony oder doch die größte Chance für das Marketing? (denk...
AR & VR – One trick pony oder doch die größte Chance für das Marketing? (denk...denkwerk GmbH
 
Wie Sprachsteuerung den E-Commerce verändert (denkwerk GmbH @ dmexco 2017)
Wie Sprachsteuerung den E-Commerce verändert (denkwerk GmbH @ dmexco 2017)Wie Sprachsteuerung den E-Commerce verändert (denkwerk GmbH @ dmexco 2017)
Wie Sprachsteuerung den E-Commerce verändert (denkwerk GmbH @ dmexco 2017)denkwerk GmbH
 
Content Marketing und Storytelling (denkwerk GmbH @ dmexco 2017)
Content Marketing und Storytelling (denkwerk GmbH @ dmexco 2017)Content Marketing und Storytelling (denkwerk GmbH @ dmexco 2017)
Content Marketing und Storytelling (denkwerk GmbH @ dmexco 2017)denkwerk GmbH
 
"Digitale Transformation" - denkwerk GmbH @ dmexco 2017
"Digitale Transformation" - denkwerk GmbH @ dmexco 2017"Digitale Transformation" - denkwerk GmbH @ dmexco 2017
"Digitale Transformation" - denkwerk GmbH @ dmexco 2017denkwerk GmbH
 
denkwerk @ dmexco 2016 (Vortrag): Conversational Commerce: Sell where your co...
denkwerk @ dmexco 2016 (Vortrag): Conversational Commerce: Sell where your co...denkwerk @ dmexco 2016 (Vortrag): Conversational Commerce: Sell where your co...
denkwerk @ dmexco 2016 (Vortrag): Conversational Commerce: Sell where your co...denkwerk GmbH
 
IA Konferenz 2016 - User Story Mapping
IA Konferenz 2016 - User Story MappingIA Konferenz 2016 - User Story Mapping
IA Konferenz 2016 - User Story Mappingdenkwerk GmbH
 
IA Konferenz 2016 - Ideation
IA Konferenz 2016 - Ideation IA Konferenz 2016 - Ideation
IA Konferenz 2016 - Ideation denkwerk GmbH
 
Unterwegs beim London Design Festival 2014, Lucía Grompone
Unterwegs beim London Design Festival 2014, Lucía GromponeUnterwegs beim London Design Festival 2014, Lucía Grompone
Unterwegs beim London Design Festival 2014, Lucía Gromponedenkwerk GmbH
 
6 Überlebenstechniken für die digitale Welt von morgen
6 Überlebenstechniken für die digitale Welt von morgen6 Überlebenstechniken für die digitale Welt von morgen
6 Überlebenstechniken für die digitale Welt von morgendenkwerk GmbH
 
Connected Commerce - Handel mit vernetzten Konsumenten
Connected Commerce - Handel mit vernetzten KonsumentenConnected Commerce - Handel mit vernetzten Konsumenten
Connected Commerce - Handel mit vernetzten Konsumentendenkwerk GmbH
 
Mobile im Handel: Showrooming als Chance
Mobile im Handel: Showrooming als ChanceMobile im Handel: Showrooming als Chance
Mobile im Handel: Showrooming als Chancedenkwerk GmbH
 
Flat Design. Die digitale Welt wird platt gemacht (2014)
Flat Design. Die digitale Welt wird platt gemacht (2014)Flat Design. Die digitale Welt wird platt gemacht (2014)
Flat Design. Die digitale Welt wird platt gemacht (2014)denkwerk GmbH
 
How to unlock the next level of digital revolution
How to unlock the next level of digital revolutionHow to unlock the next level of digital revolution
How to unlock the next level of digital revolutiondenkwerk GmbH
 
denkwerk Ideation Workshops (2014)
denkwerk Ideation Workshops (2014)denkwerk Ideation Workshops (2014)
denkwerk Ideation Workshops (2014)denkwerk GmbH
 
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)denkwerk GmbH
 
Fast Forward - Innovationsberatung mit denkwerk (2013)
Fast Forward - Innovationsberatung mit denkwerk (2013)Fast Forward - Innovationsberatung mit denkwerk (2013)
Fast Forward - Innovationsberatung mit denkwerk (2013)denkwerk GmbH
 
Sägespäne in der Pixelwelt
Sägespäne in der PixelweltSägespäne in der Pixelwelt
Sägespäne in der Pixelweltdenkwerk GmbH
 
Multiscreen - voll vernetzte schöne Welt?
Multiscreen - voll vernetzte schöne Welt?Multiscreen - voll vernetzte schöne Welt?
Multiscreen - voll vernetzte schöne Welt?denkwerk GmbH
 
Eins für alle! Ein Praxisworkshop zu Responsive Design
Eins für alle! Ein Praxisworkshop zu Responsive DesignEins für alle! Ein Praxisworkshop zu Responsive Design
Eins für alle! Ein Praxisworkshop zu Responsive Designdenkwerk GmbH
 

Más de denkwerk GmbH (20)

Starke Persönlichkeiten statt Werbefloskeln: Was den Erfolg von Marken in der...
Starke Persönlichkeiten statt Werbefloskeln: Was den Erfolg von Marken in der...Starke Persönlichkeiten statt Werbefloskeln: Was den Erfolg von Marken in der...
Starke Persönlichkeiten statt Werbefloskeln: Was den Erfolg von Marken in der...
 
AR & VR – One trick pony oder doch die größte Chance für das Marketing? (denk...
AR & VR – One trick pony oder doch die größte Chance für das Marketing? (denk...AR & VR – One trick pony oder doch die größte Chance für das Marketing? (denk...
AR & VR – One trick pony oder doch die größte Chance für das Marketing? (denk...
 
Wie Sprachsteuerung den E-Commerce verändert (denkwerk GmbH @ dmexco 2017)
Wie Sprachsteuerung den E-Commerce verändert (denkwerk GmbH @ dmexco 2017)Wie Sprachsteuerung den E-Commerce verändert (denkwerk GmbH @ dmexco 2017)
Wie Sprachsteuerung den E-Commerce verändert (denkwerk GmbH @ dmexco 2017)
 
Content Marketing und Storytelling (denkwerk GmbH @ dmexco 2017)
Content Marketing und Storytelling (denkwerk GmbH @ dmexco 2017)Content Marketing und Storytelling (denkwerk GmbH @ dmexco 2017)
Content Marketing und Storytelling (denkwerk GmbH @ dmexco 2017)
 
"Digitale Transformation" - denkwerk GmbH @ dmexco 2017
"Digitale Transformation" - denkwerk GmbH @ dmexco 2017"Digitale Transformation" - denkwerk GmbH @ dmexco 2017
"Digitale Transformation" - denkwerk GmbH @ dmexco 2017
 
denkwerk @ dmexco 2016 (Vortrag): Conversational Commerce: Sell where your co...
denkwerk @ dmexco 2016 (Vortrag): Conversational Commerce: Sell where your co...denkwerk @ dmexco 2016 (Vortrag): Conversational Commerce: Sell where your co...
denkwerk @ dmexco 2016 (Vortrag): Conversational Commerce: Sell where your co...
 
IA Konferenz 2016 - User Story Mapping
IA Konferenz 2016 - User Story MappingIA Konferenz 2016 - User Story Mapping
IA Konferenz 2016 - User Story Mapping
 
IA Konferenz 2016 - Ideation
IA Konferenz 2016 - Ideation IA Konferenz 2016 - Ideation
IA Konferenz 2016 - Ideation
 
Unterwegs beim London Design Festival 2014, Lucía Grompone
Unterwegs beim London Design Festival 2014, Lucía GromponeUnterwegs beim London Design Festival 2014, Lucía Grompone
Unterwegs beim London Design Festival 2014, Lucía Grompone
 
6 Überlebenstechniken für die digitale Welt von morgen
6 Überlebenstechniken für die digitale Welt von morgen6 Überlebenstechniken für die digitale Welt von morgen
6 Überlebenstechniken für die digitale Welt von morgen
 
Connected Commerce - Handel mit vernetzten Konsumenten
Connected Commerce - Handel mit vernetzten KonsumentenConnected Commerce - Handel mit vernetzten Konsumenten
Connected Commerce - Handel mit vernetzten Konsumenten
 
Mobile im Handel: Showrooming als Chance
Mobile im Handel: Showrooming als ChanceMobile im Handel: Showrooming als Chance
Mobile im Handel: Showrooming als Chance
 
Flat Design. Die digitale Welt wird platt gemacht (2014)
Flat Design. Die digitale Welt wird platt gemacht (2014)Flat Design. Die digitale Welt wird platt gemacht (2014)
Flat Design. Die digitale Welt wird platt gemacht (2014)
 
How to unlock the next level of digital revolution
How to unlock the next level of digital revolutionHow to unlock the next level of digital revolution
How to unlock the next level of digital revolution
 
denkwerk Ideation Workshops (2014)
denkwerk Ideation Workshops (2014)denkwerk Ideation Workshops (2014)
denkwerk Ideation Workshops (2014)
 
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
Size Matters. Responsive-Design-Lösungen mit denkwerk (2013)
 
Fast Forward - Innovationsberatung mit denkwerk (2013)
Fast Forward - Innovationsberatung mit denkwerk (2013)Fast Forward - Innovationsberatung mit denkwerk (2013)
Fast Forward - Innovationsberatung mit denkwerk (2013)
 
Sägespäne in der Pixelwelt
Sägespäne in der PixelweltSägespäne in der Pixelwelt
Sägespäne in der Pixelwelt
 
Multiscreen - voll vernetzte schöne Welt?
Multiscreen - voll vernetzte schöne Welt?Multiscreen - voll vernetzte schöne Welt?
Multiscreen - voll vernetzte schöne Welt?
 
Eins für alle! Ein Praxisworkshop zu Responsive Design
Eins für alle! Ein Praxisworkshop zu Responsive DesignEins für alle! Ein Praxisworkshop zu Responsive Design
Eins für alle! Ein Praxisworkshop zu Responsive Design
 

Micro UX. Wie Produkte wirklich Spaß machen (2014)

  • 4. MICRO-UX Damit ein Produkt1 erfolgreich ist,müssen wir erst einmal die Bedürfnisse seines Nutzers ken- nen.Schließlich ist er es,für den wir gestalten und entwickeln.2 So oder so ähnlich heißt es am Anfang eines Projekts.Und es gibt diverse Methoden, um das Gesamtbild eines Produkts zielgruppenorientiert zu entwickeln. denkwerk bietet dazu – basierend auf Service Design und Design-Thinking-Methoden – einen methodischen Innovationsprozess und strategische Unterstützung aus Anwender- perspektive.3 Neben der Produktvision und seinen Features sind es vornehmlich die Kleinigkei- ten,die ein Produkt auszeichnen – jene kurzen Momente während der Produktver- wendung, die den Nutzer frustrieren, begeistern oder stutzig machen. Um die Ge- staltung und Optimierung dieser Momente soll es im Folgenden gehen. 1 – Wir sprechen im gesamten vorliegenden Whitepaper von Produkten.Gemeint sind damit nicht klassische Industrieprodukte,sondern digitale Produkte – sprich: Anwendungen,Services, Software,Web-Plattformen und sonstige digitale Lösungen. 2 – denkwerk (Hg.): Digitale Produktentwicklung – Der denkwerk Prozess mit Methodenkompendium.Köln 2012,S.9,URL: http://bit.ly/dw-produktentwicklung. 3 – denkwerk (Hg.): Fast Forward – Innovationsberatung mit denkwerk.Köln 2013,URL: http://bit.ly/dw_Fast_Forward_2013. 3
  • 5. MICRO-UX In den letzten Jahren hat sich der Human-Centered-Design-Ansatz zunehmend in der digitalen Produktentwicklung etabliert. Die User Experience (UX) steht im Fo- kus der Überlegungen.Technisch komplexe Anwendungen sollen einfach, intuitiv und mit einem gewissen Joy-of-Use benutzbar sein.Doch worin unterscheiden sich dann all die UX-optimierten Applikationen noch? Warum ist die eine Applikation so viel erfolgreicher als ihre unzähligen Mitbewerber mit gleichen Funktionen? Während mittlerweile viele Unternehmen Produktkonzepte,-vorteile und -features – eben das große Ganze eines Produkts – zielgruppenorientiert entwickeln,wird der UX-Faktor im Detail nicht selten bei der eigentlichen Produktausgestaltung über- sehen.Aber UX beschränkt sich nicht allein auf den USP eines Produkts bzw.die Er- füllung eines grundlegenden Nutzerbedürfnisses. User Experience umfasst sämtli- che Aspekte der Interaktion mit einem Produkt.5 So nehmen Nutzer Produkte zum großen Teil auf einer unterbewussten Ebene wahr und bewerten sie entsprechend.6 Der so entstehende Eindruck basiert dabei auf dem Aussehen und der Usability des Produkts im Detail und ist weitgehend unabhängig von der übergeordneten Pro- duktmission.7 Damit sich ein Produkt heutzutage überhaupt am Markt behaupten und sich erfolgreich von der Konkurrenz abgrenzen kann, muss es ein ganzheitli- ches, positives Nutzungserlebnis bieten. Das bedeutet dann auch User-Experien- ce-Optimierung im Kleinen – kurz: „Micro-UX“. Das Design eines Produktes ist lediglich so gut, wie sein kleinstes Element.4 4 4 – Vgl.Dan Saffer: Microinteractions – Designing with Details.Sebastopol: O’Reilly 2013,S.6. 5 – Vgl.Nielsen,J.; Norman,D.: The Definition of User Experience. URL: http://www.nngroup.com/articles/definition-user-experience/ (Stand: 28.01.2014). 6 – Donald Norman: Emotional Design – Why we love (or hate) everyday things.New York: Basic Books 2004. 7 – Saucken,C.; Michailidou,I.; Lindemann,U.: „How to Design Experience: Macro UX versus Micro UX Approach“,Design,User Experience,and Usability. Berlin und Heidelberg: Springer Verlag 2013,S.130-139.
  • 6. MICRO-UX 5 ............................................................................................................................................................ Die User Experience eines Produktes wird durch Macro-UX und Micro-UX bestimmt, die von äußeren Faktoren beeinflusst werden und die aufeinander aufbauen. ............................................................................................................................................................
  • 7. MICRO-UX 6 Was? Micro-UX beschäftigt sich mit der Ausgestaltung des tatsächlichen Produkts. Im Mittelpunkt stehen Struktur,Interaktion,Texte und Bilder und deren Wirkung auf den Nutzer.Im Gegensatz zur Macro-UX,in der es abstrakt um Eigenschaften,Wer- te und Features eines Produktes geht, konzentriert sich Micro-UX gänzlich auf die konkrete Ausarbeitung einzelner Use Cases und der damit verbundenen User Expe- rience. Auf der Makro-Ebene geht es zum Beispiel darum, das kundenzentrierteste Unter- nehmen der Welt zu sein mit einer E-Commerce-Plattform, die neben einer ein- zigartigen Onlineshopping-Erfahrung kontinuierlich attraktive Preise, ein per- sonalisiertes Einkaufserlebnis und eine bequeme Kaufabwicklung bietet.8 Auf der Micro-UX-Ebene werden die Detailfragen geklärt: Wie kann in diesem Onlineshop ein Artikel in den Warenkorb gelegt werden? Was passiert beim Hinzufügen zum Warenkorb? Und was wird dafür im User Interface benötigt? Dabei geht es nicht al- lein nur um die bestmögliche Usability. Ziel ist eine Optimierung der Produktwir- kung im Detail. Das heißt, die unterbewusste Beurteilung eines Produkts – basie- rend auf seinem Look & Feel,seinen Funktionen und seinem Produktverhalten – soll positiv beeinflusst und verbessert werden. 8 – Amazon (Hg.): Über Amazon.URL: http://amazon-presse.de/ueber-amazon.html (Stand: 03.02.2014).
  • 8. MICRO-UX 7 Warum? Inzwischen gibt es 998 Kalender-Apps9 allein für das iPhone – und die Anzahl steigt permanent.Trotz der UX-optimierten und am Nutzerbedürfnis ausgerichteten Produk- te im Markt besteht das Bedürfnis,weitere Produkte mit gleichen Aufgaben und dem selben Sinn und Zweck herauszubringen. Immer wieder werden gleiche Funktionen neu gestaltet.Doch warum kann auch die zigste Kalender-App überzeugen? Jede Kalender-App mag den grundlegenden Wunsch zur Terminerstellung und Orga- nisation des persönlichen Kalenders erfüllen, doch die Unterschiede in Bedienung, Gestaltung und Verhalten sind gravierend.Das Verlangen nach Vereinfachung und Op- timierung sowie einem besseren Joy-of-Use im Detail ist latent. Gerade in Zeiten der Funktionsgleichheit sind es die Kleinigkeiten, die den Unterschied machen. So führt Micro-UX einerseits zu einem besseren Produktverständnis und stellt damit den USP heraus.Denn erst durch eine optimale Ausgestaltung und Umsetzung der Details wer- den die Haupt-Features positivwahrgenommen. Zum anderen sind es die kleinen Mo- mente bei der Produktverwendung,die entweder langweilig und nervig oder freudvoll und fesselnd sind.Sie tragen entscheidend zur Produktbeliebtheit bei.Nicht umsonst tüftelt die Automobilbranche unermüdlich am Sound einer zuschlagenden Tür,10 um das Fahrerlebnis zu vervollkommnen. Mit den Details wird ein Produkt einfacher, in- teressanter,unterhaltsamer,menschlicher,spannender ...– jedes Mal beim Einloggen in ein System,Absenden einer Nachricht,Produkt in den Warenkorb legen oder Book- marken eines Inhaltes. Micro-UX hat erheblichen Einfluss darauf,wie ein Produkt von den Nutzern angenom- men wird.Es ist unverzichtbar,um ein Produkt vom Wettbewerb abzuheben.Micro-UX steht für den Unterschied,ob ein Produkt bloß toleriert oder ob es geliebt wird.11 9 – Apple App Store Suchergebnisse für „Calendar“ (Stand: 03.02.2014). 10 – Vgl.Meike Lorenzen: Die Autotür sagt leise plopp.In: Zeit Online vom 29.04.2013 URL: http://www.zeit.de/auto/2013-04/motorgeraeusche-sounddesign (Stand: 14.03.2014). 11 – Vgl.Dan Saffer: Microinteractions – Designing with Details.Sebastopol: O’Reilly 2013,S.3.
  • 9. MICRO-UX 8 ................................................................................................................................................................................................................... An vielen Stellen des Interaktionsprozesses kann Micro-UX angewandt werden, um Usability und User Experience zu optimieren - hier schematisch am OSIT-Modell (Orientieren - Selektieren - Informieren -Transagieren)  aufgezeigt. ...................................................................................................................................................................................................................
  • 10. MICRO-UX 9 ........................................................ Inhaltswechsel innerhalb einer Seite via Anker-Navigation mit automatischem Scroll-Effekt. ........................................................
  • 11. MICRO-UX 10 TRANSITIONS Transitions,also Übergänge von einem Inhalt zum anderen oder von einem User-In- terface-Zustand zu einem nächsten,12 lassen ein Interface natürlicher erscheinen. Denn auch im realen Leben ändern sich die Dinge nicht plötzlich.13 Durch Übergän- ge wird das Systemverhalten transparent,d.h.Nutzer können leichter nachvollzie- hen, was gerade passiert ist. Zusammenhänge und Zugehörigkeiten von Inhalten werden verdeutlicht.Nutzer können sich besser orientieren.Außerdem können mit Hilfe von Animationen Interface-Elemente und Funktionen versteckt werden, um sie dem Nutzer erst bei Bedarf bzw.abhängig vom Kontext anzubieten.Das reduziert zum einen die Komplexität des Produkts und zum anderen schafft es gestalterische Freiräume.14 ............................................................. Aus der Produktübersicht wird ein Produkt dem Warenkorb per Button-Klick hinzugefügt, wobei das Produkt in den Warenkorb wechselt.15 ............................................................. 12 – Mark Cossey: Mission Transition.In: Smashing Magazine vom 28.02.2012.URL: http://uxdesign.smashingmagazine.com/2012/02/28/mission-transition/ (Stand: 30.01.2014). 13 – Ebd. 14 – Adrian Zumbrunnen: Smart Transitions in User Experience Design.In: Smashing Magazine vom 23.10.2013. URL: http://uxdesign.smashingmagazine.com/2013/10/23/smart-transitions-in-user-experience-design/ (Stand: 30.01.2014). 15 – http://www.ui-transitions.com/#categorie
  • 12. MICRO-UX 11 INTELLIGENZ Neben den vom Nutzer wahrnehmbaren Effekten im User Interface gibt es im Hin- tergrund das unsichtbare Produktverhalten. Jene Intelligenz, die bestimmt, wie das Produkt funktioniert und welche Fähigkeiten es hat.Mit dem Fortschreiten der technischen Entwicklung und den zunehmend sensorgestützten Geräten sind Pro- dukte mehr und mehr in der Lage, Entscheidungen selbstständig zu treffen.16 Sie können Aktionen durchführen, ohne eine Eingabe oder Aufforderung des Nutzers zu verlangen. Im Grunde gilt: Je intelligenter und kontextsensitiver ein Produkt ist, desto mehr kann das Interface um Eingabe-Elemente erleichtert werden. Die User Experience verbessert sich um ein Vielfaches,wenn ein Produkt genau das tut,was der Nutzer erwartet,ohne ihn dabei mit ständigen Ab- und Nachfragen zu gängeln. ......................................... Google-Suche nach „Pizzeria“ zeigt bevor- zugt Restaurants in der näheren Umgebung, ohne dass Nutzer zusätzlich ihren Standort angeben. ......................................... 16 – Dan Saffer: Microinteractions – Designing with Details.Sebastopol: O’Reilly 2013,S.15. 17 – https://nest.com/thermostat/life-with-nest-thermostat/
  • 13. MICRO-UX 12 TEXTE „Design is still about words.”18 Den Wörtern und Texten im Interface wird oft we- nig Beachtung geschenkt, da sie scheinbar keine große Rolle spielen. Sei es das La- bel eines Formularfeldes, die Button-Beschriftung, Menübezeichnung, ein kurzer Beschreibungstext oder Feedback-Meldungen.19 Tatsächlich bestimmen diese Tex- te aber darüber, ob sich der Nutzer mit einem Produkt wohlfühlt, ob er es versteht und sympathisch findet.Denn die Texte und Bezeichnungen tragen maßgeblich zur Persönlichkeit des Produktes bei. Sie sind das Sprachrohr des Produkts. Vergleich- bar mit der menschlichen Kommunikation sind die Texte ausschlaggebend für die Art der Kommunikation zwischen Nutzer und Produkt: Benutzt das Produkt meine Sprache? Kommunizieren wir auf Augenhöhe? Werde ich als menschliches Wesen betrachtet? Oder werde ich ignoriert? Ist es hilfsbereit, schüchtern, vertrauensvoll oder lustig? Mag ich länger verweilen? Oder werde ich schnellstmöglich abgefertigt? ........................................................ Default-Texte in Formularfel- dern bei Facebook sind einer- seits auffordernd, anderseits unterstützen sie auch dabei, was eingetragen werden soll. ........................................................ .................................................................. Mehr und mehr Icons treten an die Stelle von Navigations- undTool-La- bels.Tool-Tipps, die die jeweiligen Interaktionselemente erklären, sollten Mehrwert bieten, indem sie über ein einzelnes zusammenhangloses Schlagwort hinausgehen und statt- dessen Aufgabe, Bezug und Ergebnis des jeweiligen Elementes in einem vollständigen Satz erklären. (Beispiel: Microsoft Word) ................................................................... 18 – Mig Reyes: Reminder: Design is still about words.In: Signal vs.Noise.37signals vom 17.01.2013. URL: http://37signals.com/svn/posts/3404-reminder-design-is-still-about-words (Stand: 30.01.2014). 19 – Bill Beard: Five Ways to prevent bad Microcopy.In: Smashing Magazine vom 17.06.2013. URL: http://uxdesign.smashingmagazine.com/2013/06/17/five-ways-prevent-bad-microcopy/ (Stand: 30.01.2014).
  • 14. MICRO-UX VISUAL DESIGN Die visuelle Darstellung eines Produkts hat seit jeher im Wesentlichen zwei Aufga- ben: Zum einen unterstützt sie die Usability durch Blickführung, Verdeutlichung von Informationshierarchien, Veranschaulichung und Kommunikation von Inhal- ten und Funktionen ... kurz: Mit dem Design sollen die Bedienbarkeit vereinfacht und Inhalte verständlicher werden. Zum anderen wird mit dem Visual Design die Product Identity bzw.Corporate Identity transportiert,um darüber die Nutzer emo- tional anzusprechen.Besonders bei der Corporate Identity lässt sich bis heute fest- stellen, dass das Design stark der Funktion folgt. Natürlich darf das Design nicht konträr zur Usability stehen. Aber geht man über das Ausgestalten der erforderli- chen Inhalte und Funktionen hinaus, kann auf einer zweiten, visuellen „Erzähle- bene“ weitaus mehr transportiert werden. So besteht die Möglichkeit, eine ganze Geschichte zu erzählen. Oder zusätzlich zum eigentlichen Inhalt Wertewelten, Emotionen und Charakteristika zu kommunizieren.Durch das Navigieren steigt der Nutzer damit nicht nur tiefer in die Inhalte ein,sondern er betritt auch sukzessive eine emotionale Welt. Zusätzlich können kleine visuelle Details die Liebenswürdigkeit eines Produkts steigern. Werden zusätzliche Visuals – ganz ohne praktischen Nutzen – vor allem an unerwarteten Stellen eingesetzt, sorgen sie für eine positive Unterhaltung und damit eine Erhöhung des Joy-of-Use.Sind es nicht oft die scheinbar sinnlosen Dinge, die am meisten Spaß machen? 13 ..................................................... Regelmäßige Umgestaltung des „Google“-Namens auf der Google Startseite 20 .....................................................
  • 15. MICRO-UX Vorteile Micro-UX allein bringt keine innovativen Produkte hervor.Die übergeordneten Pro- duktdefinitionen aus der Macro-UX sind die Grundlage und fließen unmittelbar in die Produktgestaltung ein,sie werden nicht mehr in Frage gestellt.Daraus resultiert, dass bei einem fehlerhaften übergeordneten Produktkonzept auch Micro-UX keinen Produkterfolg garantiert.21 Dennoch liegt der Vorteil von Micro-UX darin, dass bei der Ausarbeitung eines Produkts Usability- und UX-Aspekte in das Produkt einflie- ßen. Der nutzerzentrierte Ansatz findet sich damit auch in der Phase der eigentli- chen Produktausgestaltung und -entwicklung wieder. Hinzu kommt,dass Micro-UX nicht nur für Produkt-Neuentwicklungen eingesetzt werden kann. Genauso gut kann sie – aufgrund ihrer Detailfokussierung – bei Wei- terentwicklungen oder zur Optimierung von Usability und User Experience bereits bestehender Produkte angewandt werden. 14 20 – www.google.com 21 – Saucken,C.; Michailidou,I.; Lindemann,U.: „How to Design Experience: Macro UX versus Micro UX Approach“, Design,User Experience,and Usability.Berlin und Heidelberg: Springer Verlag 2013,S.130-139. .............................................................. Fehlermeldung auf denkwerk.com ..............................................................
  • 16. MICRO-UX 15 Wann & wie? Micro-UX fokussiert sich auf die optimaleAusgestaltung des Produkts in Bezug auf das Erscheinungsbild und seine Details.Aus diesem Grund findet Micro-UX in der Design- phase statt.Hierfür stehen verschiedene Methoden zur Verfügung: Storyboards zeigen Zustände des User Interfaces und deren Verhalten.Ähnlich den Storyboards der Film- industrie können Animationen und Abläufe von UI-Elementen durch statische Bilder spezifiziert und wiedergegeben werden. Hingegen macht Rapid-Prototyping Ideen und Designansätze direkt „greifbar“. Prototypen vermitteln frühzeitig ein Gefühl für das Produkt und dessen Bedienung – und dabei gilt: Zuschauen allein reicht nicht! Nur durch die eigene Interaktion mit dem Produkt wird das Nutzererlebnis wirklich er- fahrbar.Auch das unsichtbare Produktverhalten im Hintergrund – die Produktintelli- genz – kann vorzeitig mittels Flussdiagrammen definiert und aufgezeigt werden. Bei denkwerk ist Micro-UX ein ständiger Begleiter,wenn es darum geht, das Produkt zum Leben zu erwecken,zu vereinfachen,zu optimieren und zu verbessern. Um dieses Ziel erreichen zu können,arbeiten bei denkwerk sämtliche Abteilungen als Team zusammen,denn nur so kann jedes Detail eines Produkts von Anfang an erfasst werden.Jeder Projektbeteiligte leistet seinen Beitrag,weil sich Kreativität,Erfahrung und Wahrnehmung bei jedem anders auswirken. Dabei beschränkt sich die Zusam- menarbeit bei denkwerk nicht nur auf die Experten der einzelnen Fachabteilungen. Auch Auftraggeber und Kunden werden miteinbezogen. Denn nur gemeinsam kann ein modernes,nutzerzentriertes Produkt mit einer ganzheitlich positiven User Expe- rience bis ins kleinste Detail entwickelt werden. 23 – denkwerk (Hg.): Digitale Produktentwicklung – Der denkwerk Prozess mit Methodenkompendium.Köln 2012,S.10,URL: http://bit.ly/dw-produktentwicklung.
  • 17. MICRO-UX 16 ................................................................................................................................................................................. Bei denkwerk findet Micro-UX in der Designphase Anwendung, da es in diesem Prozessabschnitt vor allem um die optimale Ausgestaltung eines Produktes im Detail geht. .................................................................................................................................................................................
  • 18. MICRO-UX Autorin: Kerstin Meyer © 2014 denkwerk – Alle Rechte vorbehalten Kontakt: Melinda Burmeister presse@denkwerk.com – T +49 221 2942 100 denkwerk GmbH Vogelsanger Straße 66 50823 Köln Reichenberger Straße 124 10999 Berlin Geschäftsführer: Jochen Schlaier,Marco Zingler Handelsregister: Amtsgericht Köln,HRB 31595 IMPRESSUM