DESIGN MATTERS

JUG Saxony Day - 28. September 2018

Katarina Lust

DIE REALITÄT

04.1

0.2

018

© 2

016 ite

llig

ence

DIE REALITÄT

04.1

0.2

018

© 2

016 ite

llig

ence

3

Tabellenviews

wiederkehrende manuelle Eingaben & zahlreiche Formulare

langen Listen

DIE REALITÄT

04.1

0.2

018

© 2

016 ite

llig

ence

4

nicht barrierefrei, nicht responsive

veraltete UI-Oberfläche

DIE REALITÄT

04.1

0.2

018

© 2

016 ite

llig

ence

5

DIE REALITÄT

04.1

0.2

018

© 2

016 ite

llig

ence

6

DIE REALITÄT

04.1

0.2

018

© 2

016 ite

llig

ence

7

DIE LÖSUNG

04.1

0.2

018

© 2

016 ite

llig

ence

DESIGN THINKING| Die Definition

04.1

0.2

018

© 2

016 ite

llig

ence

9

1.

~ ist eine kreative und kollaborative Problemlösungsmethode aus der Nutzerperspektive.

2.

~ ist ein Innovationsprozess, dass die Kunden und Kundenbedürfnisse in den Mittelpunkt setzt.

DESIGN THINKING| Die Grundeigenschaften

04.1

0.2

018

© 2

016 ite

llig

ence

10

Nutzerorientiert

ist ein Teamprozess

ist ein Lernprozess

ist iterativ und agil

die einzelne Schritte sind keine Meilensteine

Funktion: dient zur Ideenfindung, Produktentwicklung und allgemein Lösung von komplexen Problemstellungen.

DESIGN THINKING| im Vergleich

04.1

0.2

018

© 2

016 ite

llig

ence

11

Var. 1: d.school an der Stanford University

Var. 2: Hasso Plattner Institut in Potsdam

DESIGN THINKING| in der Praxis

04.1

0.2

018

© 2

016 ite

llig

ence

12

Zahlreiche Unternehmen aus der unterschiedliche Industriezweigen wenden bereits Design Thinking an, dazu zählen:

IBM

SAP

AIRBNB

NIKE

FORD

NASA…

DIE PRAXIS

04.1

0.2

018

© 2

016 ite

llig

ence

Praktische Aufgabe: Problemstellung

04.1

0.2

018

© 2

016 ite

llig

ence

14

Problem:

~ Veraltete Zeitabrechnungs-Anwendung auf SAP-Basis wird neuentwickelt.

Praktische Aufgabe: Problemstellung

04.1

0.2

018

© 2

016 ite

llig

ence

15

Technische Voraussetzung:

~ SAPUI5-JavaScript-Framework

Weiteres:

~ Beachtung von SAP Fiori UX –Guidelines

DESIGN THINKING| 1. Verstehen

04.1

0.2

018

© 2

016 ite

llig

ence

16

Die Bedürfnisse des Nutzers verstehen und erkennen

Erkennung des Problems & des Kontexts

Nutzer/Kundenbedürfnisse verstehen und herausfinden

Was ist das Problem und wie wird es aktuell von Nutzer gelöst?

Tools: Personas entwickeln, Nutzerscenarios entwickeln, Future User usw.

Praktische Aufgabe: Persona

04.1

0.2

018

© 2

016 ite

llig

ence

17

Persona: JENS, 38 Jahre IT-Berater

Ist verheiratet und hat eine zweijährige Tochter.

ist mindestens zwei Mal im Monat dienstlich unterwegs

arbeitet an über 10 Projekten gleichzeitig

möchte mehr Zeit mit seiner Familie verbringen

Probleme:

aktuelle Anwendung steht nur als lokale Desktopanwendung zur Verfügungen – ist online nicht erreichbar.

Wünsche:

würde gerne mobil von seinem Dienst-Smartphone die Arbeitszeiten pflegen

DESIGN THINKING| 2. Beobachten

04.1

0.2

018

© 2

016 ite

llig

ence

18

Beobachtung des Nutzers bei Lösung des Problems

existiert das angenommene Problem & wie wird das Problem aktuell gelöst?

Beobachtung der Konkurrenz

Bewusst die Erfahrung des Endnutzers machen

Empathie zum Nutzer aufbauen

Tools: Konkurrenzanalyse, Interviews, Empathie Map erstellen, die 6 W-Fragen usw.

Praktische Aufgabe: Anwendung praktisch testen & Interview

04.1

0.2

018

© 2

016 ite

llig

ence

19

Erkenntnisse

Durch das Testen der Anwendung stellen wir fest, dass es nur eine Ansicht gibt –und zwar – Wochenansicht.

Außerdem zeigt die Kalenderansicht nur die Zeiten im Abschnitt von sechs Wochen an, weitere Ansichten, wie z.B. Jahresübersicht, sind nicht möglich.

DESIGN THINKING| 3. Standpunkt definieren

04.1

0.2

018

© 2

016 ite

llig

ence

20

Die gesammelten Erkenntnisse aus der Nutzersicht zum Problem werden analysiert, interpretiert und gewichtet = Synthese von unentdeckten Nutzerbedürfnissen.

Aufbau einer gemeinsamen Wissensbasis des Projektteams

Tools: Customer Journey und User Stories beschreiben, Definition von Point of View usw.

Praktische Aufgabe: Stanford POV

04.1

0.2

018

© 2

016 ite

llig

ence

21

[Nutzer] muss [Bedürfnis], weil [überraschende Erkenntnis].

Der IT-Berater muss seine Abrechnungsdaten aus der Anwendung in Form einer PDF- oder Word-Datei exportieren können, weil manche Auftraggeber individuelle projektbezogene Zeitabrechnung anfordern.

DESIGN THINKING| 4. Ideen finden

04.1

0.2

018

© 2

016 ite

llig

ence

22

Zahlreiche Ideen zur Lösung des Problems werden generiert = Quantität

Die generierten Ideen werden geclustert = Qualität

Tools: Brainstorming (individuell/im Team), Mind- und Concept Map erstellen, Ideensteckbrief und Story Board erstellen usw.

Praktische Aufgabe: Brainstorming Workshop

04.1

0.2

018

© 2

016 ite

llig

ence

23

DESIGN THINKING| 5. Prototyp entwickeln

04.1

0.2

018

© 2

016 ite

llig

ence

24

Mehrere Ideen mit einfachen Prototypen realisieren

So früh wie möglich Feedback von Endanwender einholen & Prototyp verfeinern

Je detaillierter/realer ein Prototyp desto aussagekräftiger die Erkenntnisse aus dem Nutzerfeedback

Tools: Skizzen, interaktive Präsentationen, Moodboards, Wireframes, von Lo-Fi bis Hi-Fi-Prototyp usw.

Praktische Aufgabe: Prototyp entwickeln

04.1

0.2

018

© 2

016 ite

llig

ence

25

Praktische Aufgabe: Prototyp entwickeln

04.1

0.2

018

© 2

016 ite

llig

ence

26

Prototyp: da die Anwendung auf SAPUI5 und SAP Fiori UX basieren sollte wird SAP Prototyp Tool „BUILD“ angewandt.

Praktische Aufgabe: Prototyp entwickeln

04.1

0.2

018

© 2

016 ite

llig

ence

27

Praktische Aufgabe: Prototyp entwickeln

04.1

0.2

018

© 2

016 ite

llig

ence

28

Praktische Aufgabe: Prototyp entwickeln

04.1

0.2

018

© 2

016 ite

llig

ence

29

Tipp!Das kollaborativeInterfacedesign-Tool Figma.

DESIGN THINKING| 6. Testen

04.1

0.2

018

© 2

016 ite

llig

ence

30

Der Prototyp wird vom Endanwender getestet.

die Ergebnisse werden validiert & dementsprechende Anpassungen am Prototyp vorgenommen

ist stark vom Zeit-und Kostenfaktor abhängig

Das Ziel besteht darin, die Schwachstellen einer Idee anhand des Prototyps rauszufinden und zu korrigieren.

Tools: Online Test/Feedback-Webapplikationen, A/B-Testing, Feedback-Erfassungsraster usw.

Praktische Aufgabe: Testen

04.1

0.2

018

© 2

016 ite

llig

ence

31

DESIGN THINKING| Ergebnis

DESIGN MATTERS!

04.1

0.2

018

© 2

016 ite

llig

ence

DESIGN MATTERS!

DESIGN MATTERS!

itelligence Global Managed Services GmbH Philipp-Reis-Straße 2 ▪ 02625 Bautzenphone: +49 3591 52 53 1575

e-mail: katarina.lust@itelligence.dewww.itelligencegroup.com

Wir machen mehr aus SAP®-Lösungen!

04.1

0.2

018

© 2

016 ite

llig

ence

Copyright itelligence AG - All rights reserved

04.1

0.2

018

© 2

016 ite

llig

ence

37

Die Weitergabe und Vervielfältigung dieser Publikation oder von Teilen daraus sind, zu welchem Zweck und in welcher Form auch immer, ohne die ausdrückliche schriftliche Genehmigung durch itelligence AG nicht gestattet. In dieser Publikation enthaltene Informationen können ohne vorherige Ankündigung geändert werden.

Einige von der itelligence AG und deren Vertriebspartnern vertriebene Softwareprodukte können Softwarekomponenten umfassen, die Eigentum anderer Softwarehersteller sind. Die in diesem Dokument erwähnten Namen von Produkten und Services sowie die damit verbundenen Firmenlogos sind Marken der jeweiligen Unternehmen. Die Angaben im Text sind unverbindlich und dienen lediglich zu Informationszwecken. Produkte können länderspezifische Unterschiede aufweisen.

Die in diesem Dokument enthaltenen Informationen sind Eigentum von itelligence. Dieses Dokument ist eine Vorabversion und unterliegt nicht Ihrer Lizenzvereinbarung oder einer anderen Vereinbarung mit itelligence. Dieses Dokument enthält nur vorgesehene Strategien, Entwicklungen und Produktfunktionen und ist für itelligence nicht bindend, einen bestimmten Geschäftsweg, eine Produktstrategie bzw. -entwicklung einzuschlagen. itelligence übernimmt keine Verantwortung für Fehler oder Auslassungen in diesen Materialien. itelligence garantiert nicht die Richtigkeit oder Vollständigkeit der Informationen, Texte, Grafiken, Links oder anderer in diesen Materialien enthaltenen Elemente. Diese Publikation wird ohne jegliche Gewähr, weder ausdrücklich noch stillschweigend, bereitgestellt. Dies gilt u. a., aber nicht ausschließlich, hinsichtlich der Gewährleistung der Marktgängigkeit und der Eignung für einen bestimmten Zweck sowie für die Gewährleistung der Nichtverletzung geltenden Rechts.

itelligence übernimmt keine Haftung für Schäden jeglicher Art, einschließlich und ohne Einschränkung für direkte, spezielle, indirekte oder Folgeschäden im Zusammenhang mit der Verwendung dieser Unterlagen. Diese Einschränkung gilt nicht bei Vorsatz oder grober Fahrlässigkeit.

Die gesetzliche Haftung bei Personenschäden oder die Produkthaftung bleibt unberührt. Die Informationen, auf die Sie möglicherweise über die in diesem Material enthaltenen Hotlinks zugreifen, unterliegen nicht dem Einfluss von itelligence, und itelligence unterstützt nicht die Nutzung von Internetseiten Dritter durch Sie und gibt keinerlei Gewährleistungen oder Zusagen über Internetseiten Dritter ab.

No part of this publication may be reproduced or transmitted in any form or for any purpose without the express permission of itelligence AG. The information contained herein may be changed without prior notice.

Some software products marketed by itelligence AG and its distributors contain proprietary software components of other software vendors. All product and service names mentioned and associated logos displayed are the trademarks of their respective companies. Data contained in this document serves informational purposes only. National product specifications may vary.

The information in this document is proprietary to itelligence. This document is a preliminary version and not subject to your license agreement or any other agreement with itelligence. This document contains only intended strategies, developments and product functionalities and is not intended to be binding upon itelligence to any particular course of business, product strategy, and/or development. itelligence assumes no responsibility for errors or omissions in this document. itelligence does not warrant the accuracy or completeness of the information, text, graphics, links, or other items contained within this material. This document is provided without a warranty of any kind, either express or implied, including but not limited to the implied warranties of merchantability, fitness for a particular purpose, or non-infringement.

itelligence shall have no liability for damages of any kind including without limitation direct, special, indirect, or consequential damages that may result from the use of these materials. This limitation shall not apply in cases of intent or gross negligence.

The statutory liability for personal injury and defective products is not affected. itelligence has no control over the information that you may access through the use of hot links contained in these materials and does not endorse your use of third-party Web pages nor provide any warranty whatsoever relating to third-party Web pages.