SlideShare ist ein Scribd-Unternehmen logo
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

                                                                        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
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
User Experience (UX)

Motivation
Awareness
Web, Mobile und Software Anwendungen – Usability Probleme



                                      Struktur
                                        12%

                                                 Inhalt
                                                  14%
                         Navigation
                           56%
                                           Design
                                            18%
„Das Interface ist
das Produkt“
– Jef Raskin




S99-01415, NASA JSC, January 1999
User Experience Design
                                  Interkulturalität
                                                                           Funktionalität
                Usability
                                                                                                   Spaß
   Akzeptanz
                        Aufgaben
                                                      Effektiv
Spannung                                              Effizient
                                                                                                        Identität
                                               Zufriedenstellend



                                                                     Kontext
     Ästhetik                                                                                      Verlässlichkeit


                                                                                       Vertrauen
                            Emotion
                                                        Sicherheit
User Experience Design
                                  Interkulturalität
                                                                           Funktionalität
                Usability
                                                                                                Spaß
   Akzeptanz
                        Aufgaben
                                                      Effektiv
Spannung                                              Effizient
                                                                                                     Identität
                                               Zufriedenstellend



                                                                     Kontext
     Ästhetik                                                                                   Verlässlichkeit



                            Emotion                                                 Vertrauen
                                                        Sicherheit
User Experience Design
                                  Interkulturalität
                                                                           Funktionalität
                Usability
                                                                                                Spaß
   Akzeptanz
                        Aufgaben
                                                      Effektiv
Spannung                                              Effizient
                                                                                                     Identität
                                               Zufriedenstellend



                                                                     Kontext
     Ästhetik                                                                                   Verlässlichkeit



                            Emotion                                                 Vertrauen
                                                        Sicherheit
User Experience Design
                                  Interkulturalität
                                                                           Funktionalität
                Usability
                                                                                                Spaß
   Akzeptanz
                        Aufgaben
                                                      Effektiv
Spannung                                              Effizient
                                                                                                     Identität
                                               Zufriedenstellend



                                                                     Kontext
     Ästhetik                                                                                   Verlässlichkeit



                            Emotion                                                 Vertrauen
                                                        Sicherheit
DESIGN
                                                             Wünschenswert



http://de.slideshare.net/valeaseattle/windows-8-design-101
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
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)
App downloaden, Feedback geben &
3 coole Devices gewinnen




http://aka.ms/mymicrosoftday
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
½ 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“
http://design.windows.com
http://www.usecon.com
[kommt noch von Microsoft]

Weitere ähnliche Inhalte

Andere mochten auch

USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
USECON
 
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
USECON
 
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
USECON
 
USECON RoX 2015: Top Down vs Bottom Up Experience Design
USECON RoX 2015: Top Down vs Bottom Up Experience DesignUSECON RoX 2015: Top Down vs Bottom Up Experience Design
USECON RoX 2015: Top Down vs Bottom Up Experience Design
USECON
 
USECON RoX2016: Creating the ultimate last-mile experience
USECON RoX2016: Creating the ultimate last-mile experienceUSECON RoX2016: Creating the ultimate last-mile experience
USECON RoX2016: Creating the ultimate last-mile experience
USECON
 
Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"
Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"
Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"
USECON
 
USECON Experience Webinar: Mobile Ethnographie & User Research
USECON Experience Webinar: Mobile Ethnographie & User ResearchUSECON Experience Webinar: Mobile Ethnographie & User Research
USECON Experience Webinar: Mobile Ethnographie & User Research
USECON
 
UX User Experience ... Mobile Apps - UI & UX
UX User Experience ... Mobile Apps - UI & UXUX User Experience ... Mobile Apps - UI & UX
UX User Experience ... Mobile Apps - UI & UX
m-ACADEMY
 
Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?
Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?
Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?TFT TIE Kinetix GmbH
 
USECON RoX2016: Künstliche Intelligenz - Joy of Use
USECON RoX2016: Künstliche Intelligenz - Joy of UseUSECON RoX2016: Künstliche Intelligenz - Joy of Use
USECON RoX2016: Künstliche Intelligenz - Joy of Use
USECON
 
User-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design ProcessUser-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design Process
Dave Cooksey
 
Content-first UX Design: What video games teach us about UX
Content-first UX Design: What video games teach us about UXContent-first UX Design: What video games teach us about UX
Content-first UX Design: What video games teach us about UX
Steph Hay
 
Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)
Agnieszka Maria Walorska
 
UX Design Myths
UX Design Myths UX Design Myths
UX Design Myths
Evan Samek
 
Making UX Matter to Your Company
Making UX Matter to Your CompanyMaking UX Matter to Your Company
Making UX Matter to Your Company
Wendy Johansson
 
The Future of UX: Designing Data Experiences
The Future of UX: Designing Data ExperiencesThe Future of UX: Designing Data Experiences
The Future of UX: Designing Data Experiences
Eva Willis
 
Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014
Patrick McNeil
 
UX and UI - Designing for Mobile
UX and UI - Designing for MobileUX and UI - Designing for Mobile
UX and UI - Designing for Mobile
BuiltByHQ
 
How to Teach UX Design
How to Teach UX DesignHow to Teach UX Design
How to Teach UX Design
Christina Wodtke
 

Andere mochten auch (19)

USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
USECON RoX2016: Der Weg ist das Ziel? Indoor-Navigation ermöglicht grenzenlos...
 
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
USECON RoX2016: Digitalisierung als wesentlicher Eckpfeiler der Qualitätsstra...
 
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
USECON RoX2016: User Experience & User Acceptance: Nutzen und Potentiale aus ...
 
USECON RoX 2015: Top Down vs Bottom Up Experience Design
USECON RoX 2015: Top Down vs Bottom Up Experience DesignUSECON RoX 2015: Top Down vs Bottom Up Experience Design
USECON RoX 2015: Top Down vs Bottom Up Experience Design
 
USECON RoX2016: Creating the ultimate last-mile experience
USECON RoX2016: Creating the ultimate last-mile experienceUSECON RoX2016: Creating the ultimate last-mile experience
USECON RoX2016: Creating the ultimate last-mile experience
 
Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"
Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"
Usecon Experience Webinar "Grundlagen der Barrierefreiheit im Web"
 
USECON Experience Webinar: Mobile Ethnographie & User Research
USECON Experience Webinar: Mobile Ethnographie & User ResearchUSECON Experience Webinar: Mobile Ethnographie & User Research
USECON Experience Webinar: Mobile Ethnographie & User Research
 
UX User Experience ... Mobile Apps - UI & UX
UX User Experience ... Mobile Apps - UI & UXUX User Experience ... Mobile Apps - UI & UX
UX User Experience ... Mobile Apps - UI & UX
 
Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?
Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?
Usability vs. User Experience vs. CRO - warum eigentlich nicht miteinander?
 
USECON RoX2016: Künstliche Intelligenz - Joy of Use
USECON RoX2016: Künstliche Intelligenz - Joy of UseUSECON RoX2016: Künstliche Intelligenz - Joy of Use
USECON RoX2016: Künstliche Intelligenz - Joy of Use
 
User-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design ProcessUser-centered UX: Bringing the User into the Design Process
User-centered UX: Bringing the User into the Design Process
 
Content-first UX Design: What video games teach us about UX
Content-first UX Design: What video games teach us about UXContent-first UX Design: What video games teach us about UX
Content-first UX Design: What video games teach us about UX
 
Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)Einführung in die User Experience (Lean-UX-Ansatz)
Einführung in die User Experience (Lean-UX-Ansatz)
 
UX Design Myths
UX Design Myths UX Design Myths
UX Design Myths
 
Making UX Matter to Your Company
Making UX Matter to Your CompanyMaking UX Matter to Your Company
Making UX Matter to Your Company
 
The Future of UX: Designing Data Experiences
The Future of UX: Designing Data ExperiencesThe Future of UX: Designing Data Experiences
The Future of UX: Designing Data Experiences
 
Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014Practical UX Methods - as presented at FOWD 2014
Practical UX Methods - as presented at FOWD 2014
 
UX and UI - Designing for Mobile
UX and UI - Designing for MobileUX and UI - Designing for Mobile
UX and UI - Designing for Mobile
 
How to Teach UX Design
How to Teach UX DesignHow to Teach UX Design
How to Teach UX Design
 

Mehr von USECON

USECON MuC 2018: User Integration im agilen Umfeld
USECON MuC 2018: User Integration im agilen UmfeldUSECON MuC 2018: User Integration im agilen Umfeld
USECON MuC 2018: User Integration im agilen Umfeld
USECON
 
RoX 2017 - Can Security and User Experience coexist?
RoX 2017 - Can Security and User Experience coexist?RoX 2017 - Can Security and User Experience coexist?
RoX 2017 - Can Security and User Experience coexist?
USECON
 
RoX 2017 - Customer Experiencing: Community Design Thinking
RoX 2017 - Customer Experiencing: Community Design ThinkingRoX 2017 - Customer Experiencing: Community Design Thinking
RoX 2017 - Customer Experiencing: Community Design Thinking
USECON
 
RoX 2017 - Gutes Design macht hyggelig
RoX 2017 - Gutes Design macht hyggeligRoX 2017 - Gutes Design macht hyggelig
RoX 2017 - Gutes Design macht hyggelig
USECON
 
RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...
RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...
RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...
USECON
 
Workshop RoX2017 Customer Journey Mapping
Workshop RoX2017 Customer Journey MappingWorkshop RoX2017 Customer Journey Mapping
Workshop RoX2017 Customer Journey Mapping
USECON
 
Workshop RoX2017 Customer Journey Mapping - Vorstellung SIGNON
Workshop RoX2017 Customer Journey Mapping - Vorstellung SIGNONWorkshop RoX2017 Customer Journey Mapping - Vorstellung SIGNON
Workshop RoX2017 Customer Journey Mapping - Vorstellung SIGNON
USECON
 
User Experience in Virtual and Augmented Reality
User Experience in Virtual and Augmented RealityUser Experience in Virtual and Augmented Reality
User Experience in Virtual and Augmented Reality
USECON
 
Gesteigerte Employee Experience durch mobile Ethnographie
Gesteigerte Employee Experience durch mobile EthnographieGesteigerte Employee Experience durch mobile Ethnographie
Gesteigerte Employee Experience durch mobile Ethnographie
USECON
 
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
USECON
 
User Interface Design Style Guides are not dead, the just smell funny
User Interface Design Style Guides are not dead, the just smell funnyUser Interface Design Style Guides are not dead, the just smell funny
User Interface Design Style Guides are not dead, the just smell funny
USECON
 
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AITUSECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
USECON
 
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rsUSECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
USECON
 
USECON RoX 2015: Slip into your customers' shoes - Mobile Ethnography
USECON RoX 2015: Slip into your customers' shoes - Mobile EthnographyUSECON RoX 2015: Slip into your customers' shoes - Mobile Ethnography
USECON RoX 2015: Slip into your customers' shoes - Mobile Ethnography
USECON
 
USECON RoX 2015: Die Feedbackgesellschaft
USECON RoX 2015: Die FeedbackgesellschaftUSECON RoX 2015: Die Feedbackgesellschaft
USECON RoX 2015: Die Feedbackgesellschaft
USECON
 

Mehr von USECON (15)

USECON MuC 2018: User Integration im agilen Umfeld
USECON MuC 2018: User Integration im agilen UmfeldUSECON MuC 2018: User Integration im agilen Umfeld
USECON MuC 2018: User Integration im agilen Umfeld
 
RoX 2017 - Can Security and User Experience coexist?
RoX 2017 - Can Security and User Experience coexist?RoX 2017 - Can Security and User Experience coexist?
RoX 2017 - Can Security and User Experience coexist?
 
RoX 2017 - Customer Experiencing: Community Design Thinking
RoX 2017 - Customer Experiencing: Community Design ThinkingRoX 2017 - Customer Experiencing: Community Design Thinking
RoX 2017 - Customer Experiencing: Community Design Thinking
 
RoX 2017 - Gutes Design macht hyggelig
RoX 2017 - Gutes Design macht hyggeligRoX 2017 - Gutes Design macht hyggelig
RoX 2017 - Gutes Design macht hyggelig
 
RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...
RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...
RoX 2017 - Motivation wird digital - Potentiale von persuasiven Technologien ...
 
Workshop RoX2017 Customer Journey Mapping
Workshop RoX2017 Customer Journey MappingWorkshop RoX2017 Customer Journey Mapping
Workshop RoX2017 Customer Journey Mapping
 
Workshop RoX2017 Customer Journey Mapping - Vorstellung SIGNON
Workshop RoX2017 Customer Journey Mapping - Vorstellung SIGNONWorkshop RoX2017 Customer Journey Mapping - Vorstellung SIGNON
Workshop RoX2017 Customer Journey Mapping - Vorstellung SIGNON
 
User Experience in Virtual and Augmented Reality
User Experience in Virtual and Augmented RealityUser Experience in Virtual and Augmented Reality
User Experience in Virtual and Augmented Reality
 
Gesteigerte Employee Experience durch mobile Ethnographie
Gesteigerte Employee Experience durch mobile EthnographieGesteigerte Employee Experience durch mobile Ethnographie
Gesteigerte Employee Experience durch mobile Ethnographie
 
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
USECON Webinar 2017: Alina's Guests - Floor Drees from sektor5
 
User Interface Design Style Guides are not dead, the just smell funny
User Interface Design Style Guides are not dead, the just smell funnyUser Interface Design Style Guides are not dead, the just smell funny
User Interface Design Style Guides are not dead, the just smell funny
 
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AITUSECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
USECON Webinar 2017: Zu Gast bei Alina - Marc Busch vom AIT
 
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rsUSECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
USECON Webinar 2017: Zu Gast bei Alina - Florian Leiler von indoo.rs
 
USECON RoX 2015: Slip into your customers' shoes - Mobile Ethnography
USECON RoX 2015: Slip into your customers' shoes - Mobile EthnographyUSECON RoX 2015: Slip into your customers' shoes - Mobile Ethnography
USECON RoX 2015: Slip into your customers' shoes - Mobile Ethnography
 
USECON RoX 2015: Die Feedbackgesellschaft
USECON RoX 2015: Die FeedbackgesellschaftUSECON RoX 2015: Die Feedbackgesellschaft
USECON RoX 2015: Die Feedbackgesellschaft
 

USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps

  • 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
  • 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?
  • 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
  • 23.
  • 24. Demo Ermögliche rasche Wege (Cocktail Flow)
  • 25. • Semantic Zoom • Snap View • Tile (Kachel)
  • 26. Demo Semantic Zoom, Snap View & Tiles (SAP App)
  • 27.
  • 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
  • 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
  • 35. • UX Design - wesentlicher Differenzierungsfaktor • UX Design bringt´s … (Business View) • Lebe die Design-Prinzipien • Verwende die Möglichkeiten der Microsoft Welt
  • 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
  • 39.
  • 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“
  • 44. [kommt noch von Microsoft]