Intuitive Bedienung durch besseres HMI-Design. Digitalization Days 2017

Transkript

1 Intuitive Bedienung durch besseres HMI-Design Digitalization Days 2017 siemens.de/hmi

2 SIMATIC HMI machine based Über Maschinen, Funktionalität und Design» Das Auge fräst mit! «Seite 2

3 SIMATIC HMI machine based Design viel mehr als die äußere Form Seite Page 34

4 Erfolg? Seite 4

5 SIMATIC HMI machine based Designstudien belegen, dass 95,1% der Befragten geben an, dass Design für den Markenwert ihres Unternehmens eine große Rolle spielt Seite 5

6 SIMATIC HMI machine based Designstudien belegen, dass 69,1% der Befragten geben an, dass Design einen großen Einfluss auf die Gesamt-Rendite ihres Unternehmens hat Seite 6

7 SIMATIC HMI machine based Design bedeutet auch Informationen verarbeiten Energieoptimierung Prozessdaten Diagnosedaten Seite 7

8 SIMATIC HMI machine based Vom Erkennen zum Entscheiden Energieoptimierung Schnell Prozessdaten Intuitiv Sicher Diagnosedaten Seite 8

9 SIMATIC HMI machine based Interaktion zwischen Maschine und Mensch Energieoptimierung Prozessdaten Diagnosedaten Seite 9

10 SIMATIC HMI machine based Das HMI als Auge, Ohr und Hand Energieoptimierung HMI Prozessdaten die einzige Schnittstelle Diagnosedaten zwischen Maschine und Mensch Seite 10

11 SIMATIC HMI machine based Die Aufnahmefähigkeit des Menschen Messlatte für die Usability Unterbrochene Aufmerksamkeit Informationsüberlastung Informationen Seite 11

12 SIMATIC HMI machine based KNOLL Maschinenbau Kunde KNOLL Maschinenbau Herausforderung Ansprechendes Design und Usability für jeden einzelnen Endkunden und Individualisierung Lösung Comfort Panels mit zeitgemäßen Bedienmöglichkeiten TIA Portal mit integriertem Style Editor zur individuellen Gestaltung Mehrwert Ansprechende, intuitive Visualisierung Investitionssicherheit inkl. Service Schnelle Anpassung an Designvorgaben Seite 12

13 SIMATIC HMI machine based Korsch AG Der Bediener im Mittelpunkt Kunde Korsch AG Herausforderung Schaffung einer wegweisenden Usability zur Bedienung von Tablettenpressmaschinen Lösung Komplette Automatisierungslösung mit HMI Styles & Designs aus dem TIA Portal Mehrwert Bedienerorientiertes Design Geringer Schulungsaufwand Sichere und vertraute Interaktionen Seite 13

14 SIMATIC PRO Devices IPC4x7D PRO, IFP PRO and Comfort Panel PRO Fully Enclosed (IP67) Monitor, Panel PC and Comfort Panel Fully enclosed IP65 based on IFP/IPC477D Panel PC/Comfort Panel generation Slim and modern Design Capacitive multi touch/single touch (Panel) with glass front Installation available as support arm and pedestal systems Integration of control elements via Extension Units Devices 19, D PRO/IFP PRO D PRO Available Available 15,19,22" 15,19,22" E PRO Comfort Panel PRO Comfort Panel PRO 12/ / /2017 Seite 14

15 SIMATIC PRO Devices Extension Units and control elements 4 sizes 3 communication options Different control elements Available 12 mounting positions 10 mounting positions 8 mounting positions 5 mounting positions Available Available Available Hardwired PROFINET PROFISAFE Free configure Upgradable Easy Individualization Wide choice/best-fit Selector switch Key switch Emergency stop Pushbutton with 5 color covers Indicator with 5 color covers RFID Reader Seite 15

16 Seite 16

17 Was bedeutet das für Sie? Machen Sie die Visualisierung zum Aushängeschild! siemens.de/hmi

18 Seite 18

19 Design & Usability Stellenwert des HMI in einer Maschine Usability Betrachtet während der Nutzungssituation, ob ein Produkt einfach zu bedienen und zu erlernen ist User Experience (UX) Umfasst alle Aspekte der Interaktion ein Benutzers mit einer Firma, ihren Dienstleistungen oder ihren Produkten HMI Interaktion Daten & Content Funktion Mechanik + Elektrokonstruktion Seite 19

20 Design & Usability In 5 Schritten zum besseren HMI Gestaltung Farben, Icons, Fonts, etc. Aufbau Screen-Typen, Navigation, etc. Struktur Information Architecture, User Flow Fokus Einsatzbereiche, Zielgruppe Strategie Use Cases, Kundenanforderungen Seite 20

21 Design & Usability In 5 Schritten zum besseren HMI 1. Strategie Sammlung der Kundenanforderungen Interviews/Research»Was braucht der Bediener?«Definition der Use Cases zur Bedienung Seite 21

22 Design & Usability In 5 Schritten zum besseren HMI 2. Fokus Einsatzbereiche definieren Near-/Farfield, In-/Outdoor, etc. Zielgruppe definieren Welches Personal bedient die Maschine? Handschuhbedienung? Use Cases priorisieren Seite 22

23 Design & Usability In 5 Schritten zum besseren HMI 3. Struktur Information Architecture Wo werden welche Informationen benötigt? Hirarchie der einzelnen Screens festlegen»user Flow«gestalten Seite 23

24 Design & Usability In 5 Schritten zum besseren HMI 4. Aufbau Definition der Screen-Typen (Design Patterns) Aufbau und Hierarchie der Screens Welche Objekte werden für welche Aktion verwendet (Interaktion) Seite 24

25 Design & Usability In 5 Schritten zum besseren HMI 5. Gestaltung Definition der Farben (Corporate Design Vorgaben) Definition der Icons Gestaltung der Objekte Grafische Ausarbeitung der Screens Seite 25

26 Design & Usability Screen Redesign BEISPIEL Seite 26

27 Design & Usability Screen Redesign Ausgangsbild Seite 27

28 Design & Usability Screen Redesign Neue Struktur Seite 28

29 Design & Usability Screen Redesign Objektgröße Seite 29

30 Design & Usability Screen Redesign Visuelle Gestaltung Seite 30

31 Design & Usability Screen Redesign Weitere Optimierungen Seite 31

32 Design & Usability Screen Redesign Vergleich Seite 32

33 Design & Usability Redesign Vorher/Nachher Seite 33

34 Design & Usability»Die zehn Gebote«Kennen Sie Ihren Kunden Die Ziele Ihrer Kunden sind auch ihre Ziele Seien Sie nachsichtig Eine Aktion sollte immer rückgängig zu machen sein Folgen Sie bereits gelernten Patterns Lernen Sie von Apps & Software aus dem täglichen Leben Sprechen Sie die Sprache des Anwenders Bieten Sie verständliche Texte und Meldungen Bleiben Sie konsistent Der Anwender benötigt Konsistenz bei der Bedienung»Keep it simple«getreu dem Motto»Weniger ist mehr«erzeugen Sie visuelle Hierarchie Nutzen Sie Größe, Farbe und Platzierung um den Fokus zu setzen Geben Sie Feedback Informieren Sie den Anwender zu jeder Zeit Entwickeln Sie sich weiter Sammeln Sie Feedback und bringen es in die Entwicklung ein Ein HMI ist mehr als bunte Bilder Ein HMI ist die Schnittstelle zum Anwender Seite 34

35 Design und Usability steigert die Produktivität! Hochwertige Maschinen 5 12% Sie Wettbewerb Attraktive Maschinen Seite 35

36 Seite 36

37 SIMATIC HMI machine based der einfache Einstieg für Sie! Attraktive HMI Vorlagen Kostenfrei schnell und einfach: HMI Vorlagen mit bereits vorgefertigten Navigationskonzepten in attraktiven Design HMI Styles für mehr Individualität Kostenfrei schnell und einfach: HMI Vorlagen mit bereits vorgefertigten Navigationskonzepten in attraktiven Design Innovative Icons und Grafiken Kostenfrei schnell und einfach: HMI Vorlagen mit bereits vorgefertigten Navigationskonzepten in attraktiven Design Seite 37

38 SIMATIC HMI machine based der einfache Einstieg für Sie! HMI Toolbox Es sind meist die kleinen Dinge, die den Alltag erleichtern. Wir bieten Ihnen kostenfrei Tools inkl. Beschreibung Seite 38

39 SIMATIC HMI Style Varianten Ab WinCC V13 SP1 Mehr Flexibilität und Effektivität bei der Projektierung Mehrere Varianten eines Objektes in einem Style Geräteabhängige Schriftgrößen Basic Panels 2 nd Generation Comfort Panels Mobile Panels 2 nd Generation Style Sheets Konsistentes und schnelles Erstellen von Styles Übertragen der Style Eigenschaften per Drag&Drop Seite 39

40 SIMATIC HMI Comfort Panels Ab WinCC V13 SP1 Neue Controls PDF Anzeige Kamera Anzeige Pop-Up Bild Comfort Panels WinCC Runtime Advanced Navigation & Bedienung Pop-Up Bilder Direkte Variablenverschaltung Feste Position Animiertes Erscheinen Slide-In Bilder Vier, von jeder Seite Slide-In Bild Seite 40

41 Suchen und Ersetzen von Farben Einstiegspunkte für diese Funktionalität WinCC Comfort WinCC Advanced WinCC Professional Gesamtes WinCC-Gerät In Ordnern gruppierte Bilder Einzeln markierte Bilder (Mehrfach Auswahl ist möglich) Markierte Objekte innerhalb eines Bildes Im Dialog kann nach einer Farbe gesucht werden Seite 41

42 WinCC V14 im TIA Portal UxSet Neue Grafik-Bibliothek Komplett überarbeitete Grafik-Bibliothek Basic Panel 2 nd Comfort Panel WinCC Runtime Advanced Runtime Professional True Color Grafiken Modularer Aufbau Einzelne Komponenten dynamisierbar Neue Grafikelemente Einfach zu erstellende Dynamiken Seite 42

43 WinCC im TIA Portal UxSet - Dynamische Grafiken Basic Panel 2 nd Comfort Panel Runtime Advanced Runtime Professional Faceplate Schnittstelle: Grafikliste Variable für die Anzahl der Grafiken Start / Stopp Variable Trigger für Frequenz des Bildwechsels Grafik Nummer für Bild Aus Grafikliste wird am Faceplate verschaltet Seite 43

44 WinCC im TIA Portal Balkenanzeige: unsichtbarer Hintergrund Balkenanzeige mit unsichtbaren Hintergrund Basic Panel 2 nd Comfort Panel Runtime Advanced Runtime Professional für dynamische Anzeigen z.b. für eine Füllstandanzeige Balkenanzeige mit transparenten Hintergrund Benutzer möchte nur den dynamischen teil der Anzeige benutzen Die Balkenanzeigen kann leicht über Grafiken gelegt werden V13 SP1 Balkenanzeige mit Hintergrund Dynamische Anzeige eines Tanks Seite 44

45 WinCC im TIA Portal UxSet- Neue Grenzwertparametrierung Basic Panel 2 nd Comfort Panel Runtime Advanced Runtime Professional Erweiterungen an Schieber, Balken & Zeigerinstrument Bis zu vier Grenzwerte Zentrale Parametrierung an HMI-Tag Range an HMI- Tag wird am Control übernommen HMI-Variable Konstanten und HMI- Variablen möglich Control Seite 45

46 Innovativ in Design und Bedienung Express Design Zusätzlich kann das Gerät auch kundenspezifisch gestaltet werden! Seite 46

47 Intuitive Bedienung durch Maschinen- und Anlagendiagnose Schnell und einfach realisiert ProDiag für S in Verbindung mit Comfort Panels oder auch RT Advanced/Professional In TIA Portal integrierte Projektierung, Automatische Codegenerierung und Visualisierung von Überwachungen Programmieren Projektieren Neu Automatischer Abgleich Visualisieren Neu Generierter Code Supervison Table Seite 47

48 Automatische Generierung von HMI-Visualisierungen (SiVArc 1 ) einfach, schnell und flexibel»effizient«automatische Generierung von HMI Objekten (Variablen, Bildobjekte, Bilder)»Performant«schnelle (Änderungs-) Generierung»Flexibel«automatische HMI- Anpassung nach hinzufügen von Bausteininstanzen 1 Simatic Visualization Architect Seite 48

49 TIA Portal WinCC V14 SP1 SIMATIC WinCC V14 SP1 Windows 10 Support für V14 SP1 und V13 SP2 (auch WinCC Prof.) Openness Unterstützung von HMI-Bildbausteinen, SlideIn + PopUp Integration von SINUMERIK Operate (GUI und Daten) ins RT Adv. ProDiag: Criteria Analysis im PLC Code Viewer Runtime Verbesserungen von SIMATIC HMI Panels, z. B. Siemens Barcode Scanner; Anbindung der neuen Netzwerkkameras Erweiterungen bei Energy Suite Sm@rtServer kostenlos bei Runtime Advanced WinCC WebUX Auto Login für WinCC RT Professional Seite 49

50 Vielen Dank für Ihre Aufmerksamkeit! Michael Reddich Product Manager HMI RC-CH DF FA Freilagerstrasse Zürich Mobile: siemens.com/answers Seite 50