Your SlideShare is downloading. ×
USECON & Microsoft: Grundlagen des User Experience Designs fuer Windows Store Apps
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

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

444
views

Published on

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 …

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.

Published in: Business

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
444
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Grundlagen des UX Designsfür Windows Store AppsRina Ahmed, Microsoft ÖsterreichMarkus Murtinger, USECON
  • 2. 1. Über Uns2. User Experience - Motivation3. Windows 8 – Designgrundlagen4. 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 MurtingerWir arbeiten in den BereichenUsabilitydie einfache Benutzbarkeit aller komplexen Systeme und TechnologienUser Experiencedas ganzheitliche, emotionale Erlebnis der BenutzerUser Interface DesignAnalyse, Interaktionsstrategie, Konzeption, Prototyping, Grafikdesign
  • 4. Microsoft Developer andPlatform 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 istdas Produkt“– Jef RaskinS99-01415, NASA JSC, January 1999
  • 9. User Experience Design Interkulturalität Funktionalität Usability Spaß Akzeptanz Aufgaben EffektivSpannung Effizient Identität Zufriedenstellend Kontext Ästhetik Verlässlichkeit Vertrauen Emotion Sicherheit
  • 10. User Experience Design Interkulturalität Funktionalität Usability Spaß Akzeptanz Aufgaben EffektivSpannung Effizient Identität Zufriedenstellend Kontext Ästhetik Verlässlichkeit Emotion Vertrauen Sicherheit
  • 11. User Experience Design Interkulturalität Funktionalität Usability Spaß Akzeptanz Aufgaben EffektivSpannung Effizient Identität Zufriedenstellend Kontext Ästhetik Verlässlichkeit Emotion Vertrauen Sicherheit
  • 12. User Experience Design Interkulturalität Funktionalität Usability Spaß Akzeptanz Aufgaben EffektivSpannung Effizient Identität Zufriedenstellend Kontext Ästhetik Verlässlichkeit Emotion Vertrauen Sicherheit
  • 13. DESIGN Wünschenswerthttp://de.slideshare.net/valeaseattle/windows-8-design-101
  • 14. Benutzer / Kunden- Features & Funktionen BedürfnisseSystem 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 8Designgrundlagen
  • 17. Farben Icons Schriftartwww.syncfusion.com
  • 18. Windows 8 UI neueDesignsprache
  • 19. • Ein Satz von Regeln & KochrezeptenDesign Prinzipien unterstützen den Prozess, denn• User Experience ist messbar = manipulierbar Erlebnisse sind somit planbar
  • 20. 1. Achte auf Details im Design2. Ermögliche rasche & flexible Wege3. Nutze die digitale Welt4. Konzentriere dich auf den Inhalt5. Berücksichtige alle Möglichkeiten
  • 21. Achte auf Details im Design
  • 22. Microsoft Windows UX Guidelines RTM
  • 23. DemoErmögliche rasche Wege (Cocktail Flow)
  • 24. • Semantic Zoom• Snap View• Tile (Kachel)
  • 25. DemoSemantic Zoom, Snap View & Tiles (SAP App)
  • 26. Roaming in der Cloud • Geräteübergreifende (konsistente) Oberfläche • Fortsetzung der User Aktion auf unterschiedlichen Gerätenhttp://msdn.microsoft.com/en-us/library/windows/apps/hh868264.aspx
  • 27. http://www.mobspot.com/apps/pocket-weather-au-hd/iphone
  • 28. DemoContent before Chrome (Wetter App)
  • 29. • Unterstützung für Multitasking• Eine App kann in folgenden Layouts verwendet werden
  • 30. • Windows 8 Erlebnis in eigene App integrieren• Systemweite Funktionalität über Charms
  • 31. DemoApp Rahmenbedingungen & Charms
  • 32. Take Away
  • 33. • UX Design - wesentlicher Differenzierungsfaktor• UX Design bringt´s … (Business View)• Lebe die Design-Prinzipien• Verwende die Möglichkeiten der Microsoft Welt
  • 34. Designe für die User
  • 35. Rina Ahmed (a-rinaa@microsoft.com)Markus Murtinger (murtinger@usecon.com)
  • 36. App downloaden, Feedback geben &3 coole Devices gewinnenhttp://aka.ms/mymicrosoftday
  • 37. Wie Sie Ihren UI Design Process aufsetzen undumsetzen können15:45 – 16:45Level 100Presented by Univ. Prof. Dr. Manfred Tscheligi, Academic Director(ICT&S Center, University of Salzburg)
  • 38. Empfohlene Trainings vonunseren Learning Partners
  • 39. ½ Preis für alle Microsoft-KurseJavaScript und HTML5 undHTML: CSS3:Einführung in die AnwendungenWeb- entwickelnProgrammierung Aktion gültig für alle Microsoft Day 2013 Teilnehmer, online buchbar unter www.ppedv.at bis 15.03.2013 mit dem Stichwort „MSDay“
  • 40. http://design.windows.comhttp://www.usecon.com
  • 41. [kommt noch von Microsoft]