usecon & microsoft: grundlagen des user experience designs fuer windows store apps
DESCRIPTION
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.TRANSCRIPT
![Page 1: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/1.jpg)
Grundlagen des UX Designs für Windows Store Apps
Rina Ahmed, Microsoft Österreich Markus Murtinger, USECON
![Page 2: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/2.jpg)
1. Über Uns
2. User Experience - Motivation
3. Windows 8 – Designgrundlagen
4. Take Away
![Page 3: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/3.jpg)
• 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
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
Markus Murtinger
![Page 4: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/4.jpg)
• Begeisterung für die Microsoft Plattform bei Kunden, Partnern und Entwicklern
• Unterstützung bei SW-Projekten mit
www.codefest.at
Microsoft Developer and Platform Evangelism Group
Rina Ahmed
![Page 5: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/5.jpg)
User Experience (UX)
Motivation
![Page 6: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/6.jpg)
Awareness
![Page 7: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/7.jpg)
Web, Mobile und Software Anwendungen – Usability Probleme
Struktur
12%
Inhalt
14%
Design
18%
Navigation
56%
![Page 8: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/8.jpg)
„Das Interface ist
das Produkt“ – Jef Raskin
S99-01415, NASA JSC, January 1999
![Page 9: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/9.jpg)
User Experience Design
Effektiv
Effizient
Zufriedenstellend
Sicherheit
Spannung
Emotion Vertrauen
Ästhetik
Identität
Verlässlichkeit
Spaß
Funktionalität
Akzeptanz
Usability
Interkulturalität
Kontext
Aufgaben
![Page 10: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/10.jpg)
User Experience Design
Effektiv
Effizient
Zufriedenstellend
Sicherheit
Spannung
Emotion Vertrauen
Ästhetik
Identität
Verlässlichkeit
Spaß
Funktionalität
Akzeptanz
Usability
Interkulturalität
Aufgaben
Kontext
![Page 11: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/11.jpg)
User Experience Design
Effektiv
Effizient
Zufriedenstellend
Aufgaben
Sicherheit
Spannung
Emotion Vertrauen
Ästhetik
Identität
Verlässlichkeit
Spaß
Funktionalität
Akzeptanz
Usability
Interkulturalität
Kontext
![Page 12: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/12.jpg)
User Experience Design
Effektiv
Effizient
Zufriedenstellend
Aufgaben
Sicherheit
Spannung
Emotion Vertrauen
Ästhetik
Identität
Verlässlichkeit
Spaß
Funktionalität
Akzeptanz
Usability
Interkulturalität
Kontext
![Page 13: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/13.jpg)
DESIGN
Wünschenswert
http://de.slideshare.net/valeaseattle/windows-8-design-101
![Page 14: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/14.jpg)
Features & Funktionen Benutzer / Kunden-
Bedürfnisse
Technologie = Cool Technologie = Tool
Technik zentriert User- / Kundenzentriert
Eindimensional arbeiten Multidisziplinär arbeiten
„Einweg“ Usability Systematisch vorgehen
First Shot Is The Best Iterativ arbeiten
System
Sicht
UX
Sicht
![Page 15: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/15.jpg)
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?
![Page 16: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/16.jpg)
Windows 8 Designgrundlagen
![Page 17: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/17.jpg)
Farben
Icons
Schriftart
www.syncfusion.com
![Page 18: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/18.jpg)
Windows 8 UI neue
Designsprache
![Page 19: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/19.jpg)
• Ein Satz von Regeln & Kochrezepten
Design Prinzipien unterstützen den Prozess, denn
• User Experience ist messbar = manipulierbar
Erlebnisse sind somit planbar
![Page 20: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/20.jpg)
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
![Page 21: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/21.jpg)
Achte auf Details im Design
![Page 22: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/22.jpg)
Microsoft Windows UX Guidelines RTM
![Page 23: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/23.jpg)
![Page 24: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/24.jpg)
Demo
Ermögliche rasche Wege (Cocktail Flow)
![Page 25: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/25.jpg)
• Semantic Zoom
• Snap View
• Tile (Kachel)
![Page 26: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/26.jpg)
Demo
Semantic Zoom, Snap View & Tiles (SAP App)
![Page 27: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/27.jpg)
![Page 28: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/28.jpg)
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
![Page 29: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/29.jpg)
http://www.mobspot.com/apps/pocket-weather-au-hd/iphone
![Page 30: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/30.jpg)
Demo
Content before Chrome (Wetter App)
![Page 31: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/31.jpg)
• Unterstützung für Multitasking
• Eine App kann in folgenden Layouts verwendet werden
![Page 32: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/32.jpg)
• Windows 8 Erlebnis in eigene App integrieren
• Systemweite Funktionalität über Charms
![Page 33: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/33.jpg)
Demo
App Rahmenbedingungen & Charms
![Page 34: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/34.jpg)
Take Away
![Page 35: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/35.jpg)
• UX Design - wesentlicher Differenzierungsfaktor
• UX Design bringt´s … (Business View)
• Lebe die Design-Prinzipien
• Verwende die Möglichkeiten der Microsoft Welt
![Page 36: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/36.jpg)
Designe für die User
![Page 37: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/37.jpg)
Rina Ahmed ([email protected]) Markus Murtinger ([email protected])
![Page 38: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/38.jpg)
http://aka.ms/mymicrosoftday
App downloaden, Feedback geben &
3 coole Devices gewinnen
![Page 39: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/39.jpg)
![Page 40: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/40.jpg)
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)
![Page 41: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/41.jpg)
Empfohlene Trainings von unseren Learning Partners
![Page 42: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/42.jpg)
JavaScript und
HTML:
Einführung in die
Web-
Programmierung
HTML5 und
CSS3:
Anwendungen
entwickeln
Aktion gültig für alle Microsoft Day 2013 Teilnehmer, online buchbar unter www.ppedv.at bis 15.03.2013 mit dem Stichwort „MSDay“
½ Preis für alle Microsoft-Kurse
![Page 43: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/43.jpg)
http://design.windows.com
http://www.usecon.com
![Page 44: USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps](https://reader033.vdocuments.site/reader033/viewer/2022051818/54c317704a79592f3f8b4589/html5/thumbnails/44.jpg)
[kommt noch von Microsoft]