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 (a-rinaa@microsoft.com) Markus Murtinger (murtinger@usecon.com)

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]