Das macht ein

UX
DESIGNER
bei Aperto – An IBM Company

connect
creative
competence
EINE
INITIATIVE
VON
002 EDITORIAL 003

Connect!
● Produkte und Services sind heute häufig digital. Inhalt
Das Nutzungserlebnis wird dabei immer wichtiger,
004 Das ist UX Design
denn die Erwartungshaltung der User an digitale An­
010 UX Design in der Praxis
wendungen steigt permanent. Um Apps und Web­
024 Interview
services so intuitiv und nützlich wie möglich zu ge­
030 Glossar
stalten, entwickeln sich ständig neue Aufgabenfel­
032 About PAGE Connect
der und Berufsprofile. Die PAGE-Initiative Connect
034 Impressum
Creative Competence bringt Licht ins Dunkel und
unterstützt Agenturen, Hochschulen, Unternehmen
und Kreative dabei, sich (neu) zu orientieren, zu qua­
lifizieren und zu vernetzen.
In diesem Booklet gehen wir dem Beruf des User
Experience (kurz: UX) Designers auf den Grund. Wir
beleuchten das Aufgabengebiet am Beispiel der Ber­
liner Digitalagentur Aperto. Sie gehört seit 2016 zu
IBM iX, der globalen Agenturfamilie des Technologie­
konzerns IBM. Mit einem Mix aus Strategie, Techno­
logie und Kreativität entwickelt Aperto Marketing-
und Kommunikationslösungen sowie neue Produk­te
und Services für den digitalen Wandel. Zu den Kun­
den zählen Airbus Group, Migros, Rossmann und
Volkswagen sowie öffentliche Auftraggeber wie Mi­
nisterien, Hochschulen und NGOs.
Lesen Sie auf den folgenden Seiten, was User Ex­
perience Design ausmacht, wie es bei Aperto an­ge­
wandt und gelebt wird und welche Kompetenzen
Be­werber für diese Disziplin mitbringen sollten. Und
falls Sie noch weitere Kreativkompetenzen erkun­
den und erwerben wollen, schauen Sie einfach mal
in die anderen Kompendien unserer PAGE-Connect-
Reihe auf www.page-online.de/connect. Dort gibt
es weiterführende Informationen in Form von Arti­
keln, Videos und eDossiers. Creative Competence
ist gefragt wie nie!

Nina Kirst
Projektmanagerin PAGE Connect
(connect@page-online.de)
004 PAGE › Connect Creative Competence 005

User Experience
● Webservices, Apps und digitale Plattfor­
men sind heute keine Add-ons zu physi­
schen Produkten mehr, sondern eher in­
te­grale Bestandteile der Angebote selbst.
lity Engineering über Interaktionsdesign,
Screendesign und User Interface Design
bis hin zu Grafikdesign, Visual Design so­
wie Motion Design. Sie alle befassen sich

Design sorgt
Ob Amazon, Airbnb, Uber oder Netflix: Der
Service ist das Produkt. Und dieser ­digi-
tal nutz- und erlebbare Service muss die
Men­­schen von Anfang bis Ende mit einer
mit der Gestaltung und Verbesserung eines
Produkts oder Services für bestimmte Nut­
zer und deren Aufgaben­situationen.

durch eine
verlässlichen und intuitiven Nutzung über­­
zeu­gen. Dieses über alle Touchpoints hin­
weg über­zeugende – und im Idealfall be­
geis­ternde – Nutzererlebnis ist Aufgabe
Produkte ganzheitlich
betrachten
Die Kompetenzen der reinen Produkt­ge­
staltung reichen heute nicht mehr aus,

ganzheitliche
und Ziel von User-Experience-Designern.
Mit dem Nutzer im Fokus gestalten sie in
enger Zusammenarbeit mit anderen Dis­zi­
pli­nen Websites, Mobile-Apps oder In­ter­
um neue Produkte erfolgreich am Markt
zu platzieren und Kunden und Nutzer zu
gewinnen. Apple hat das als eine der ers­
ten Firmen verstanden und stellte schon

Sicht auf die

net-of-Things-Anwendungen, die den Men­­ 1993 Donald Norman als weltweit ersten
schen das Leben erleichtern. User Experience Architect ein. Norman
Dabei geht User Experience Design weit
über die Usability und das Interaktionsde­

Nutzer für
sign eines Produkts oder eines Services
hi­n­aus, denn neben der reinen Nutzungs­
phase werden auch die Touchpoints der
künftigen Kunden mit dem Produkt oder Mit dem Nutzer im
positive Kunden­
Onlineservice vor, während und nach der
Nutzung bedacht und gestaltet. Jeder die­
ser Punkte wird von UX-Designern mit viel
Fokus gestalten
Liebe zum Detail durchdacht, da eine nega­ UX Designer in enger
erlebnisse
tive Erfahrung des Kunden oder Users an
beliebiger Stelle des Customer Lifecycles
zum Verlust des Vertrauens in das Produkt
Zusammenarbeit
und zu einer schlechten Reputation des
Unternehmens insgesamt führen kann.
mit anderen Diszi­
Positive Erfahrungen mit den Produk­
ten oder Services einer Marke sorgen hin­ plinen Produkte und
gegen für überzeugte und loyale Kunden,
die ihrerseits zu Markenbotschaftern in Services, die den
ih­rem Umfeld werden. Die designrelevan­
ten Berufsfelder, die sich konstruktiv mit Menschen das
Usability-Fragen befassen, sind vielfältig
und reichen von User Research und Usa­bi­ Leben erleichtern.
006 PAGE › Connect Creative Competence › UX DESIGN 007

User Experience Design als iterativer Prozess

User Experience Design bedeutet, Empathie für den Nutzer
war zuvor Professor für Psychologie und
Kognitionswissenschaften an der Uni­ver­ Die Kompetenzen
sity of California in San Diego und hatte
der reinen Produkt-
zu entwickeln und ein positives Erlebnis über alle Touchpoints
hinweg zu schaffen. Und das immer iterativ: beobachten, in seinem Buch »The Design of Everyday
Schlüsse ziehen, entwickeln, testen und weiterentwickeln. Things« (1988) das psychologische Ver­hält­­
nis zwischen Mensch und Alltagsgegen­ gestaltung reichen
ständen diskutiert, das entweder zu Frust
BEOBACHTEN
● Nutzer befragen
oder Freude bei der Nutzung führen kann. heute nicht mehr,
Nicht nur bei Apple versteht man seit­
● Verhalten beobachten
● Benchmarks
her unter User Experience eine ganzheit­li­ um neue Produkte
che Betrachtungsweise des Customer Life-

Ę a Ė und Services erfolg­

analysieren
● Testen und Feedback
­cy­cles. Diese geht davon aus, dass Kunden
einholen sich ­bereits lange vor dem Kauf beziehungs­
● … weise lange vor dem Anlegen eines User reich am Markt
ū .đ Accounts mit dem erwarteten Produkt-
re­s­pektive Servicenutzen auseinanderset­
zen. Sie wol­len wis­sen, wofür sie ihr Geld
zu platzieren und
Yș õ REFLEKTIEREN
● Beobachtungen
verdichten und
ausgeben oder in was sie ihre Zeit inves­tie­
ren. Sie wollen wissen, welche Funktio­nen
Kunden und Nutzer
zu gewinnen.
b Ableitungen treffen
● Ist-Prozesse und
Kontext beschreiben
das Produkt hat, unter welchen Her­stel­­
lungs­bedingun­gen die Hardware produ­
ziert wur­­de, welche Freunde oder Kolle­

Čń þ ● Gain- und Painpoints gen das System schon nutzen – und nicht
identifizieren zuletzt, welchen Status der Besitz des Pro­
● … dukts oder die Mitgliedschaft im jewei­

c ą ligen Netz­werk mit sich bringt. Das alles

hat nichts mit Usability zu tun, denn der
potenzielle Kunde hat das Produkt oder

, ï den Service ja noch nicht einmal auspro­

biert. Dennoch tragen alle diese Aspekte

ě ù ŢÇ maß­geblich zur User Experience des Pro­

dukts oder Services bei.

Den Nutzer verstehen

MACHEN Im Zentrum der Arbeit von UX-Designern
● Scribbeln und
stehen stets die Nutzer – insbesondere
visualisieren
● Szenarien und Story-
die zukünftigen –, deren Wünsche und
boards erstellen Be­dürf­nisse sie durch Beobachtungen und
● Prototypen bauen Be­fragungen – sei es analog oder digital –
● … ermitteln. Die Ergebnisse dieser User Re­
search verdichten sie in sogenannten
008 PAGE › Connect Creative Competence › UX DESIGN 009

Personas, die im weiteren Design- und

Ent­wicklungsprozess die potenziellen Nut­
zer exemplarisch repräsentieren. Mit die­
sen Kunden- oder Nutzermodellen spie­len
sie anhand von Szenarien und Storyboards
schnell und iterativ Nutzungssituationen
für neue Produkte und Services durch. Da­
für betreiben sie umfangreiches Prototy­
ping: Papierprototypen, Wireframes und
Klickdummys helfen dabei, das zukünf­
User Experience
umfasst Wahr-
nehmungen von
Nutzern und deren
Reaktionen auf
ein Produkt oder
einen Service
während der
Nutzung genauso
tige Systemverhalten zu visualisieren, zu
verstehen und an Probanden zu testen.
Die dabei gewonnenen Erkenntnisse
fließen in die jeweils folgende Designrun­
de ein, bis das Konzept sowohl mit Blick
auf die Personas als auch im Geschäftskon­
text überzeugt. Diese Schritte sind nur ei­
nige von vielen Verfahren aus dem Werk­
zeugkoffer eines UX Designers, in dem
auch Design Thinking, Human-Centered
Design, User (Experience) Journey Map­
ping, Crossmedia Storytelling oder Busi­
ness Model Design ihren Platz haben.
Diese Methoden sorgen dafür, dass der
UX Designer eine ganzheitliche Sicht auf
den Nutzer sowie den Nutzungskontext
ei­nes Produkts oder Services hat. Nur so
kann ein adäquates und kohärentes Ange­
bot entstehen, denn Kohärenz über die
diver­sen Kanäle, Plattformen und User
Inter­faces hinweg ist eines der zentralen
Anliegen von UX Design. Um den Erfolg
eines Unternehmens nachhaltig zu si­
chern, um neue und innovative Online­
services zu entwickeln oder gar Ideen für
Start-ups zu generieren, bedarf es einer
holistischen Betrachtungsweise, die sämt­
liche Aspekte der Kundenerfahrung um­
spannt. Dazu gehören: das Branding, mög­
liche Flagship-Stores im realen Leben, der
Social-Media-Auftritt, aber auch inter­
aktive Elemente wie Navigation, Gesten­
steuerung, Anima­tion oder Voice- und
deren Disziplinen zusammen, wie Pro­
grammierern, Visual-Designern und Pro­ UX Design geht weit
jektmanagern.
über die Usability
Das Nutzungserlebnis formen
Es dauerte bis 2010, ehe die International und das Interak­
Organization for Standardization den Be­
griff User Experience erstmals im Rahmen tions­­design eines
der ISO-Norm 9241-210 als »Prozess zur
Gestaltung gebrauchstauglicher Systeme« Produkts oder
definierte. User Experience umfasst dem­
nach die kognitiven und emotionalen Services hinaus.
Wahr­nehmungen von Nutzern und deren
physiologischen und psychologischen Re­
aktionen auf ein Produkt oder einen Ser­
vice während der Nutzung genauso wie
die Erwartung und Vorfreude vor der ei­
gentlichen Anwendung. All diese Erfah­ zu beeinflussen macht den großen Reiz
rungen beeinflussen den Gesamteindruck, des User Experience Designs aus.
den die Kunden vom System und damit Wie schon Donald Norman es Anfang
von der Marke, dem Produkt und der Fir­ der 1990er Jahre bei Apple forderte, ent­
ma bekommen. Die Definition berücksich­ wirft und gestaltet ein User Experience De­
tigt explizit auch Dienstleistungen, die zu­ signer interaktive Systeme mit einer ganz­
nehmend selbst zum Kerngeschäft werden, heitlichen Sicht auf die Nutzer und schafft
wobei eine stärkere Serviceorientierung so die Voraussetzungen für ein möglichst
zu einer guten User Experience beiträgt.
Im Gegensatz zur Usability ist User Ex­
positives Kundenerlebnis. Dies trifft sich
offenbar mit dem Bedürfnis vieler Desi­
perience im Sinne dieser Definition nicht
messbar, da es überwiegend um psycho­
gner, denn der Jobtitel des UX Designers
erfreut sich wachsender Beliebtheit.
logische und mentale Vorgänge geht. Ge­
nauso wenig ist User Experience im Sinne
UX Design ist ein Beruf in Bewegung,
weil Kundenlebenszyklen immer mit der
der ISO-Norm gestaltbar. Mit anderen Wor­
ten: Es gibt – im strengen Sinne – kein
Zeit gehen. Wer gerne interdisziplinär in
Teams arbeitet, sein psychologisches Inte­

wie die Erwartung Chatbots sowie Screen­design, Layout und

Typografie. Dadurch schaffen UX Desi­
gner die Rahmenbedingungen für Pro­
und Vorfreude vor dukte und Services, die bei den Kunden zu
einer positiven User Experience führen,
der eigentlichen ihr Vertrauen in die Marke stärken und sie
in loyale Botschafter verwandeln. Dabei
Anwendung. arbeiten UX Designer immer eng mit an­
User Experience Design, da viele Aspekte
der Nutzererfahrung subjektiv sind und
Designer diese subjektiven Aspekte nicht
direkt beeinflussen können. Jeder Mensch
ist anders und erfährt daher eine eigene
User Experience. Diese individuellen Kun­
denerlebnisse durch die Gestaltung digi­
taler Schnittstellen und Services indirekt
resse mit eigenen kreativen Impulsen ver­
binden möchte und sich gerne mit Leuten
umgibt, die in Produkten und Business­
modellen denken, ist mit dem Berufsbild
UX Designer gut bedient. Bringt man au­
ßerdem noch zukunftszugewandten For­
schergeist mit, ist die Berufswahl gold­
richtig.  Matthias Müller-Prove
010 PAGE › Connect Creative Competence 011

UX
Design
in der
Praxis
In Partnerschaft mit
ihrem Mutterkonzern
IBM entwickelte die
Digitalagentur Aperto
die App Elderly Care.
Mit ihrer Hilfe können
Angehörige pflege­
bedürftiger Menschen Post-its kleben
Interface Designer
deren Wohl­befinden Santiago Uribe,

im Blick behalten
UX-Designerin Leticia
Bialoskorski und
DevOps Engineer
Nico Neumann
bei der gemeinsa­-
men Konzeption.
012 PAGE › Connect Creative Competence › UX DESIGN 013

● Demografischer Wandel, steigende Le­
benserwartung, Zunahme chronischer Er­
krankungen: In den meisten Industrielän­
dern werden die Menschen immer älter –
und sie wollen so lange wie möglich zu
Hause wohnen. Das stellt Angehörige und
Pflegedienste vor immer größere Heraus­
forderungen. Wie kann ich sicher sein, dass
Oma im Notfall möglichst zeitnah Hilfe
erhält, auch wenn sie alleine zu Hause ist?
Wie erkenne ich typische Anfangssympto­
me einer Demenzerkrankung, obwohl ich
selten vor Ort bin? Die Antwort liegt in der
Technik: Zuverlässige und bezahlbare Sen­
sorik gepaart mit präziser Datenanalyse
erfasst und interpretiert wichtige Infor­
mationen schnell und ermöglicht eine um­
gehende Reaktion.
Bei dem IT- und Beratungsunterneh­
men IBM arbeitet man an eben solchen
Technologien, die Senioren, Kranken und
Menschen mit Behinderung sowie ihren
Betreuern den Alltag erleichtern sollen.
Die Analysesoftware IBM Watson erlaubt
zum Beispiel die Sammlung und Auswer­
tung von Daten, die von diversen Senso­
Storyboard
Ein Storyboard visualisiert ein Szenario.
ren erfasst werden – etwa zur Bewegung
in der Wohnung oder zu Feuer und Rauch,
Wasserfluss, Lichtverhältnissen oder offe­
nen Fenstern. Die Aufgabe, daraus einen
sinnvollen und nutzerfreundlichen Ser­
vice speziell für Angehörige zu gestalten,
über­trug IBM seinem Tochterunterneh­
men Aperto. Die Berliner Digitalagentur
gehört mit ihren rund 400 Mitarbeitern seit
2016 zu IBM iX, der globalen Agenturfami­
lie des Technologiekonzerns. Am Projekt
Elderly Care arbeitete ein interdiszipli­nä­
res Aperto-Team aus Business Owner, Pro­
ject Owner, User-Experience- und User In­
terface Designer, Developer sowie Quality-
Assurance- und DevOps Manager.
Nutzerbedürfnisse eruieren:
Recherche und Workshop
Leticia Bialoskorski ist User-Experience- Teamarbeit
Designerin bei Aperto und war von Anfang Interface Designer Santiago
an am Projekt Elderly Care beteiligt. »Zum Uribe und UX-Designerin
Leticia Bialoskorski feilen
Einstieg haben wir uns mit der Sensortech­
gemeinsam am Look-
nik vertraut gemacht und Benchmark-For­ and-feel der Elderly-Care-
schung betrieben«, berichtet sie. Erste Pro­ App – unter anderem
gramme für Pflegedienste, die mittels mithilfe von gescribbelten
Storyboards.

Irma (76) sitzt zu Hause auf Mit einer App erkennt Irmas Andrea macht sich Sorgen Andrea fragt sich: Mit der App kann sie schnell Andreas Sohn, Thomas, fährt Thomas ist beruhigt - Damit sich seine Mutter
Ihrer Couch. Nachdem ihr Tochter, Andrea, dass Irma um ihre Mutter, weil sie „Geht es Mama gut?“ ihren Sohn informieren, damit schnell bei Irma vorbei. seine Oma ist nur vor dem keine Sorgen mehr machen
Mann gestorben ist, lebt sie schon bedenklich lange auf nicht ans Telefon geht. jemand nach ihr sieht. Fernseher eingenickt und hat muss, setzt Thomas den
alleine zu Hause. dem Sofa sitzt. das Telefon nicht gehört. Status auf „Alles okay“.
014 PAGE › Connect Creative Competence › UX DESIGN
Schritt für Schritt
Mit ersten Scribbles (ganz oben) startete das Team in die
Konzeption. UX-Designerin Leticia Bialoskorski fertigte im
Designtool Sketch erste Wireframes (oben).
Sensordaten Informationen zur Aktivi­
tät von Gepflegten liefern, gab es bereits.
Ziel von IBM und Aperto war aber eine An­
wendung für die Angehörigen. »Die Her­
ausforderung bestand darin, ein Gefühl
von Sicherheit und Beruhigung anstelle
von Überwachung zu vermitteln. Die Sen­
sorik sorgt sich um den Bewohner, ohne
dass ein Big-Brother-Eindruck entsteht«,
erinnert sie sich.
Bialoskorski gehört innerhalb der Agen­
tur zu einem Expertenteam für Lean Ser­
vice Creation, das in einem schlanken Pro­
zess digitale Lösungen entwickelt. Dazu
ge­hört nicht nur der konsequente Fokus
auf den Nutzer, sondern auch die enge Zu­
sammenarbeit mit dem Kunden. Um die
Bedürfnisse und Wünsche aller Stakehol­
der zu ermitteln, organisierte das initiale
Aperto-Team, zu dem neben Bialoskorski
eine Designerin und ein Business Owner
gehörten, einen zweitägigen Design-Thin­
king-Workshop mit dem Projektpartner
IBM sowie potenziellen Nutzern. Hier klär­
ten sie generelle Fragen wie: Was muss der
Service leisten? Wie sieht die User Journey
aus, und welche Probleme ergeben sich da­
bei? Das Briefing war zu dem Zeitpunkt
noch recht offen und basierte lediglich auf
der Idee, einen Service für Betreuer einer
älteren Person zu entwickeln, der Sensor­
daten verwendet. Im Laufe des Workshops
verfestigte sich dann die Vorstellung einer
Smartphone-App für Angehörige – unter
anderem deshalb, weil darüber im Notfall
Push-Nachrichten versendet werden und
die Nutzer schnell und unkompliziert kom­
munizieren können.
Als potenzielle User kristallisierten die
Workshopteilnehmer zwei Personas her­
aus, also fiktive Personen mit konkreten
015
»Das visuelle
Design spielte bei
diesem Projekt
von Anfang an eine
wichtige Rolle,
weil es sich um ein
sehr emotionales
Thema handelt«
Santiago Uribe, Interface Designer bei
Aperto in Berlin
Eigenschaften und Verhaltensweisen: An­
drea hat die typischen Nöte einer Tochter,
die zu weit von ihrer in die Jahre gekom­me­­
nen Mutter entfernt wohnt, um sich um de­
ren Arzt­besuche und dergleichen zu küm­
mern. Ihr Sohn Thomas wohnt deutlich
näher und schaut regelmäßig bei seiner
Oma vorbei. Beide sind sich manchmal
unsicher über das Befinden der Seniorin.
»Diese beiden Personas decken die Ziel­
gruppe gut ab, wie wir in Gesprächen mit
Betreuten und Angehörigen festgestellt
haben«, so Bialoskorski.
Für diese potenziellen Nutzer entwarfen
die Workshopteilnehmer Soll-Sze­na­ri­­en in
Form von Storyboards, die sie wiederum
in einzelne User Storys herunterbra­
016 PAGE › Connect Creative Competence › UX DESIGN
Der finale Look
Die App signalisiert mittels Ampelfarben
den aktuellen Status des Betreuten.
Die Anzeige ist mit einer leichten Animation
unterlegt, die die Ansicht interessant
macht und behutsam emotional auflädt.
chen. »Das sind im Grunde schon Fea­
ture-Beschreibungen für die spätere An­
wen­dung – so formuliert, dass sie die Nut­
zerbedürfnisse beschreiben. Auf deren Ba­
sis zeichne ich erste Scribbles, die anschau­
lich machen, wie das Interface der App aus­
sehen könnte«, erklärt Bialoskorski. In dem
Workshop formulierte das Team zudem
sogenannte Hills: Ziele, die es mit dem ers­
ten Release der App erreichen wollte.
Ausprobieren:
Prototyping und Testing
Das Aperto-Team priorisierte nach dem
Workshop die gewünschten Funktionali­
täten der App: Was sind die Kernfunktio­
nen? Welche sind weniger wichtig und
können warten? Wie sieht der Ablauf in­
nerhalb der App aus? Dann machte man
sich an den ersten Prototyp. UX-Designe­
rin Bialoskorski fertigte in dem Design­
tool Sketch erste Skizzen an, Wireframes
genannt, und verband sie in dem Prototy­
ping-Tool InVision miteinander. User-In­
terface-Designerin Julia Lingertat gestal­
tete parallel die Oberflächen und Interak­
tionen. Der so entstandene Klickdummy
zeigte bereits den User Flow und vermit­
telte ein Gefühl für das Look-and-feel der
App. »Das visuelle Design spielte bei die­
sem Projekt von Anfang an eine wichtige
Rolle, weil es sich um ein sehr emotiona­
les Thema handelt. Es geht nicht nur um
die Informationen, sondern auch stark da­
rum, wie sie dargestellt werden«, erklärt
Santiago Uribe, inzwischen der verant­
wortliche User Interface Designer für das
Projekt. Ein rot blinkender Alarmbutton
etwa löst schnell Panik aus – und im Not­
fall ist eher ein kühler Kopf gefragt.
Mittels InVision lassen sich Prototypen
auf mobilen Geräten testen. Sie fühlen sich
dann schon an wie eine App, bevor die
Funktionen tatsächlich entwickelt werden.
Die Designer verbinden die Screens über
einfache Wenn-dann-Verknüpfungen mit­
ein­ander, sodass sie die Abläufe mit dem
017
Kunden und den potenziellen Nutzern tes­
ten können. Letztere brauchen dafür kei­
nen eigenen InVision-Account, sondern
können durch die Eingabe eines Passworts
einfach den Prototyp auf einem Mobilge­
rät öffnen und drauflosklicken.
Beim User Testing arbeitet Aperto unter
anderem mit dem Crowdtesting-Anbieter
Applause zusammen. Dieser wählt aus sei­
ner Datenbank von über 100 000 Menschen
in Deutschland gemäß der von Aperto vor­
ab definierten Zielgruppe Probanden aus
und schickt ihnen den Link zum Klick­
dummy sowie einen von Aperto formu­lier­­
ten Fragenkatalog: Verstehen Sie die App?
Gefällt Ihnen das Design? et cetera. »Es ist
enorm wichtig, so schnell wie möglich zu
testen und Feedback von Nutzern ein­
018 PAGE › Connect Creative Competence › UX DESIGN
zuholen, da wir am Anfang ohne allzu
viel Recherche auf der Basis von Personas
und Hypothesen arbeiten. Nur durch User-
Feedback können wir wissen, ob wir mit
dem Prototyp auf dem richtigen Weg sind«,
so Bialoskorski. Den ersten Prototyp von
Elderly Care testeten 25 Probanden – mit
positiven Ergebnissen. Die eingeschlage­ne
Richtung war also die richtige, eine weite­
re Prototyping-Schleife nicht notwendig.
»Manche Nutzer teilten sogar persönliche
Geschichten und lobten die Idee und Funk­
tionen der App«, freut sich Bialoskorski.
Ergebnisse des ersten Crowdtests waren
zudem, dass der Begriff »Betreute« passen­
der ist als »Betroffene«, dass das Design gut
ankommt und das Thema Datensicher­heit
eine große Rolle spielt. Mithilfe des InVi­
sion-Prototyps holte Aperto außerdem das
Feedback vom IBM-Team ein, das inner­halb
der App direkt kommentieren konnte.
Ein weiterer Vorteil des Tools: Sämtli­che
hochgeladenen Designs können sich die
Entwickler später als Assets (Icons, Textfel­
der, Buttons und so weiter) herunterladen
und nutzen. »Früher mussten Designer al­
v Auf dem Hauptscreen liest der Nutzer
Der perfekte Flow
Wenn A, dann B: Übersichtliche
Flowcharts zeigen den Nutzungs-
verlauf innerhalb der Elderly-
Care-App. Bei der ersten Nutzung
muss sich der User registrieren,
danach gelangt er vom Start-
screen direkt aufs Dashboard
und kann von dort auf weitere
Bereiche der App zugreifen.
les pixelgenau abmessen und Farbcodes
und Fonts an die Entwickler weitergeben«,
erklärt Nico Neumann, DevOps und Qua­
lity Assurance (QA) Engineer bei Aperto.
»Heute können die Entwickler einfach ein
Icon anklicken und die entsprechenden
Informationen und Codeschnipsel her­
unterladen. Deshalb ist InVision ein gutes
Tool für die interdisziplinäre Zusammen­
arbeit, die uns sehr wichtig ist.«
Kernfunktionen definieren:
Warnen und beruhigen
Der Prototyp, mit dem Aperto in die Ent­
wicklung startete, umfasste die wichtigs­
ten Grundfunktionen. Dazu gehört vor
­al­lem der Registrierungsprozess. Dabei
han­­delt es sich um eine Zwei-Faktor-Au­
thentifizierung – immerhin geht es um
sehr persönliche Daten. Dank eines auto­
matisiert erzeugten und verschlüsselten
Aktivierungscodes ist das Verfahren sehr
nutzerfreundlich.
den aktuellen Status ab. Die App zeigt in
den Farben Grün, Orange und Rot an, ob
alles in Ordnung ist oder ob es Unstim­
migkeiten gibt. Die Statusanzeige ist mit
einer leichten Animation unterlegt, die die
Ansicht interessant macht und emotio-­
nal auflädt. »Idealerweise sieht man nur
den grünen Screen der App – denn das be­
deutet, dass alles in Ordnung ist und man
nicht weiter aktiv werden muss«, sagt Bia­
loskorski. Gibt es aber Unstimmigkeiten
(Orange) ­– wie zu lange laufendes Wasser
in Kombination mit fehlender Bewegung
über einen längeren Zeitraum –, kann der
Nutzer sich die Sensordaten anzeigen las­
sen und daraufhin selbst entscheiden, ob
er etwas tun muss. Sei es, kurz bei Oma
019
»Idealerweise sieht
man lediglich den
grünen Screen der
App – denn das
bedeutet, dass alles
in Ordnung ist«
Leticia Bialoskorski, UX-Designerin
bei Aperto in Berlin
anzurufen oder im Zweifel den Notdienst
der Malteser einzuschalten. Ein roter
Alarm geht allerdings direkt an den Not­
ruf der Malteser, und nur diese können
ihn wieder deaktivieren, nachdem sie
nach dem Rechten gesehen haben.
Für den Austausch unter den Nutzern
gibt es außerdem eine Kommentarfunk­
tion. So kann Thomas seine Mutter zum
Beispiel darüber informieren, dass er auf
eine Warnung hin zur Oma gefahren ist
und dass dort alles in Ordnung ist. »Nut­
zer tauschen hier voraussichtlich ledig­
lich kon­text­bezogene Informationen aus,
wichtige De­tails oder Notfälle bespre­
chen sie über andere Kanäle. Aber die
Kommentarfunktion innerhalb der App
war den Test-Usern sehr wichtig«, erklärt
Bialoskorski. Nach der Definition dieser
Kernfunktionen startete das Team in die
App-Entwicklung.
020 PAGE › Connect Creative Competence › UX DESIGN
Loslegen: Agile Entwicklung
und Tools
An der technischen Umsetzung war neben
Aperto auch ein Entwicklungsteam von
IBM beteiligt, das zeitgleich das Backend
aufbaute, von dem die App die Sensorda­
ten bezieht. Das Projektteam besprach mit
IBM die einzelnen Features (User Storys)
aus dem Workshop und definierte die Be­
dingungen, die erfüllt sein muss­ten, da­mit
eine Story als erledigt gelten konn­te. Dann
wurde »gepokert«: Dabei bekommen alle
Mitarbeiter Karten mit Zah­len zwischen 1
und 13, mit denen sie die Komplexität einer
Story schätzen. Ist die Authentifizierung
eine Sieben – oder doch nur eine Drei? Er­
reicht eine Story die Maximalpunktzahl,
wird sie in mehrere Storys unterteilt.
Bei der App-Entwicklung orientiert sich
Aper­to an der agilen Projektmanagement­
methode Scrum, hat diese aber für sich
»Es ist wichtig,
schnell zu testen
und Feedback
einzuholen. Nur so
können wir wissen,
ob wir auf dem
richtigen Weg sind«
Leticia Bialoskorski, UX-Designerin
bei Aperto in Berlin
021
spe­­zialisiert und eine eigene Lean-Ser­vice-
Crea­tion-Methode entwickelt (siehe Sei-
te 22). Um deren Prozesse gut abzu­bil­den,
nutzte die Elderly-Care-Mann­schaft das
Workflow-Management-Tool JIRA, in das
sie die einzelnen Aufgaben einspeiste und
festlegte, die sie in den Scrum-typi­schen
Zeitintervallen von zwei Wochen, den soge­
nannten Sprints, erledigen wollte. Die ein­
zelnen Auf­gaben splittete das Team nach
Diszipli­nen auf: UX Design, Interface De­
sign, Development, Quality Assurance et
ce­tera. Am Anfang jeder Story setzten sich
meist UX, UI und oft auch Programmierer
zusammen, um gemeinsam erste Lö­sungs­­
ansätze mit Stift und Papier zu scribbeln.
Jeder Morgen begann mit einem Daily
Stand-up Meeting, zu dem IBM per Tele­
fon zugeschaltet wurde und in dem man
gemeinsam besprach, was am jeweiligen
Tag anstand. Solche Treffen sorgen für
Transparenz im Arbeitsprozess und für
reibungslose Abläufe. Hakt es bei einer
Story, lässt sich schnell erkennen, wo das
Problem liegt, und gemeinsam gegen­
steuern. Der Scrum Master überwacht
den Prozess und kümmert sich darum,
dass die Storys von oben nach unten abge­
arbeitet werden. »Bei traditionellen, nicht
agilen Arbeitsprozessen ist jeder nur mit
seinem Aufgabengebiet beschäftigt. Wir Die Tools
aber planen im Team, die Schätzung des
Arbeitsaufwands gilt immer für uns alle.
arbeiter ihre Arbeit an jeder Story in Bild
und Text fest. Neben Bialoskorskis Wire­
Ganz oben: So sieht die Oberfläche
des Designprogramms Sketch
Außerdem reden wir mehr miteinander
und inspirieren uns gegenseitig«, sagt Bia­
frames samt Beschreibung fanden sich da­
rin zum Beispiel die Ergebnisse aus den
aus, in dem Leticia Bialoskorski
die Wireframes gestaltete.
loskorski über das agile Vorgehen.
Den Projektverlauf dokumentierten die
funktionalen Crowd-Testings, die der Qua­
­lity-Assurance-Verantwortliche Nico Neu­
Oben: Fürs Workflow-Manage-
ment nutzte das Elderly-Care-
Team JIRA. In dem Tool hielten
Aperto-Mitarbeiter außerdem mit der Kol­
laborationssoftware Confluence, einer Art
mann nach jedem Sprint durch den Crowd­
testing-Service Applause durchführen ließ.
sie die einzelnen Aufgaben sowie
die Zeiträume fest, in denen
Wikipedia für den Wissensaustausch in­ Ergaben sich dabei neue Anforderungen diese zu bearbeiten waren.
tern sowie mit Kunden. Hier halten die Mit­ oder Bugfixes, gingen diese als neue Sto­
022 PAGE › Connect Creative Competence › UX DESIGN 023

rys in den JIRA-Plan ein – nachdem im

Team besprochen worden war, wie wichtig
Lean Service Creation sie sind und wie schnell sie erledigt wer­-
den müssen. Insgesamt nahm die Ent­wick­­­
● Apertos Arbeitsprozess vereint Design auf diesem Prototyp weiter oder fangen tem steht. Die Markteinführung selbst lung vier Sprints in Anspruch und dauerte
Thinking und agile Entwicklung. Im Zen­- noch einmal von vorne an. ist häufig ein weiterer Test: Wie kommt acht Wochen. Dann war das Minimum Vi­
t­rum steht dabei der User. Im De­sign-Thin­ Im Anschluss bauen die Aperto-Mitar- das Produkt an? Muss es verändert oder able Product (MVP) fertig, die erste markt­
king-Prozess recherchieren die Teams die beiter im agilen Development den Proto- weiterentwickelt werden? Ein derart fähige Version der App.
Nutzerbedürfnisse, führen Marktanalysen typ immer weiter aus, wobei sie nach je- schlan­ker Prozess ermöglicht eine
durch und definieren ein konkretes Pro-­ der Stufe erneute Usertests durchfüh- schnel­le Reaktion auf Kunden- und User­ Implementieren:
b­lem, das sie lösen wollen. Dazu sammeln ren, um zu überprüfen, ob sie auf dem bedürfnisse und bindet den Auftragge- Erste Projekte und Feedback
sie Ideen, entwerfen User Journeys und richtigen Weg sind. So ergeben sich meh- ber eng mit ein. Die Agentur ist so nicht Im Rahmen eines ersten Kundenprojekts
ent­wickeln einen ersten Lo-Fi-Prototyp fürs rere iterative Schleifen, bis am Ende ein mehr bloßer Dienstleister, sondern viel- wurden seit März 2017 in 50 Wohnungen in
Testing. Je nach Testausgang arbeiten sie marktfähiges Produkt oder Servicesys­ mehr Berater auf Augenhöhe. Berlin und anderen Metropolregionen di­
verse Sensoren installiert und die Malteser
sowie die Angehörigen der Bewohner mit
Vom Nutzerproblem . . . . . . zur nutzer- der Elderly-Care-App ausgestattet. Im Team
zentrierten Lösung
ist man gespannt: »Was die Tester zu einer
Lo-Fi-Prototyp Hi-Fi-Prototyp Proof of Concept Minimum Viable Product App vorab sagen, ist das eine. Was die User
dann tatsächlich damit tun oder wie sie sie
Kreieren Lernen Lernen Lernen bewerten, das andere«, weiß Bialoskorski.
Ideas, User Journeys Aperto und IBM konzipierten die App
Definieren als White­label-Lösung, die IBM in Part­
Personas, Herstellen
Empathy Map Lo-Fi-Prototyp
nerschaft mit dem Malteser Hilfsdienst
Versicherungen anbieten will. Dank des
Messen modularen Aufbaus können diese die App
Crowd­-
testing schnell an ihre eigenen Anforderungen
anpassen und sie ihren Corporate-Farben
Messen Messen Messen entsprechend branden. Betreute und ihre
Weitermachen
Crowd- Crowd- Crowd-
oder noch Angehörigen erhalten das System bei ih­
Entdecken testing testing testing
eine Runde?
User Research, ren Versicherungen – inklusive Sensoren,
Business Analysis IBM-Technik, Pflegedienst und App.
Bauen Bauen Bauen
Projekte wie dieses werden laut Leticia
Bialoskorski künftig vermehrt auf Aperto
zukom­men: nutzerzentrierte Services, die
von IBM entwickelte Produkte und Tech­
no­logien beinhalten. Auf diese Weise be­
kommen die UX Designer bei Aperto die
Chance, vor allen anderen Markt­teilneh­
Design Thinking Agile Entwicklung & Lean UX
mern mit innovativen Technologien zu ar­
beiten.  Nina Kirst
024 PAGE › Connect Creative Competence 025

Was gefällt dir

am UX Design?
»Im Kleinen wie
im Großen die
digitale Zukunft
mitgestalten zu
können – das
macht unseren
UX Designer
Job aus«
Marcus Fries und
Creative Director
UX Andrea Goebel

Foto: Tino Wehe-Aperto

Andrea Goebel,
Creative Director UX
bei Aperto in Berlin
026 PAGE › Connect Creative Competence › UX DESIGN
● UX Design ist ein weites Feld, das jede
Agentur anders interpretiert. Wir sprachen
mit Creative Director UX Andrea Goebel,
43, und UX Designer Marcus Fries, 31, da-
rüber, was UX Design bei der Digitalagen-
tur und IBM-Tochter Aperto bedeutet und
wie sie es mit Fokus auf den Nutzer sowie
auf interdisziplinäre und iterative Zusam-
menarbeit – auch mit dem Kunden – für
erfolgreiche Lösungen einsetzen.
Wie und warum seid ihr zu Aperto
gekommen?
Andrea Goebel: Ich habe Publizistik stu-
diert und bin seit fünfzehn Jahren im Be-
reich di­gi­ta­le Medien unterwegs, war in
ver­schiedenen Digital­agenturen und Di­gi­­­­
tal­ablegern von Werbe­agenturen tätig und
habe frei gearbeitet. Zu Aperto gelangte
ich vor drei Jahren durch einen Freelance-
Auftrag. Mir gefiel die Pro­jektvielfalt – ge-
nauso wie die Möglichkeit, Online-Platt­
for­men und -Servi­ces von Grund auf mit-
»Den engsten
Austausch habe
ich mit dem Visual
Designer, mit dem
ich am Interface
Design arbeite«
Marcus Fries
zuentwickeln, statt nur Kampagnen digi-
tal zu verlängern.
Marcus Fries: Ich habe eine Ausbildung
zum Mediengestalter gemacht und dann
in Köln Integrated Design studiert. Parallel
und später arbeitete ich als freibe­rufli­cher
Interface Designer für Agen­turen und Start-
ups. In die Festanstellung bin ich gewech-
selt, weil ich in größeren Teams arbeiten
wollte. An Aperto fand ich ne­ben dem Pro­
jektportfolio die Anbindung an IBM span-
nend, weil sie Zugang zu neuen Techno­
logien gewährt. Zudem hatte ich bei den
Bewerbungsgesprächen einfach ein gutes
Gefühl. Ich bin seit Juni 2016 dabei.
User Experience Design hat ein sehr
breites Aufgabenspektrum. Was
macht ein UX Designer bei Aperto?
Goebel: Bei Aperto arbeiten UX Designer
in verschiedensten Projekten – von Platt-
formen und Websites über Marketing-
maßnahmen und Kampagnen bis hin zu
digitalen Produkten und Services. Die
meisten haben ein Spezialgebiet, aber wir
halten die Grenzen bewusst offen, damit
jeder Einblick in alle Bereiche hat. So lernt
man bei jedem Projekt dazu und kann die
für sich passende Richtung einschlagen.
Was ist dein Schwerpunkt, Andrea?
Goebel: Ich arbeite vor allem strategisch-
konzeptionell an Corporate- und Brand-
Themen wie Unternehmens- oder E-Com­
merce-Plattformen. Als Creative Director
bin ich insbesondere am Anfang eines Pro­
jekts dabei, schaue, wo das Problem liegt
und in welche Richtung es gehen soll.
Marcus, du kannst HTML. Ist das ein
Muss für einen UX Designer?
Fries: Es ist keine Pflicht, aber techni­sches
Grundwissen schadet nicht – besonders,
wenn man in der Umsetzung mit dem
Ent­wickler zusammensitzt. Mein Schwer-
punkt liegt zum Beispiel darin, die Infor-
mationsarchitektur für eine Website aus-
zuarbeiten oder Interaktionsparadigmen
für einen neuen Service zu definieren. Mei­
ne Tätigkeit variiert von Projekt zu Pro-­
jekt – was mir sehr gut gefällt.
Wie sieht der klassische Karriereweg
bei Aperto aus?
Goebel: Wir bieten Traineeships für Einstei­
ger an, danach gibt es die üblichen Stufen
Junior, Advanced, Senior bis hin zum Lead
oder Creative Director. Es kommt darauf
an, welche Komplexitätsstufe man eigen-
ständig bearbeiten kann und wie viel Ver-
antwortung man übernimmt.
Seit 2016 gehört Aperto zur Agentur-
familie von IBM iX. Inwiefern hat
sich mit der Übernahme etwas für
eure Arbeit verändert?
Goebel: Durch IBM haben wir direkten Zu-
griff auf neue Technologien, wie IBMs
künst­liche Intelligenz Watson oder Inter-
net-of-Things-Anwendungen. Das macht
unsere Arbeit sehr abwechslungsreich.
IBM hat viele Kunden, die mitten in digi-
talen Trans­formationsprozessen stecken.
Dadurch wer­den wir viel stärker als Beglei­
ter von Change-Prozessen eingebunden.
Aperto arbeitet mit daran, analoge Ge­
schäftsbereiche zu digitalisieren, die Um-
stellung für alle Beteiligten so angenehm
und einfach wie möglich zu machen und
zu einem nutzbaren Ergebnis zu führen.
Das erfordert eine wesentlich tiefere Be-
schäftigung mit den Problemen des Kun-
den und eine engere Einbindung in des-
sen interne Prozesse.
Wie sieht das genau aus?
Fries: In vielen Projekten arbeiten wir sehr
eng mit den Kunden zusammen. Kürzlich
027
war ich Teil eines Teams, das je zur Hälfte
aus Mitarbeitern von Volkswagen Nutzfahr­
zeuge und aus Aperto-Kollegen bestand.
Vier Wochen haben wir in der Agentur in-
tensiv zusammengearbeitet, konnten uns
direkt austauschen, Insights teilen und
schnell Entscheidungen treffen.
Goebel: Dieses Modell schlagen wir immer
mehr Kunden vor, weil wir gute Erfahrun­
gen damit gemacht haben. Man spart sich
diverse Abstimmungszyklen und kommt
schneller zu einem Ergebnis, hinter dem
das ganze Team steht. Gerade beim initia-
len Workshop sollte man nah am Kunden
sein und die richtigen Fragen stellen, denn
hier wird die Basis für die weitere Entwick­
lung gelegt. Es ist enorm wichtig, den Kun­
den zum Teil des Prozesses zu machen.
Wie groß ist die Bereitschaft für
solche Modelle auf Kundenseite?
Goebel: Viele Unternehmen hinterfragen
derzeit ihre gewohnten Arbeitsprozesse,
brechen Silos auf und fördern interdiszi-
plinäre Zusammenarbeit. Deshalb sind sie
entsprechend offen, auch dafür, mit Agen­
turpartnern auf neue Art zusammenzuar-
beiten. Wir stehen ihnen dann als Mitge-
stalter, Impulsgeber und Enabler zur Seite.
Natürlich gibt es auch Kunden, für die wir
noch nach klassischen Prozessen wie dem
Wasserfallmodell arbeiten.
Agile Prozesse benötigen ein Rahmen­-
werk. Womit arbeitet ihr?
Goebel: Unser kreativer Prozess fußt auf
Design Thinking, das heißt wir arbeiten
kon­sequent nutzerzentriert, analysieren
erst einmal die Nutzerbedürfnisse – und
bringen diese mit den Business- und Mar-
kenzielen unserer Kunden zusammen. Un­
sere Ideen testen wir anhand von Pro­toty­
pen und führen letztlich alles in einer
028 PAGE › Connect Creative Competence › UX DESIGN
»Uns ist es enorm
wichtig, den Kunden
zum Teil des Pro-
zesses zu machen«
Andrea Goebel
Design Vision zusammen, die wir auch
zur Abstimmung mit unseren Kunden nut­
zen. In der Umsetzung überführen wir die
Design Vision dann in einen agi­len, ite­ra­ti­
ven Prozess, in dem wir in in­terdis­zipli­nä­
ren Teams eng zusammenarbeiten. Kon­
krete Abläufe und die Rollenverteilung
pas­­sen wir je nach Kunde und Projekt an.
Was sind alltägliche Abläufe und
Aufgaben für euch?
Fries: Die meisten Tage beginnen mit ei­
nem Daily Stand-up im jeweiligen Projekt­
team. Was dann kommt, hängt davon ab,
in wel­cher Projektphase man sich befin-
det. Das kann das Erstellen von Personas
sein, die Auswertung von User Tests oder
das Ausarbeiten von User Storys für die
agile Entwicklung.
Arbeitet ihr immer nur an einem
Projekt oder auch mal an mehreren
gleichzeitig?
Fries: Idealerweise nur an einem Projekt,
höchstens zwei – und dann meist mit ei-
ner Aufteilung von 80 zu 20 Prozent.
Wie lang dauern Projekte ungefähr?
Goebel: Das ist sehr verschieden. Groß­­­pro­
jekte wie der Launch einer komplexen, in­
ter­­nationalen Unternehmenswebsite kön­­
nen schon mal ein bis zwei Jahre laufen
plus anschließender Weiterentwicklung.
Kampagnen und schnelle Pro­toty­p­ent­
wick­lungen sind dagegen eher kurzfristig.
Mit welchen Tools und Programmen
arbeitet ihr regelmäßig?
Fries: Die wichtigsten Programme sind
Sketch fürs Wireframing, Slack zur Kom-
munikation, Confluence und JIRA für die
Projektdokumentation und -steuerung so­
wie gängige Prototyping-Tools wie zum
Beispiel InVision.
Goebel: Ich arbeite nach wie vor auch viel
mit Stift und Papier oder mit Whiteboard
und Post-its, um Anforderungen auf­zu­
neh­men oder erste Ideen zu skizzieren.
Und Kun­denpräsentationen bereiten wir
in Po­­werPoint oder Keynote auf, beispiels­
weise wenn wir nach der ersten Konzep­
tionsphase beim Kun­den unsere Design
Vision vorstellen.
Präsentiert ihr selbst vor Kunden?
Goebel: Ja, unbedingt. Bei Aperto ist nicht
allein der Projektmanager das Gesicht zum
Kunden. Wir stecken am tiefsten in der
Materie und sind deshalb diejenigen, die
unsere Ideen am besten präsentieren und
verteidigen können.
Welche Disziplinen sind noch Teil
eurer Projektteams?
Fries: Den engsten Austausch habe ich
mit dem Visual Designer, mit dem ich am
Interface Design arbeite. Dazu kommt ei-
ne enge Absprache mit den Entwicklern –
sowohl bei der technischen Umsetzung
als auch im Vorfeld, um mich zu verge­
wissern, ob eine Idee tatsächlich umsetz­-
bar ist. Andere beteiligte Disziplinen sind
unser Content-Team sowie die Kollegen
aus dem Strategy-Data-Performance-Team,
die uns beispielsweise in Hinblick auf SEO-
Fragen unterstützen.
Goebel: UX Designer bilden eine Schnitt-
stelle: Wir analysieren die Kundenanfor-
derungen, stimmen uns zum Look-and-
feel eng ab und klären die Machbarkeit
mit der Technik.
Was braucht es dafür – fachlich und
menschlich?
Goebel: Einen klassischen Werdegang oder
Ausbildungsweg gibt es (noch) nicht. Letzt­
endlich sind wir alle Quereinsteiger. Man
braucht analytische Fähigkeiten, und das
Beherrschen der wichtigsten Methoden ist
in jedem Fall von Vorteil. Wurde dieses Wis­
sen nicht im Studium vermittelt, lernt man
das bei uns on the Job oder in diversen
Trainings. Ab einem gewissen Einstiegs­
level setzen wir es aber voraus. Mir ist zu-
dem wichtig, dass die Leute Begeisterung
fürs Digitale und die Lust zur ständigen
Veränderung mitbringen. Und Empathie!
Sie müssen sich in alle Stakeholder hin­
einversetzen können – in den Endnutzer
ebenso wie in den Auftraggeber. Ganz
grundlegend ist der Wille zur Gestaltung,
man muss etwas erschaffen wollen.
Fries: Man sollte Teamplayer sein und ak-
zeptieren können, dass die Ideen anderer
auch mal besser sind als die eigenen. Ego-
manen schaden jedem Team.
Was macht euch am meisten
Spaß am Job?
Fries: Die ständig wechselnden Aufgaben
und Herausforderungen. Wir haben es
immer wieder mit neuen Kunden, neuen
Teams und neuen Usern zu tun. Mir ge-
fällt auch, dass wir Projekte aufsetzen, die
tatsächlichen Impact haben. Man trägt ei-
ne große Verantwortung, was den Job sehr
spannend macht.
029
Goebel: Ich schätze besonders die enge Zu­
sammenarbeit mit meinen Kollegen und
unseren Kunden. Am fröhlichsten verlas-
se ich das Büro, wenn wir nach einem in-
tensiven Workshoptag zu tollen Ergebnis-
sen gekommen sind und jeder denkt: Wow,
wir haben richtig was geschafft.
Trotzdem: Jeder Job hat auch
Nachteile oder nervige Seiten.
Was ist das bei euch?
Goebel: Administrative Aufgaben sind wohl
für alle Kreativen eher unschön – also Stun­
den buchen, Zeitpläne ausarbeiten und so
weiter. Aber das muss auch sein, um wirt-
schaftlich arbeiten zu können.
Wie wird sich das Berufsbild
UX Designer eurer Meinung nach
weiterentwickeln?
Fries: Ich denke, es wird noch breiter und
interdisziplinärer. Das erfordert zugleich
mehr Spezialisierung – etwa auf Themen
wie Virtual Reality oder künstliche Intelli-
genz. Man wird als UX Designer nicht mehr
alle Spezialdisziplinen abdecken können.
Goebel: Ich bin überzeugt, dass UX Desi-
gner in Zukunft noch gefragter sein wer-
den – schon heute ist gutes UX Design ein
echter Wettbewerbsfaktor. Wenn sich Pro­
dukte und Services kaum noch unterschei­
den, setzt sich das Angebot durch, das dem
Nutzer das beste Erlebnis bietet.
Habt ihr ein Traumprojekt, das ihr
irgendwann mal umsetzen wollt?
Goebel: Viele unserer Projekte beschäfti-
gen sich mit großen Zukunftsfragen – wie
werden wir leben, arbeiten, wohnen? Die-
se Entwicklungen ein Stück weit mitzuge-
stalten – darauf freue ich mich besonders.
Fries: Ich freue mich auf die nächsten neu­­
en Technologien und darauf, einer der Ers­
ten zu sein, die damit arbeiten.  Nina Kirst
030 PAGE › Connect Creative Competence › UX DESIGN
Glossar
Agiles Projektmanagement stammt aus
der Softwareentwicklung und kommt
zunehmend in Kreativagenturen und
Unternehmen zum Einsatz. Es umfasst
zum Beispiel Methoden wie Scrum und
Kanban, die nicht auf klassische Wasser­
fallplanung zu Projektbeginn setzen,
sondern auf adaptives Planen und schnelle
Abstimmung. Wichtig ist, dass diese
Methoden dem anwendenden Unterneh­
men und dessen Aufgaben angepasst sind.
Design Thinking ist ein methodischer
Ansatz, mit dem kreative Lösungen und
Innovationen zielorientiert entwickelt
werden können. Durch die Konzentration
auf den Nutzer, interdisziplinäre Teams
und einen sich in mehreren Schleifen
wieder­holenden, sprich iterativen Prozess
hilft Design Thinking dabei, praktikable
Lösungen für alle Lebensbereiche zu finden.
HTML ist eine textbasierte Auszeichnungs­
sprache zur Strukturierung digitaler Doku­­-
mente wie Texten mit Hyperlinks, Bildern,
Videos und anderen Inhalten. HTML-Doku­
mente sind die Grundlage für Websites.
Informationsarchitektur ist die Gestal­
tung der Struktur eines digitalen Pro­
dukts. Sie umfasst die Unterteilung und
Anordnung der Inhalte, Navigationswege
und Suchmöglichkeiten, um eine größt­
mögliche Usability zu erzielen.
Interaction Design beschäftigt sich mit
der Gestaltung der Interaktion zwischen
Mensch und Maschine. Interaction Desi­-
gner legen die Nutzerführung fest und
bestimmen, wie man eine Interaktion auf
Websites, in Mobile-Applikationen oder
anderen Softwareanwendungen auslöst.
Interface Design bezeichnet die Gestal­
tung von digitalen Benutzeroberflächen,
die so konsistent und intuitiv wie möglich
sein soll­ten. Neben der Funktionalität
spielt hierbei auch das Visual Design eine
wichtige Rolle.
Internet of Things (IoT) bezeichnet die
zunehmende Vernetzung zwischen
»intelligenten« Gegenständen sowohl
untereinander als auch mit dem Internet.
Objekte oder Maschinen werden dabei
mit Prozessoren und Sensoren ausgestat­
tet, sodass sie via IP-Netz miteinander
kommunizieren können.
Minimum Viable Product (MVP) ist ein
funktionsfähiger Prototyp, der genug
Features aufweist, um ein Produkt oder
einen Service mit echten Nutzern zu
testen und valide Ergebnisse für die Wei­-
terentwicklung einzuholen. Eine solche
Vorabveröffentlichung im Betastadium
minimiert das mit erheblichen Kosten
verbundene Risiko, ein voll ausgearbeite­
tes Produkt auf den Markt zu bringen,
das keine Nutzer findet.
Nutzeranalyse/User Research bezeichnet
die Erkundung und Auswertung von für
die Entwicklung einer Anwendung relevan­-
ten Kontextfaktoren, also beispielsweise
den Nutzertyp und dessen Ziele und Verhal-­
tensabläufe. Sie kann quantitativ, zum
Beispiel per Webanalyse, oder qualitativ in
Interviews oder Beobachtungen erfolgen.
Persona stellt den Prototyp einer Gruppe
von Nutzern dar, die konkrete Eigenschaf­
ten und Nutzungsverhalten teilen. Diese
greifbaren, aber fiktiven Personen entwi­-
ckelt man anhand von Beobachtungen
und Befragungen realer Menschen.
Proof of Concept ist ein Meilenstein im
Projektmanagement, an dem die prinzi­-
pielle Durchführbarkeit eines Vorhabens
belegt ist. Meist ist es mit der Entwick­-
lung eines Prototyps verbunden, an dem
die Kernfunktionalität getestet wird.
Prototyping ist eine Methode aus der Soft-
wareentwicklung, mit der sich Lösungs­
ansätze testen lassen, um frühzei­tig
User-Feedback einzuholen. Probleme
und Änderungswünsche kön­nen so früh
erkannt und eingebaut werden, noch
bevor die komplette Anwendung fertig­
gestellt ist. Low-Fidelity-Prototypen
(zum Beispiel Papiermo­delle und Wire­
frames) legen grob Nutzer­abläufe fest,
High-Fidelity-Prototypen mit ersten
lauffähigen Programmteilen (zum
Beispiel Klick­dummys) kommen dem
finalen Produkt schon sehr nahe.
Dank Prototyping-Tools wie InVision
lassen sich schnell und ohne Coding-
Kenntnisse Prototypen erstellen.
Quality Assurance ist ein Sammelbegriff
für Ansätze und Maßnahmen zur
Sicherstellung von vorab definierten
Qualitätsanforderungen. Qualitätssiche­
rung erfolgt nicht nur bei der Produk­-
tion von haptischen Produkten, sondern
auch bei Software und Services.
Search Engine Optimization (SEO)
bezeichnet Maßnahmen, die dazu dienen,
dass Webinhalte in organischen, unbe­
zahlten Suchergebnissen von Suchma­
schinen wie Google auf den höheren
Plätzen erscheinen und dadurch öfter
von Nutzern besucht werden.
Service Design bezeichnet die ganzheit­
liche Gestaltung von (meist digitalen)
Produkten und Anwendungen. Es verfolgt
einen nutzerzentrierten, analytischen
und interdisziplinären Ansatz und um­fasst
Kompetenzen aus unterschiedlichen Diszi­-
031
plinen wie UX Design, Strategie, Analyse,
Interface Design und Interaction Design.
Usability bezeichnet die Gebrauchstaug­
lichkeit eines digitalen Produkts oder einer
Anwendung. Sie wird durch empirische
Evaluationen von echten Nutzern anhand
von Prototypen in allen Entwicklungssta­
dien eines digitalen Services oder Produkts
getestet, oft mithilfe von externen Markt-­
forschungsunternehmen. Dabei steht
die Detailoptimierung von Interaktions­
prozessen im Mittelpunkt.
User Journey ist ein Begriff aus dem Marke-­
ting und bezeichnet die Phasen, die ein
Kunde durchläuft, bevor er sich für (oder
gegen) den Kauf eines Produkts oder
Services entscheidet. Diese »Reise«
umfasst sämtliche Berührungspunkte
(Touchpoints) eines Kunden mit einer
Marke – analog und digital, direkt und
indirekt. Eine Visualisierung der Customer
Journey – Mapping genannt – hilft bei
der Entwicklung eines neuen Produkts
oder Services. Eng verwandt sind die Be­-
griffe Use Case und User Story, die das
Nutzungsszenario anhand eines fiktiven
Nutzers durchspielen.
White Label bezeichnet im WWW ein
Produkt oder einen Service, der von einem
Anbieter erstellt, aber von einem ande­-
ren Unternehmen eingebunden werden
kann. Der Nutzer der White-Label-Lösung
kann das Produkt (zum Beispiel eine Soft­-
ware) der eigenen Marke anpassen.
Wireframes sind Anwendungsskizzen im
Rahmen der Entwicklung digitaler Anwen­-
dungen. Anders als visuelle Mock-ups be-
­schreiben sie frühe konzeptionelle Entwür­
fe für den Aufbau, bei denen Visual Design
und Funktion noch keine Rolle spielen.
032 PAGE › Connect Creative Competence › ABOUT
connect
creative
competence
EINE
INITIATIVE
VON
Die PAGE-Initiative
zur Förderung neuer
Kompetenzen in
Agentur, Hochschule
und Unternehmen
● Neue Technologien führen zu neuen
Job­profilen. Und neue Jobprofile erfordern
neue Skill Sets. Die Folge sind unschar-
fe, verwirrende Berufsbezeichnungen und
nicht klar definierte Ausbildungswege. Ent­
­sprechend orientierungslos ist der Krea­
tiv­nachwuchs. Aber auch in Agenturen und
Unternehmen stößt das Silodenken in
Zei­ten der digitalen Transformation häu-
fig an sei­ne Grenzen. Es gilt, heterogene
Projekt­grup­pen zu Teams zu formen und
neue Methoden zu erlernen. Wer nach-
haltig im Geschäft sein möchte, kommt
um die Integration disziplinübergreifen-
der Kom­pe­­­­tenzen nicht herum. Integ­rier­
tes, in­ter­dis­­ziplinäres Denken gilt als das
Gebot der Stunde.
Die Initiative PAGE Connect unterstützt
Design-, Kommunikations- und Digital­
agen­­­tu­ren sowie Hochschulen, Unterneh-
men und Young Talents dabei, sich (neu)
zu orientieren und umfassend zu qualifi-
zieren. Sie macht komplexe Prozesse jour-
nalistisch fundiert trans­parent und bietet
­eine Plattform für den medialen Diskurs.
Denn bei der persönlichen Abwä­gung, wel­-
che Ausbildung wirklich zu einem passt
oder ob sich dahinter ganz andere In­halte
und spätere Berufsbilder verbergen als ver­­
mutet, helfen Hochschul- und Kreativran­
kings allein nicht weiter. Gleiches gilt für
die realistische Ein­schät­zung, welche span­
nenden Perspekti­ven sich für krea­ti­ve Ta-
lente in Agenturen auftun.
Creative Competence an
Hochschulen
Den besten Einblick in den Studienalltag
vermitteln noch immer diejenigen, die ihn
Tag für Tag erleben und gestalten: die Pro-
fessorinnen und Professoren. Auf www.
page-online.de/connect sprechen die Part-
ner­professoren der PAGE-Initiative in ex-
klusiven Videos über die Herausforderun­
gen in dem von ihnen vertretenen Studien­
gang und räumen mit Vorurteilen über
das jeweils vorgestellte Berufsbild auf.
Creative Competence in
Agentur und Unternehmen
Die umfassendsten Eindrücke aus der
Praxis können dann nur diejenigen bie-
ten, die ihre Kompetenz im Tagesgeschäft
unter Beweis stellen und mit ihren Auftrag-
gebern um die besten Lösungen ringen.
Aus diesem Grund nehmen wir gemein-
sam mit ausgewählten Agenturen und Un-
ternehmen einzelne Jobprofile in der Pra-
033
xis unter die Lupe, begleiten die Berufs­
bildin­ha­ber in ihren Teams bei ihrer ganz Creative-Competence-
kon­kre­ten interdiszip­linären Projekt­ar­beit Kompendien
und führen mit ihnen Interviews.
Dabei entstehen 36-seitige Jobprofil­
Alle Booklets gibt’s zum Gratis-Download
sowie gebündelt in Printversion (nur solange
der Vorrat reicht) im PAGE Shop.
kom­pendien, die wir in Hochschulen und
auf Branchen­events ver­teilen und Ihnen
↗ shop.page-online.de/connect
ab sofort zum kos­ten­lo­sen Download unter
www.page-online.de/connect/download
bereitstellen. Außerdem folgen peu à peu
Vi­de­os von Besuchen in den Agenturen und
Unternehmen zu diesen Berufsbildern:
● Brand Strategist
● Business Designer
● Content Strategist
● Corporate Designer
● Design Director
● Informationsdesigner
● Interaction Designer
● Interface Designer Creative Competence
● Kommunikationsdesigner in PAGE
● Motion Designer PAGE, das Magazin der Kreativbranche
mit allen relevanten Trends in Sachen
● Service Designer
Design, Development und Berufspraxis,
● Strategischer Designer
gibt’s monatlich als Einzelheft und im
● Transaction Editor Studenten-Abo – gedruckt und digital.
● User Experience Designer ↗ www.page-online.de/abo
● Virtual Reality Designer
↗ www.page-online.de/connect pagemag
034 PAGE › Connect Creative Competence › UX DESIGN

CONNECT CREATIVE COMPETENCE

ist eine Initiative von PAGE zur Förderung
neuer Kompetenzen in Agentur, Hochschule und Unternehmen
E-Mail: connect@page-online.de
↗ www.page-online.de/connect

IMPRESSUM
PAGE // Ebner Verlag GmbH & Co KG
Borselstraße 28, 22765 Hamburg
Telefon: +49 40 85183-400; Telefax: -449
E-Mail: info@page-online.de
↗ www.page-online.de

Chefredakteurin/Publisherin Gabriele Günder, V.i.S.d.P.

Projektmanagerin PAGE Connect Nina Kirst ( c
  onnect@page-online.de ) 
Redaktion Nina Kirst. Freie Mitarbeit: Myriam Jantoss (Textchefin PAGE Connect),
Christine Krawinkel (Layout), Matthias Müller-Prove (http://mprove.net),
Maiken Richter (Schlussredaktion), Tino Wehe/Anjuscha Dietrich (Fotos)
Verlag Ebner Verlag GmbH & Co KG, Karlstraße 3, 89073 Ulm,  www.ebnerverlag.de ; 
Inhaber und Beteiligungsverhältnisse: Ebner Verlag GmbH & Co KG, Karlstraße 3,
89073 Ulm; Sitz und Registergericht: Ulm, HRA 1900; Geschäftsführung: Gerrit Klein,
Martin Metzger (Stellvertreter), Florian Ebner;
Umsatzsteuer-Identifikationsnummer gemäß §27a UStG: DE 147041097
Ad Sales Director Print/Web/Mobile Alexander Herz,
Ebner Verlag GmbH & Co KG, Borselstraße 28, 22765 Hamburg;
E-Mail: alexander.herz@page-online.de; Telefon: +49 40 85183-480; Telefax: -489
Druck haka print und medien GmbH, Senefelderstraße 19, 73760 Ostfildern

Veröffentlicht im August 2017

PAGE Seminare, eDossiers, Einzelausgaben, Aboangebote und praktische

Produkte für die Kreativbranche
↗ shop.page-online.de

Urheber- und Verlagsrecht: Die Zeitschrift und alle in ihr enthaltenen einzelnen Beiträge und Abbildungen sind urheberrechtlich geschützt.
Mit Annahme des Manuskripts gehen das Recht zur Veröffentlichung sowie die Rechte zur Übersetzung, zur Vergabe von Nachdruckrechten,
zur elektronischen Speicherung in Datenbanken, zur Herstellung von Sonderdrucken, Fotokopien und Mikrokopien an den Verlag über.
Jede Verwertung außerhalb der durch das Urheberrechtsgesetz festgelegten Grenzen ist ohne Zustimmung des Verlags unzulässig. In der
unaufgeforderten Zusendung von Beiträgen und Informationen an den Verlag liegt das jederzeit widerrufliche Einverständnis, die zugesand-
ten Beiträge beziehungsweise Informationen in Datenbanken einzustellen, die vom Verlag oder von mit diesem kooperierenden Dritten
geführt werden. Gebrauchsnamen: Die Wiedergabe von Gebrauchsnamen, Handelsnamen, Warenbezeichnungen und dergleichen in dieser
Zeitschrift berechtigt nicht zur Annahme, dass solche Namen ohne Weiteres von jedermann benutzt werden dürfen; oft handelt es sich um
gesetzlich geschützte eingetragene Warenzeichen, auch wenn sie nicht als solche gekennzeichnet sind.
↗  www.page-online.de/connect