METROfizierung industrieller Bedienoberflaˆchen

  • View
    6.288

  • Download
    2

Embed Size (px)

DESCRIPTION

Chancen und Herausforderungen bei der Anwendung der Windows 8 Designphilosophie (GUI&Design 2012)

Text of METROfizierung industrieller Bedienoberflaˆchen

  • 1. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMMETROfizierung industriellerBedienoberflchenChancen und Herausforderungen bei der Anwendung der Windows 8 Designphilosophie (Jan Groenefeld & Sebas>an C. Scholz, ERGOSIGN) Goldpartner:Veranstalter:

2. ERGOSIGN INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMSpezialisierter Anbieter von UI Design Servicesfr Productivity-ProdukteGoldpartner:Veranstalter: 3. ERGOSIGN INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMSpezialisierter Anbieter von UI Design Servicesfr Productivity-ProdukteGoldpartner:Veranstalter: 4. ERGOSIGN INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMSpezialisierter Anbieter von UI Design Servicesfr Productivity-ProdukteGoldpartner:Veranstalter: 5. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMMETROfizierung industriellerBedienoberflchenChancen und Herausforderungen bei der Anwendung der Windows 8 Designphilosophie Goldpartner:Veranstalter: 6. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEM1. Was ist METRO-Design?2. Strken und Schwchen3. Anwendungsgebiete in der Industrie4. Beispiel-Showcase5. ResumeGoldpartner:Veranstalter: 7. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEM 1. Was ist METRO-Design?[ Grundlagen und kurze Einfhrung ]Goldpartner:Veranstalter: 8. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEMMETRO Design ist wie englisches FrhstckGeschmackssache!hHp://img7.imagebanana.com/img/456tkdsy/DSC00686.JPG Goldpartner:Veranstalter: 9. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEMMETRO heit jetztMODERN UIhHp://cdn1.sbna>on.com/entry_photo_images/4980433/windows8_640_large_verge_medium_landscape.jpg Goldpartner:Veranstalter: 10. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEM hHp://en.wikipedia.org/wiki/Metro_(design_language) Goldpartner:Veranstalter: 11. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEMPride in craftsmanshipBe fast and fluidAuthentically digitalDo more with lessWin as oneGoldpartner:Veranstalter: 12. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMSkewmorphismusGeschmackssache! hHp://>dbits.com/ar>cle/11150 Goldpartner:Veranstalter: 13. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEM Inspiration & UrsprunghHp://spaceforfreedom.les.wordpress.com/2012/01/metro-inspira>on.jpg Goldpartner:Veranstalter: 14. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMUmsetzunghHp://so_pedia.com Goldpartner:Veranstalter: 15. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEM Windows Desktop Win RT 2 WeltenhHp://stadt-bremerhaven.de/wp-content/uploads/2012/08/Desktop.jpg Goldpartner:Veranstalter: 16. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEMHub Page Sec>on Page Detail Page Screen PatternhHp://msdn.microso_.com/en-us/library/windows/apps/hh761500.aspx Goldpartner:Veranstalter: 17. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEM Level 1: Process Area Overview Level 2: Process Unit Control Level 3. Process Unit Detail Level 4: Diagnostics and Support Empfohlene Hierarchie HMIsGoldpartner:Veranstalter: 18. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEM 2. Strken und Schwchen[ Eingrenzung: WinRT | Touch ]Goldpartner:Veranstalter: 19. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEMWin8 als OS hat [...]Unzulnglichkeiten.Das hindert niemanden daran,gute Apps dafr zu designenhHp://cdn1.sbna>on.com/entry_photo_images/4980433/windows8_640_large_verge_medium_landscape.jpg Goldpartner:Veranstalter: 20. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEMStrken Less Chrome. More Content Attraktives Design Spielerischer Einstieg Mobile first Optimiert fr Touch-Eingaben Erhhte Performanz (Sicherheit) Goldpartner:Veranstalter: 21. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMTouch?! Goldpartner:Veranstalter: 22. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEMSchwchen / Herausforderungen Nicht selbsterklrend Einstiegshrde Viel Neues... Hufig inkonsistent Orientierung leidet bei Tiefe Scheinbar restriktive Pattern Typographie-Fokus EffizienzGoldpartner:Veranstalter: 23. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEM 3. Anwendungs- gebiete in der IndustrieGoldpartner:Veranstalter: 24. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMhHp://www.dlr.de/Portaldata/1/Resources/portal_news/newsarchiv2006/gsoc_kontrollraum.jpg Goldpartner:Veranstalter: 25. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMhHp://www.rondo-online.com/uploads/pics/Smartline_00080_02.jpg Goldpartner:Veranstalter: 26. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMhHp://weltderfer>gung.de/images/k1024_4-2011_bild1_510.jpg Goldpartner:Veranstalter: 27. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMGoldpartner:Veranstalter: 28. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEM Komplex Einfach Bedienung Monitoring Vorsicht bei zeitkritischer / direkter Maschinenbedienung!Goldpartner:Veranstalter: 29. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMBedieneffekte (User) Allgemeine Ent-Technisierung Spielerischer Einstieg undBeherrschbarkeit(...insbesondere fr Benutzer mitgeringer Fachausbildung)Goldpartner:Veranstalter: 30. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEMWeitere posi2ve Eekte (Vendor) Skalierbarkeit einer Anwendung ber mehrere Gerte-Klassen bei einheitlicher Projek>erung Programmierung mobiler Gerte miHels einheitlicher ToolkeHe nun auch auf Windows-Gerten Goldpartner:Veranstalter: 31. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEM 4. Ein Beispiel[ Showcase SPS/IPC/DRIVES2012 ]Goldpartner:Veranstalter: 32. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMMODERN UI Showcase Gezeigt auf der SPS/IPC/DRIVES 2012 in Nrnberg Applizierung von Modern UI aufeine industrielle Anwendung Erfundene Prozesskette, abervollstndige Implementierungmittels WPF/ WinRT/ HTML 5und VisiWin7Goldpartner:Veranstalter: 33. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEM32: Voller UmfangGoldpartner:Veranstalter: 34. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEMMODERN UI Showcase 2/3WinRT Tablet Na>ve Monitoring + Rezepte Tablet: Monitoring & RezepteGoldpartner:Veranstalter: 35. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEMTablet: Monitoring & RezepteGoldpartner:Veranstalter: 36. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEMTablet: Monitoring & RezepteGoldpartner:Veranstalter: 37. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMSmartphone: MonitoringGoldpartner:Veranstalter: 38. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMSmartphone: MonitoringGoldpartner:Veranstalter: 39. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEM(Special) Features Orientierung Breadcrumb-Element Home-Button Gesten 1-Finger-Wischen(Navigation) 2-Finger-Wischen (Sprung) 5-Finger-Zusammenziehen(Home)Goldpartner: Gezielter Einsatz von PatternVeranstalter: 40. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEM 5. ResumeGoldpartner:Veranstalter: 41. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEM(Fast) endlich ein frisches Windowmit viel Potential fr (manche)steinalte Strukturen in der IndustrieGoldpartner:Veranstalter: 42. INDUSTRIAL SOFTWARE DESIGN FOR THE MICROSOFT ECO SYSTEMEverything is best for somethingand worst for something else.Bill Buxton, MicrosoftGoldpartner:Veranstalter: 43. INDUSTRIAL SOFTWARE DESIGNFOR THE MICROSOFT ECO SYSTEMVielen Dank!Goldpartner:Veranstalter:

View more