Mit Windows 8 kommt ein neuartiges User Interface zum Einsatz. Diese Praesentation soll die Idee der neuen Windowsoberflaeche, welche Elemente sie umfasst, die Designsprache, das Interaktionskonzept und die moeglichen Technologien (HTML5, Javascript, XAML) zeigen.

1. Grundlagen des UX Designs
für Windows Store Apps
Rina Ahmed, Microsoft Österreich
Markus Murtinger, USECON

2. 1. Über Uns
2. User Experience - Motivation
3. Windows 8 – Designgrundlagen
4. Take Away

3. • International tätiges Beratungsunternehmen mit Hauptsitz in Wien
• Spin-Off des außeruniversitären Forschungsunternehmens CURE
• Gemeinsam mit unserem Partner CURE verfügen wir über ein
internationales Team von mehr als 40 Experten
• www.usecon.com
Markus Murtinger
Wir arbeiten in den Bereichen
Usability
die einfache Benutzbarkeit aller komplexen Systeme und Technologien
User Experience
das ganzheitliche, emotionale Erlebnis der Benutzer
User Interface Design
Analyse, Interaktionsstrategie, Konzeption, Prototyping, Grafikdesign

4. Microsoft Developer and
Platform Evangelism Group
Rina Ahmed
• Begeisterung für die Microsoft Plattform bei Kunden, Partnern und Entwicklern
• Unterstützung bei SW-Projekten mit
www.codefest.at

5. User Experience (UX)
Motivation

6. Awareness

7. Web, Mobile und Software Anwendungen – Usability Probleme
Struktur
12%
Inhalt
14%
Navigation
56%
Design
18%

8. „Das Interface ist
das Produkt“
– Jef Raskin
S99-01415, NASA JSC, January 1999

9. User Experience Design
Interkulturalität
Funktionalität
Usability
Spaß
Akzeptanz
Aufgaben
Effektiv
Spannung Effizient
Identität
Zufriedenstellend
Kontext
Ästhetik Verlässlichkeit
Vertrauen
Emotion
Sicherheit

10. User Experience Design
Interkulturalität
Funktionalität
Usability
Spaß
Akzeptanz
Aufgaben
Effektiv
Spannung Effizient
Identität
Zufriedenstellend
Kontext
Ästhetik Verlässlichkeit
Emotion Vertrauen
Sicherheit

11. User Experience Design
Interkulturalität
Funktionalität
Usability
Spaß
Akzeptanz
Aufgaben
Effektiv
Spannung Effizient
Identität
Zufriedenstellend
Kontext
Ästhetik Verlässlichkeit
Emotion Vertrauen
Sicherheit

12. User Experience Design
Interkulturalität
Funktionalität
Usability
Spaß
Akzeptanz
Aufgaben
Effektiv
Spannung Effizient
Identität
Zufriedenstellend
Kontext
Ästhetik Verlässlichkeit
Emotion Vertrauen
Sicherheit

13. DESIGN
Wünschenswert
http://de.slideshare.net/valeaseattle/windows-8-design-101

14. Benutzer / Kunden-
Features & Funktionen Bedürfnisse
System UX
Sicht Technologie = Cool Technologie = Tool Sicht
Technik zentriert User- / Kundenzentriert
Eindimensional arbeiten Multidisziplinär arbeiten
„Einweg“ Usability Systematisch vorgehen
First Shot Is The Best Iterativ arbeiten

15. Bevor eine Zeile Code geschrieben wird…
…müssen 3 Fragen beantwortet werden:
1. An welche Benutzer richtet sich meine App?
2. Welche Aufgaben sollen Benutzer mit der App
lösen?
3. In welchem(n) Kontext(en) wird die App
eingesetzt?

16. Windows 8
Designgrundlagen

17. Farben
Icons
Schriftart
www.syncfusion.com

18. Windows 8 UI
neue
Designsprache

19. • Ein Satz von Regeln & Kochrezepten
Design Prinzipien unterstützen den Prozess, denn
• User Experience ist messbar = manipulierbar
Erlebnisse sind somit planbar

20. 1. Achte auf Details im Design
2. Ermögliche rasche & flexible Wege
3. Nutze die digitale Welt
4. Konzentriere dich auf den Inhalt
5. Berücksichtige alle Möglichkeiten

21. Achte auf Details im Design

22. Microsoft Windows UX Guidelines RTM

24. Demo
Ermögliche rasche Wege (Cocktail Flow)

25. • Semantic Zoom
• Snap View
• Tile (Kachel)

26. Demo
Semantic Zoom, Snap View & Tiles (SAP App)

28. Roaming in der Cloud
• Geräteübergreifende (konsistente) Oberfläche
• Fortsetzung der User Aktion auf unterschiedlichen
Geräten
http://msdn.microsoft.com/en-us/library/windows/apps/hh868264.aspx

29. http://www.mobspot.com/apps/pocket-weather-au-hd/iphone

30. Demo
Content before Chrome (Wetter App)

31. • Unterstützung für Multitasking
• Eine App kann in folgenden Layouts verwendet
werden

32. • Windows 8 Erlebnis in eigene App integrieren
• Systemweite Funktionalität über Charms

33. Demo
App Rahmenbedingungen & Charms

34. Take Away

35. • UX Design - wesentlicher Differenzierungsfaktor
• UX Design bringt´s … (Business View)
• Lebe die Design-Prinzipien
• Verwende die Möglichkeiten der Microsoft Welt

36. Designe für die User

37. Rina Ahmed (a-rinaa@microsoft.com)
Markus Murtinger (murtinger@usecon.com)

38. App downloaden, Feedback geben &
3 coole Devices gewinnen
http://aka.ms/mymicrosoftday

40. Wie Sie Ihren UI Design Process aufsetzen und
umsetzen können
15:45 – 16:45
Level 100
Presented by Univ. Prof. Dr. Manfred Tscheligi, Academic Director
(ICT&S Center, University of Salzburg)

41. Empfohlene Trainings von
unseren Learning Partners

42. ½ Preis für alle Microsoft-Kurse
JavaScript und HTML5 und
HTML: CSS3:
Einführung in die Anwendungen
Web- entwickeln
Programmierung
Aktion gültig für alle Microsoft Day 2013 Teilnehmer, online buchbar unter www.ppedv.at bis 15.03.2013
mit dem Stichwort „MSDay“

43. http://design.windows.com
http://www.usecon.com

44. [kommt noch von Microsoft]