sds*15: kristin lewitzka on ux-design
TRANSCRIPT
![Page 1: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/1.jpg)
© 2015 HYVE AG 1
WWW: Was, wie & warum?
User Experience
Kristin LewitzkaLinz, 29. Juni 2015
![Page 2: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/2.jpg)
© 2015 HYVE AG 2
Agenda
Was ist UX und aus welchen Komponenten besteht UX?
Was macht eine gute User Experience aus?
Bedeutung von UX in verschiedenen Bereichen
Welche Methoden & Ansätze gibt es?
![Page 3: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/3.jpg)
© 2015 HYVE AG 3
THE HYVE GROUP
HYVEInnovation Research
HYVEInnovation Design
HYVEInnovation Community
Innovations- und Marketing-Forschung
Virtueller KundendialogIndustriedesign und
Kreativberatung
Interne & externe Innovation Communities und Social
Media
HYVE [hei:f]engl. hive: Bienenstockengl. hype: im Trend liegendfinnisch hyve: die gute Tugend
![Page 4: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/4.jpg)
© 2015 HYVE AG 4
Einführung HYVE
![Page 5: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/5.jpg)
© 2015 HYVE AG 5
Dr. Michael BartlCEO
Michael SchmidtCEO
Prof. Dr. Johann FüllerCEO
Vorstand:
Kompetenzen:
HYVE – the innovation company
Fakten:Gegründet: 2000 Büros: München (Hauptsitz), Wien, JakartaMitarbeiter: 70 (Wissen: Market Research, Social Media, Innovation Management, Consultancy, Business
Administration, IT & Design, Public Administration)
![Page 6: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/6.jpg)
© 2015 HYVE AG 6
HYVE Referenzen
aller deutschen DAX-Unternehmen
nutzen Produkte & Services von HYVE.60%ÜBER
![Page 7: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/7.jpg)
© 2015 HYVE AG 7
HYVE – ausgewählte Methoden
Idea Contests
Ideation Workshop
Idea PlatformIdeaNet
Co-CreationStudy
Innovation Design
ConceptTest
Innovation Marketing
LeadUserMethod
NetnographyInsights
Community Snapshot
Online Research
Community
Technology Scouting
![Page 8: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/8.jpg)
© 2015 HYVE AG 8
HYVE Innovation CommunitySolutions
![Page 9: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/9.jpg)
© 2015 HYVE AG 9
![Page 10: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/10.jpg)
© 2015 HYVE AG 10
![Page 11: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/11.jpg)
© 2015 HYVE AG 11
Was ist gutes Design & was macht es aus?
Schreiben Sie ihre Antwort auf!5-10 Minuten
Mit Diskussion
![Page 12: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/12.jpg)
© 2015 HYVE AG 12
Design & Typografie
![Page 13: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/13.jpg)
© 2015 HYVE AG 13
Dieter Rams über gutes Design
1. Gutes Design ist innovativ
2. Gutes Design macht ein Produkt nützlich.
3. Gutes Design ist ästhetisch.
4. Gutes Design macht ein Produkt verständlich.
5. Gutes Design ist unaufdringlich.
6. Gutes Design ist ehrlich.
7. Gutes Design ist langanhaltend.
8. Gutes Design ist genau.
9. Gutes Design ist umweltfreundlich.
10. Gutes Design ist minimalistisch.
![Page 14: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/14.jpg)
© 2015 HYVE AG 14
Design: Entwicklung
![Page 15: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/15.jpg)
© 2015 HYVE AG 15
Design Stile
SKEUMORPHISM
1991
METRO DESIGN
2012
FLAT DESIGN
2013
MATERIAL DESIGN
2014
![Page 16: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/16.jpg)
© 2015 HYVE AG 16
Design Stile
SKEUMORPHISM
Seit 1991
![Page 17: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/17.jpg)
© 2015 HYVE AG 17
Design Stile
METRO DESIGN
2012
![Page 18: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/18.jpg)
© 2015 HYVE AG 18
Design Stile
FLAT DESIGN
2013
![Page 19: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/19.jpg)
© 2015 HYVE AG 19
Design Stile
MATERIAL DESIGN
2014
![Page 20: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/20.jpg)
© 2015 HYVE AG 20
Was ist der Unterschied zwischen gutem Design und nutzer-zentriertem Design?
Diskussion5-10 Minuten
![Page 21: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/21.jpg)
© 2015 HYVE AG 21
Was ist User Experience?
Gedanken & Anregungen5-10 Minuten
![Page 22: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/22.jpg)
© 2015 HYVE AG 22
Was ist User Experience nicht?
Gedanken & Anregungen5-10 Minuten
![Page 23: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/23.jpg)
© 2015 HYVE AG 23
Usability vs. User Experience
Nach der NutzungWährend der NutzungVor der Nutzung
Verarbeitung der erlebten Nutzung
Aufgabenerledigung„Kopfkino“
![Page 24: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/24.jpg)
© 2015 HYVE AG 24
Versprechen & Erwartung
Erwartung Versprechen
Erfüllung?
„gut“ UX „schlecht“
![Page 25: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/25.jpg)
© 2015 HYVE AG 25
![Page 26: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/26.jpg)
© 2015 HYVE AG 26
Virtual Reality
![Page 27: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/27.jpg)
© 2015 HYVE AG 27
![Page 28: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/28.jpg)
© 2015 HYVE AG 28
UX – Look, Feel, Usability
![Page 29: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/29.jpg)
© 2015 HYVE AG 29
Was macht gute UX aus?
![Page 30: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/30.jpg)
© 2015 HYVE AG 30
Usability & Design Regeln
1. Alle Nutzer ausreichend bedienen (Accessibility)
2. Einfache Orientierung ermöglichen
1. Logische Seitenstruktur
2. Klare Navigation
3. Einheitliche Struktur
4. Suchfunktion
5. Alles klar kennzeichnen
6. Logo verlinken
7. Konventionen einhalten
3. Inhalte optimal präsentieren
1. USP hervorheben
2. Präsize und knapp
3. Content strukturieren
4. Darstellung prüfen
4. Angenehme Atmosphäre
1. Visuelles Rauschen vermeiden
2. Unaufdringliche Atmosphäre
3. Farben dezent und einheitlich
4. Whitespace & Simplicity
5. Nutzer nicht irritieren
1. Vermeiden von Pop-Up Elementen
2. Keine Kontrollverluste
6. Nutzer nicht warten lassen
1. Lange Ladezeiten vermeiden
2. Datei- & Abspielgröße angeben
7. Nicht aufdringlich werden
1. Nur nötige Infos & Knappe Formulare
2. Präzise Bezeichnungen
3. Folgeschritte angeben
![Page 31: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/31.jpg)
© 2015 HYVE AG 31
Usability & Design Regeln
8. Mit dem Nutzer kommunizieren
1. Rückmeldungen anzeigen
2. Nächste Schritte anzeigen
3. Fehlermeldungen anzeigen
4. Hilfestellungen & Lösungen anbieten
9. Vertrauen aufbauen
1. Hilfsbereit zeigen
2. Kontaktaufnahmemöglichkeit
3. Transparenz zeigen
10. Nutzer wieder bedienen
1. Bookmarking Möglichkeit
2. Newsletter
3. Benutzer auf dem Laufenden halten
4. Möglichkeit zur Weiterempfehlung
![Page 32: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/32.jpg)
© 2015 HYVE AG 32
Let‘s draw „How to make toast“
5-10 Minuten allein
15 Minuten in Gruppenarbeit
Warum?
![Page 33: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/33.jpg)
© 2015 HYVE AG 33
Bedeutung von UX in verschiedenen Bereichen
![Page 34: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/34.jpg)
© 2015 HYVE AG 34
UX: Automobilbranche - Werbung
![Page 35: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/35.jpg)
© 2015 HYVE AG 35
UX: Automobilbranche - Werbung
![Page 36: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/36.jpg)
© 2015 HYVE AG 36
UX: Automobilbranche - Werbung
![Page 37: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/37.jpg)
© 2015 HYVE AG 37
UX: Automobilbranche - Ausstellung
![Page 38: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/38.jpg)
© 2015 HYVE AG 38
UX: Automobilbranche - Ausstellung
![Page 39: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/39.jpg)
© 2015 HYVE AG 39
UX: Automobilbranche - Ausstellung
![Page 40: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/40.jpg)
© 2015 HYVE AG 40
UX: Automobilbranche - IAA
![Page 41: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/41.jpg)
© 2015 HYVE AG 41
UX: Automobilbranche - IAA
![Page 42: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/42.jpg)
© 2015 HYVE AG 42
UX: Automobilbranche - Apps
![Page 43: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/43.jpg)
© 2015 HYVE AG 43
UX: Automobilbranche - Apps
![Page 44: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/44.jpg)
© 2015 HYVE AG 44
UX: Automobilbranche - Service
![Page 45: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/45.jpg)
© 2015 HYVE AG 45
Gesamt UX innerhalb der Marke Audi
UX
Auto
Service
AutohausAusstellung
Apps
Werbung
Online
![Page 46: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/46.jpg)
© 2015 HYVE AG 46
UX im Bereich Videospiele
![Page 47: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/47.jpg)
© 2015 HYVE AG 47
UX & Videospiele
![Page 48: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/48.jpg)
© 2015 HYVE AG 48
UX & Videospiele
![Page 49: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/49.jpg)
© 2015 HYVE AG 49
UX & Videospiele
![Page 50: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/50.jpg)
© 2015 HYVE AG 50
UX & Videospiele
![Page 51: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/51.jpg)
© 2015 HYVE AG 51
UX & Videospiele
![Page 52: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/52.jpg)
© 2015 HYVE AG 52
UX innerhalb von Videospielen
UX
Website
MarketingSpiel & Editionen
Videos (Trailer & Demos)
Messen
![Page 53: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/53.jpg)
© 2015 HYVE AG 53
UX im Bereich VR
![Page 54: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/54.jpg)
© 2015 HYVE AG 54
Virtual Reality
![Page 55: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/55.jpg)
© 2015 HYVE AG 55
Virtual Reality
![Page 56: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/56.jpg)
© 2015 HYVE AG 56
Virtual Reality
![Page 57: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/57.jpg)
© 2015 HYVE AG 57
Virtual Reality
![Page 58: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/58.jpg)
© 2015 HYVE AG 58
UX als Markenerlebnis
![Page 59: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/59.jpg)
© 2015 HYVE AG 59
UX & Markenerlebnisse
![Page 60: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/60.jpg)
© 2015 HYVE AG 60
UX & Markenerlebnisse
![Page 61: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/61.jpg)
© 2015 HYVE AG 61
UX & Markenerlebnisse
![Page 62: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/62.jpg)
© 2015 HYVE AG 62
Design - Tools
![Page 63: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/63.jpg)
© 2015 HYVE AG 63
WebZap (PS plugin)
Benefits 960 grid Layouts mit einem Klick
Generiert formatierten Lorem Ipsum Text
UI Kits
Vorschau im iPad od. iMac Template mit einem Klick
Preis 1x WebZap PS plugin, $19
10 x Webzap PS plugin, $99
http://webzap.uiparade.com/
![Page 64: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/64.jpg)
© 2015 HYVE AG 64
Glifo (PS plugin)
Benefits schnell eigene Icon Font generieren
Davor:
Icons rausspeichern Icons auf icomoon.io hochladen Icons benennen Icon Font generieren und herunterladen
Preis 1x Glifo, $19
10 x Glifo, $99
http://glifo.uiparade.com/
![Page 65: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/65.jpg)
© 2015 HYVE AG 65
Jetpack (PS plugin)
Benefits Icons designen
Raster -> Vektor
Icons anordnen (für Sprites)
Dual View
Preis 1x Glifo, $19
10 x Glifo, $99
http://jetpack.uistore.io/
![Page 66: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/66.jpg)
© 2015 HYVE AG 66
Catalist (PS plugin)
Benefits alle Projektinformationen verknüpfen
E-Mails, Ordner, Word Dokumente, Notes, Adobe CC,..
Preis 1x Catalist, $19
10 x Catalist, $99
http://catalist.uiparade.com/
![Page 67: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/67.jpg)
© 2015 HYVE AG 67
Specctr (PS plugin)
Benefits Bemassung: Höhe, Breite, Abstand zwischen Objekten,
Koordinaten, Abstand zwischen Text Objekten,…
Smart Objects: Füllfarbe, Effekte, Transparenz, Filter
Text: Schriftart, Größe, Farbe, Kerning, Absatz,…
Preis Specctr Lite FREE (Text, Höhe & Breite)
Single User (Ps), $49
Single User (Ps + Ai + Id + Fw), $99
10 Seat License (Version Ps + Ai + Id + Fw), $ 890 statt $990
https://www.specctr.com
![Page 68: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/68.jpg)
© 2015 HYVE AG 68
Ink (PS plugin)
Benefits Ebenen-Stile: Schatten, Kontur, Verläufe,…
Text: Schriftart, Größe, Farbe,…
Ebenen Bemassung
„Ink“-Ordner für Dokumentation
Preis FREE
http://ink.chrometaphore.com/
![Page 69: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/69.jpg)
© 2015 HYVE AG 69
UX Pin
Benefits Wireframe
Mockup
Prototype
UI Patterns, Elemente, Icons (iOS, Android, Bootsrap, Smart Watch uvm.
Usability Test
Present & Collaborate
Preis Basic $15 per user / month
Pro $25 per user / month
Pro+ $40 per user / month (incl. Usability Testing beta)
http://www.uxpin.com/
![Page 70: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/70.jpg)
© 2015 HYVE AG 70
Usability – Ansätze & Methoden
![Page 71: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/71.jpg)
© 2015 HYVE AG 71
JANINEHOFER
admired, ambitious, creative
“I really would like to get professional feedback on my ideas from experts and have
the chance to directly implement it.”
ABOUT(PROFILE)
EVERYDAY WEB USE(AVERAGE, %)
30%
50%
15%
5%
AgeStatusOccupationEducationLocation
47SingleFinancial ServiceBWL: LMU Munich *82Munich
ADJECTIVES(PERSONALITY)
MOTIVATIONS(PERSONALITY)
TECHNOLOGY(SKILLS)
Extrovert
Sensing
Thinking
Judging
Creative
Incentive
Fear
Achievement
Growth
Social
IT and Internet
Software
Mobile Apps
Social Networks
Innovative
Introvert
Intution
Feeling
Perceiving
Formative
GOALS & MUST DOES
FRUSTRATIONS & NO GOS
REFERENCES & INFLUENCES
Traveling the worldPaintingFinding BoyfriendClean Design
Slow download timesGetting tracked unknownWasting time
Dog „Buddy“
Gaming
Surfing & social media
Working
Gaming
![Page 72: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/72.jpg)
© 2015 HYVE AG 72
Use Cases & User Stories
Definition der Nutzungsumgebung
• Welche Hardware steht zur Verfügung?
• Welche technischen Interfaces werden genutzt?
• Gibt es besondere räumliche Anforderungen?
• Gibt es bestimmte Einschränkungen für die Nutzung?
(Handschuhe, Umwelteinflüsse, Sichtverhältnisse, etc.)
Definition der Nutzungsziele der Anwender
• Welche Aufgaben sind durch den Nutzer zu erledigen?
• Welche Ziele verfolgt der Nutzer mit der Anwendung?
• Welche Funktionalität ist seitens des Anwenders
gefordert/gewünscht?
Definition der Software-Anforderung
• Kurz gehalten & In zwei Sätzen definiert
• Schreiben auf sogenannte Story-Cards
• Kunde ist Autor
• z.B. „Als <Rolle> möchte ich <Ziel/Wunsch>, um <Nutzen>.“
• „Als Teilnehmer des Summer Design Summits möchte ich mich in Sachen Design Thinking fortbilden, um in Zukunft fokussierter arbeiten zu können.“
Unterschied zu Use Cases
• User Story ist ein konkretes Szenario
• Use Cases beinhaltet mehrere Szenarien
![Page 73: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/73.jpg)
© 2015 HYVE AG 73
User Experience Tests
Design Test
• Gutes Design ist die halbe Miete für die Akzeptanz eines Mediums
• Testen der Entwürfe anhand von mehreren Designentwürfen (A/B-Testing)
• Zufällige Zuweisung von einem Entwurf an einen Probanden
Usability Test
• Testen der Bedienbarkeit und des Nutzererlebnisses
• User sollen reale Use Cases lösen
• Beobachtung durch UX Spezialisten
• Durch Kontakt & Gespräche mit dem Nutzer während der Nutzung können Schwächen identifiziert werden
Experten Evaluation
• Anhand von definierten Use Cases schlüpfen Experten in die Rolle der Nutzer
• Suche nach Usability-Problemen
• Vorschläge für Verbesserungen
Eye Tracking
• Analyse von Blickverläufen
• Visualisierung anhand einer Heatmap
• Entscheidung welche Inhalte aufgerufen werden & welche nicht
• Kann während einem Usability- oder Designtest mitlaufen
![Page 74: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/74.jpg)
© 2015 HYVE AG 74
Literaturempfehlung
Don‘t make me thinkBy Steve Krug
Smashing UX DesignBy Jesmond Allen and James Chudley
100 Things Every Designer needs to know about peopleBy Susan M. Weinschenk, Ph.D.
Usable UsabilityBy Eric Reiss
Measuring the User Experience: Collecting, Analyzing, and presentingusability metricsBy Tom Tullis and Bill Albert
![Page 75: SDS*15: Kristin Lewitzka on UX-Design](https://reader034.vdocuments.site/reader034/viewer/2022042818/55c334e1bb61eb903a8b459d/html5/thumbnails/75.jpg)
© 2015 HYVE AG 79
Vielen Dank!
Kristin Lewitzka
HYVE Innovation Community GmbH
Schellingstraße 45
80799 München
Final Dreams
3D, Virtual Reality & Digital Video
www.finaldreams.de