44
Grundlagen des UX Designs für Windows Store Apps Rina Ahmed, Microsoft Österreich Markus Murtinger, USECON
Grundlagen des UX Designs für Windows Store Apps
Rina Ahmed, Microsoft Österreich Markus Murtinger, USECON
1. Über Uns
2. User Experience - Motivation
3. Windows 8 – Designgrundlagen
4. Take Away
• 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
• 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
User Experience (UX)
Motivation
Awareness
Web, Mobile und Software Anwendungen – Usability Probleme
Struktur
12%
Inhalt
14%
Design
18%
Navigation
56%
„Das Interface ist
das Produkt“ – Jef Raskin
S99-01415, NASA JSC, January 1999
User Experience Design
Effektiv
Effizient
Zufriedenstellend
Sicherheit
Spannung
Emotion Vertrauen
Ästhetik
Identität
Verlässlichkeit
Spaß
Funktionalität
Akzeptanz
Usability
Interkulturalität
Kontext
Aufgaben
User Experience Design
Effektiv
Effizient
Zufriedenstellend
Sicherheit
Spannung
Emotion Vertrauen
Ästhetik
Identität
Verlässlichkeit
Spaß
Funktionalität
Akzeptanz
Usability
Interkulturalität
Aufgaben
Kontext
User Experience Design
Effektiv
Effizient
Zufriedenstellend
Aufgaben
Sicherheit
Spannung
Emotion Vertrauen
Ästhetik
Identität
Verlässlichkeit
Spaß
Funktionalität
Akzeptanz
Usability
Interkulturalität
Kontext
User Experience Design
Effektiv
Effizient
Zufriedenstellend
Aufgaben
Sicherheit
Spannung
Emotion Vertrauen
Ästhetik
Identität
Verlässlichkeit
Spaß
Funktionalität
Akzeptanz
Usability
Interkulturalität
Kontext
DESIGN
Wünschenswert
http://de.slideshare.net/valeaseattle/windows-8-design-101
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
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?
Windows 8 Designgrundlagen
Farben
Icons
Schriftart
www.syncfusion.com
Windows 8 UI neue
Designsprache
• Ein Satz von Regeln & Kochrezepten
Design Prinzipien unterstützen den Prozess, denn
• User Experience ist messbar = manipulierbar
Erlebnisse sind somit planbar
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
Achte auf Details im Design
Microsoft Windows UX Guidelines RTM
Demo
Ermögliche rasche Wege (Cocktail Flow)
• Semantic Zoom
• Snap View
• Tile (Kachel)
Demo
Semantic Zoom, Snap View & Tiles (SAP App)
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
http://www.mobspot.com/apps/pocket-weather-au-hd/iphone
Demo
Content before Chrome (Wetter App)
• Unterstützung für Multitasking
• Eine App kann in folgenden Layouts verwendet werden
• Windows 8 Erlebnis in eigene App integrieren
• Systemweite Funktionalität über Charms
Demo
App Rahmenbedingungen & Charms
Take Away
• UX Design - wesentlicher Differenzierungsfaktor
• UX Design bringt´s … (Business View)
• Lebe die Design-Prinzipien
• Verwende die Möglichkeiten der Microsoft Welt
Designe für die User
Rina Ahmed ([email protected]) Markus Murtinger ([email protected])
http://aka.ms/mymicrosoftday
App downloaden, Feedback geben &
3 coole Devices gewinnen
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)
Empfohlene Trainings von unseren Learning Partners
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
http://design.windows.com
http://www.usecon.com
[kommt noch von Microsoft]
