Schlagwort-Archive: Responsive Design

Rindfleischetikittierungsüberwachungsaufgabenübertragungsgesetz

vitaly

Vitaly Friedmann vom Smashin Magazin hat ein paar wirklich hilfreiche HTML/CSS-Tricks aus diversen Artikeln zusammenkopiert und diese in seiner Präsentation „Dirty Tricks From The Dark Corners OF Front-End“ zusammengestellt. Wirklich schön: wie behandle in CSS ich so lange Wörter, wie „Rindfleischetikittierungsüberwachungsaufgabenübertragungsgesetz“

Smart Devices als Fenster in die Produktion

PCundIndustrieDas HMI ist das zentrale Fenster zur Maschine oder Anlage, aber auch zu einzelnen Automatisie-rungskomponenten. Nirgends sind die Merkmale eines industriellen Produkts für den Anwender so spürbar oder erlebbar wie an dem HMI. Aber die Welt der HMI-Gestaltung ist im Wandel. Industrie-Apps, die jederzeit und überall einen Blick in die Produktion erlauben, sind im Kommen. Lesen Sie den Beitrag „Smart Devices als Fenster in Ihre Produktion“ von Claus Oetter (VDMA) und Andreas Beu (Smart HMI) aus dem Einkaufsführer Produktionsautomatisierung 2016.

HMIs für Industrie 4.0 mal anders

IUD 2015

„Keine Folien, sondern echte Software spielerisch präsentiert“, das war unser Motto beim Industrial Usability Day 2015 in Würzburg. Gemeinsam mit Markus Buberl haben  wir einen Einblick in die Werkstatt für die HMIs der Generation 4.0 gegeben.

Dabei haben durch Rollenspiele den Bediener Herrn Kmetsch, den Manager Herrn Hinrichs und den Service-Techniker Herrn Zander zum Leben erweckt. Die Teilnehmer konnten die HMI live am Bildschirm mitverfolgen und sehen, wie die Akteuere mit Bedienpanel, Tablet und Smartphone ihre Aufgaben ganz im Sinne von Industrie 4.0 bewältigt haben. Die wichtigsten Infos wurden auf einem Flipchart festgehalten, bzw. sind in diesem Artikel nachzulesen.

Die präsentierte interaktive Demo ist online verfügbar. Die Demo kann auf verschiedenen Zielsystemen aufgerufen werden. Sie passt sich automatisch dem Zielsystem an. Durch Klick/Touch auf das Datum links oben kann zwischen dem Read-Only und dem Bearbeitungsmodus hin- und her geschaltet werden.

Der Zugang zu einem weiteren ausführlichen interaktiver Showcase kann hier angefordert werden.

VDMA-Leitfaden „App-Entwicklung für die Industrie“

app awardPünktlich zur Messe SPS IPC Drives veröffentlich das VDMA Forum „IT@Automation“ den Leitfaden „App-Entwicklung in der Industrie“.

Der Leitfaden kann über den VDMA Verlag bezogen werden (Bildquelle: User Interface Design).

Skeumorphes vs. minimalistisches Design

SHMI_iPad_land_nonRetina_XenonAktuell sieht es so aus, also ob sich das flache und minimalistische Design in der HMI-Gestaltung auf breiter Front durchgesetzt hat. Rechteckige Formen mit Kante und klarer Typographie dominieren. Sie haben das sogenannte Skeuomorphe Design, wie es lange Zeit von Apple zelebriert wurde, verdrängt. Mit iOS7 hat Apple sein Gestaltungskonzept des Nachahmens realer Gegenstände nun auch zu Grabe getragen. Vorreiter des neuen Minimalismus war interessanterweise Microsoft mit dem damaligen Metro-Design, welches nun in Windows 8 ausgerollt wurde. Android hat ab Version 4 nachgezogen und nun auch Apple.

Ist das minimalistische Design nun ein Vorteil? Ganz klar, diese Designsprache wird von vielen Nutzern als moderner und frischer bewertet. Die HMIs wirken sehr aufgeräumt und signalisieren eine einfache Bedienung. Auch für die Entwickler bietet das flache Design Vorteile. Inhalte lassen sich viel einfacher auf verschiedene Zielsysteme anpassen, die Implementierung ist weniger komplex und Ladezeiten verkürzen sich.

Aber mit dem minimalistischen Design geht auch einiges verloren. Bedienelemente sind schwerer erkennbar. Der Nutzer kann seine Erfahrungen aus der ihn umgebenden physikalischen Welt nicht so ohne weiteres auf die Interaktion in der virtuellen Welt übertragen. Das minimalistische Design macht es Designern auch schwerer eine eigenständige visuelle Gestaltung für die HMI zu entwerfen.

Letztendlich muss jeder Hersteller seinen eigenen Weg finden. Aber gerade beim minimalistischen Design sind die User Interface Experten und Designer besonders gefragt.

Anbei noch einige Links zum Vertiefen des Themas

VDMA-Leitfaden zum Einsatz der Smart Devices in der Industrie

AK MAppsBereits seit über einem Jahr arbeitet der VDMA-Arbeitskreis „Mobiles, Tablets, Apps und Co.„. Im Rahmen des Arbeitskreises soll erkundet werden, wie die Smart Devices in die Produkte und Prozesse der Industrie intergriert werden können. Gemeinsam werden Herausforderungen und Lösungen diskutiert (Bildquelle: VDMA)

Nun biegt der Arbeistkreis auf die Zielgerade ein. Der Leitfaden soll im ersten Halbjahr 2014 veröffentlicht werden. Hier gibt es einen exklusievn Blick auf den Inhalt des Leitfadens (Rückmeldungen werden gerne entgegengenommen):

  • Einleitung (Motivation, Definitionen, Anforderungen der Industrie, Argumentationshilfen)
  • Erfolgsbeispiele
  • Einsatzzweck (Zielgruppen, Anwendungsszenarien, Geschäftsmodelle / Wirtschaftlichkeit, Einsatz von Smart Devices in der Industrie 4.0)
  • Entwicklung (Hardware, Betriebssysteme, Programmiersysteme, Deployment, Schnittstellen, Software-Engineering)
  • Usability / User Experience (Gestaltungsprinzipien, Interaktionsprinzipien, Responsive Design)
  • Sicherheitsanforderungen (Security, Safety)
  • Ausblick / Trends

Multiscreen Experience Design

msx_buchWer mal eine mobile HMI erstellt hat, kennt das Problem. Es gibt nicht mehr das eine Bedienpanel, für das man gestaltet. Die Zielgeräte variieren in Bildschirmgröße, Seitenverhältnisse und Auflösung, insbesondere wenn man für  mehrere Betriebssysteme entwickelt. Dieses Buch gibt einen praxisnahen Einblick zu Konzepten und Vorgehensweisen.