iF DESIGN AWARD 2017 DDC Wettbewerb: Gute Gestaltung 2016 Red Dot Award 2016 German Design Award - Special Mention 2017 UX Design Award 2016 Winner

Welcome at HMI Project

HMI Project is an agency for User Interface Design. We generate and design ergonomic software interfaces for office, industry, and medical applications. We are your reliable partner when it comes to creating individual solutions with touch-optimized usability and premium design. Local panels as well as mobile devices. We strive to think outside the box and always provide new approaches for your individual requirements. Our services range from technical analysis to the development of user-friendly operating concepts and their implementation. We will be happy to provide advice and support for all aspects of human-machine interfaces.

HMI Logic

Please find detailed information about our services regarding HTML5 Frontend developement via our partner HMI Logic here. HMI Logic

News

26.06.17 - HMI Project is on Rank 28 in the PAGE Digital Ranking 2017
The PAGE design trade magazine determines the 52 most successful agencies and design agencies in Germany year after year. In this context PAGE evaluates the digital categories of ten national and international contests. The ranking is an indicator of those agencies that convince less through mass but all the more through class.
Page Website Page Ranking 2017

13.06.17 - Christian Rudolph speaker on the "B&R Innovation Days 2017
Christian Rudolph and Fabian Zeulner from Concept Laser were invited as speakers on the "B&R Innovation Days". The joint project "CL WRX 3.0" was presented to the specialist audience under the heading of "Additive Manufacturing in the Smart Factory – Industry 4.0 becomes Reality".
Program Presentation Image galerie B&R Innovation Days 2017

01.05.17 - New ROVEMA HMI on the Interpack 2017
The new user interface for the ROVEMA packaging machines is complete and was presented for the first time to the broad public on the Interpack 2017 Fair in Düsseldorf from May 4 to 10. The project was exhibited on the ROVEMA fair stand in Hall 15 / B25.
Interpack Website Rovema Website Project description ROVEMA GmbH - Website

10.03.17 - Concept Laser WRX 3.0 wins iF DESIGN AWARD
Our user interface design for the CL WRX 3.0 software suite was one of the winners of this year’s iF DESIGN AWARD, the leading international design label. CL WRX 3.0 was a winner in Communication in the Apps/Software category. The awards ceremony was held in Munich on 10 March.
Image Gallery Award Ceremony iF DESIGN AWARD website Concept Laser website Project description iF DESIGN AWARD - Online Galery

14.02.17 - Partnership with ROVEMA
HMI Project is assisting ROVEMA GmbH with the design and development of a new user interface for machine operation. ROVEMA GmbH, based in Fernwald near Frankfurt am Main, is a leading international manufacturer of packaging machines and lines for a wide range of products and applications.
ROVEMA website ROVEMA GmbH - Website

02.12.16 - Concept Laser WRX 3.0 on the formnext in Frankfurt

The new user interface of the Software Suite of Concept Laser has been completed. Concept Laser is a manufacturer of systems for 3D printing of metal components. After 12 months in the development process the software was first presented from November 15 - 18, 2016 o the formnext, the leading international trade fair for additive manufacturing processes, in Frankfurt am Main.
Image Gallery formnext Project description Concept Laser Website formnext 2016 - Image Gallery

25.11.16 - Bronze at the DDC for KAMCOS 2.0
Our project KAMCOS 2.0 won Bronze in the category "Digital Media" at the "GUTE GESTALTUNG 17" competition of the Deutscher Designer Club. The award ceremony took place on Friday, September 25, 2016 during at the Bockenheimer Depot in Frankfurt am Main.
Image Gallery Award Ceremony DDC Webseite Project description DDC GUTE GESTALTUNG 17 - Image Gallery Award Ceremony

26.10.16 - KAMCOS 2.0 also successful at the German Design Award
KAMCOS 2.0 is being honored with the "Special Mention" award in the "Interactive UX" category at the German Design Award. The German Design Award honors innovative projects and their designers for pioneering work in the German and international design scene. The award ceremony will take place during the Ambiente Fair in Frankfurt.
Image Gallery Award Ceremony Online exhibition GDA Project Description German Design Award - Special Mention 2017

19.10.16 - KAMCOS 2.0 receives Red Dot Winner Label
Our KAMCOS 2.0 project has received the Red Dot Award: Communication Design 2016 in the Interface Design category. Designers and companies from a total of 46 nations participated in the world-renowned competition in this year. The winners were honored on November 4, 2016 in Berlin.
Awards Ceremony Image Gallery Red Dot Online Exhibition Project Description Red Dot Award 2016 - Awards Ceremony Image Gallery

02.09.16 - UX Design Award for KAMCOS 2.0
The jury of usability experts has decided: Our project "KAMCOS 2.0" has won one of the coveted UX Design Awards. The award ceremony took place on Friday, September 2, 2016 during the IFA in Berlin. All the award-winning as well as the nominated contributions will be on show on the fair stand of the International Design Center Berlin (IDZ) until September 7, 2016.
Online exhibition UX Award Gallery adjudication & award ceremony UX Design Award 2016 Winner

10.05.16 - KAMCOS 2.0 nominated for the German Design Award
The German Design Council has nominated our project KAMCOS 2.0 as a contestant in the German Design Award 2017 in the "Excellent Communication Design" category. The strict nomination procedure ensures that only the best design projects and their designers can participate in the German Design Award.
German Design Award Website Online Galerie Kamcos Online Galerie Weber German Design Award - Nominee 2017

12.04.16 - KAMCOS 2.0 in the current "Page"
Our KAMCOS 2.0 project for the textile machine manufacturer Karl Mayer is mentioned briefly in the current issue of the "Page" design trade journal. The report deals with operating concepts for multiple devices. In KAMCOS 2.0 a QR code can be scanned from the HMI of the machine via a smartphone in order to transfer important data to the Service division in case of an error.
Extract of article Page Website Auszug Artikel Multi-Device Design - Page 05.16

01.02.16 - iF DESIGN AWARD 2016
Our KAMCOS 2.0 project has received an iF DESIGN AWARD2016 in the discipline Communication - Apps / Software. The number of competitors was huge: the international high-pro le jury assessed more than 5,000 entries from 53 countries in order to determine who would receive this coveted seal of excellence. The award ceremony took place on February 26. at the BMW Welt in München.
Awards Ceremony Image Gallery Project Description iF AWARD Press Release iF AWARD - Awards Ceremony Image Gallery

23.02.2016 - HMI Project at embedded world 2016 in Nürnberg
Together with our partner basysKom we took part at the embedded world 2016 in Hall 4-400. The embedded world is the leading international fair for embedded systems in Nürnberg.
Exhibitor List Image Gallery embedded world 2016

26.10.2015 - Success at the German Design Award 2016
Our project Hapa/Laetus NEW TECHNOLOGY took part in the competition in the category "Interactive User Experience" and was awarded a "Special Mention". The award ceremony took place on February 12. at the ambiente in Frankfurt.
Awards Ceremony Image Gallery Online Galerie Project Description German Design Award 2016 - Awards Ceremony

10.11.15 - Red Dot Award: Communication Design 2015
Our Hapa/Laetus NEW TECHNOLOGY project has won the Red Dot Award: Communication Design in the Interface Design category. With this award the international Red Dot jury has confirmed the high design quality of our work. 568 projects of the 7,451 entries from 53 nations received the coveted quality label. The award ceremony took place on November 06, 2015 at the Konzerthaus in Berlin.
Interface Awards Ceremony Image Gallery Red Dot Online Galerie Red Dot Press release Red Dot - Pressemitteilung

03.11.15 - Cooperation with Jumag
HMI Project is developing a new user interface design for Jumag Dampferzeuger GmbH. The owner-run company, which is based near Mannheim, has been developing oil and gas-fired steam boilers, electrical steam boilers and waste heat boilers for over 35 years.
Jumag Web site Jumag Dampferzeuger

15.10.2015 - Cooperation with Kistler Instrumente
HMI Project supports Kistler Instrumente AG in the development of software in the field of measurement technology. Headquartered in Winterthur, Switzerland, the privately-owned Kistler Group operates throughout the world. It is a global market leader in dynamic measuring technology and comprises 30 companies at 52 different locations and around 1,400 employees worldwide.
Kistler Web site Kistler Instrumente

28.10.15 - Cooperation with Baumann Automation
HMI Project supports Baumann in the development of a new user interface for robot cells. The owner-run company Baumann GmbH, with its headquarters in Amberg, Bavaria, has been working in the area of industrial automation for over 30 years and has 400 employees. Its core competences are robot technology for automation and the required process integration as well as special machine construction. 
Baumann Web site Baumann Automation

01.10.15 - Markus Buberl Speaker at the B&R Innovation Days
Markus Buberl spoke on the topic of "User Interface Design in the Context of Industry 4.0" on the "B&R Innovation Days 2015" event. A wide-ranging program dealing with current topics in mechanical and process engineering was presented to the visitors during the 2-day event of the automation technology manufacturer. The event took place from September 29-30, 2015 in Bad Homburg.
Event Website Gallery B&R Innovation Days

02.03.2015 - iF Design Award 2015 for Hapa/Laetus NEW TECHNOLOGY
The Interface Design for the project „Hapa/Laetus NEW TECHNOLOGY“ wins the iF Design Award 2015 in the discipline Communication, category Apps/Software and is now among the owners of the renowned iF label. The awards ceremony – the iF design awards night 2015 – has taken place on 27 February 2015 in the BMW World in Munich.
iF Pressrelease iF Online Exhibition Awards Ceremony Image Gallery iF Design Award 2015 - Online Exhibition


25.11.14 - HMI Project at the SPS IPC Drives 2014
On Tuesday and Wednesday, we will be present at the exhibition on a mobile level. Feel free to make an appointment with us, even on short notice. We will meet you at the stand of your choice and inform you about our design and development services. Please contact us by telephone on +49 (0) 931 45329770 or by E-Mail hello@hmi-project.com. Exhibition website www.mesago.de/SPS/ SPS IPC Drives

03.11.14 - Cooperation with KARL MAYER Textilmaschinenfabrik GmbH
HMI Project is developing a new user interface design for the machines of KARL MAYER, a German manufacturer of textile machinery based in the Hessian city of Obertshausen. KARL MAYER is the world leader in warp knitters, Raschel and lace machines. Their product portfolio also includes machinery for technical textile applications and the field of warp-preparation units for knitting and weaving. www.karlmayer.com Logo - KARL MAYER Textilmaschinenfabrik GmbH

24.09.2014 - Christian Rudolph speaker at the Packaging Days
Christian Rudolph explains in his lecture "Simple intuitive." from the perspective and experience of the user interface designer current developments and solutions for the successful design of intuitive operating concepts. The event – organized by the Bosch Rexroth AG and the SICK Vertriebs-GmbH – in Sailauf hosts numerous experts speaking on the topic "From the intelligent machine for production system - What is the packaging machine of the future capable of?". Agenda Flyer www.verpackungstage.de Bosch/SICK Packaging Days 2014

25.07.2014 - Cooperation with Brückner Maschinenbau GmbH & Co. KG
HMI Project supports the Brückner Maschinenbau in the development of software tools in the area of plant monitoring and analysis. Brückner Maschinenbau is one of the world's leading providers of film production. The company, with headquarters in Siegesdorf, is family owned and employs over 500 people.
www.brueckner.com Brückner Maschinenbau

20.05.2014 - HMI Project now in Würzburg
Tools and boxes are finally stowed again and we moved into our new Würzburg office a few weeks ago: In a both charming and stylish location full of character. And with even more space for new ideas, projects and challenges. We are looking forward to seeing you there!
Impressions of our new office Interpack 2014

12.05.2014 - Interpack 2014 in Düsseldorf
As the world's leading trade fair, it is the major inspiration for the packaging industry and all related process technologies. HMI Project is represented with various projects in the domains food, pharma and automation. Many projects have their first-time release here.
Impressions from the event Weber/Textor Power Control Schneider SoMachine IWK Mobile App Laetus/Hapa NEW TECHNOLOGY
Interpack 2014

05.05.2014 - German Design Award Nominee 2015
The German Design Council nominated the Project „Weber Power Control“ for participation in the competition German Design Award 2015 - Excellent Communication Design. The German Design Award is an international premium prize, which successfully enhances the standing of both designers and companies. German Design Award German Design Award Nominee 2015

28.01.2014 - Weber Power Control recieves iF communication design award
We are delighted to let you know that – out of 3,249 entries – our project „Weber Power Control“ has won an iF product design award 2014 and will be recognized with the renowned iF label. Our project was entered in the product interfaces category. The awards ceremony – the iF design awards night 2014 – has taken place during Munich Creative Business Week, on 28 February 2014.
iF Press Release iF Online Exhibition Hand-Over Images iF award 2014 - Online Exhibition

15.07.13 - Weber Power Control wins the Red Dot quality seal!
In recognition of the excellent work „Weber Power Control“ HMI Project received the sought-after Red Dot in the Red Dot Award: Communication Design 2013, one of the largest and most acclaimed international design competitions. The winners were celebrated at a festive award ceremony on 18 October 2013 in the Konzerthaus in Berlin.
Interface Online Exhibition Press Release Images from the event Weber Power Control - Red Dot Award 2013

08.05.13 - Weber Power Control exhibited at IFFA 2013 in Frankfurt
The new touch-based interface for the Weber Maschinenbau group is now complete. After 8 month of development the end result is exhibited for the first time at the trade fair IFFA in Frankfurt, which took place from the 4th to the 9th May 2013. The web-technology based HMI was positively apprehended by the expert audience. More information comming soon.
First Impressions IFFA Weber Power Control - IFFA 2013 Video

13.02.13 - Cooperation with Laetus
HMI Project developes a unified user interface design for all Laetus brands - the world leading supplier of innovative quality & security inspection systems and complete Track & Trace solutions. These Products have become market standards in code reading, quality assurance and fill inspection. Laetus is a member of the privately owned Coesia group with 5.000 employees worldwide.
www.laetus.com Laetus - Your partner for Packaging Security

03.08.12 - Cooperation with Weber
For the Weber Maschinenbau group, HMI Project developes a new interface for their powerful slicing machines. The Weber group manufactures and distributes special applications for food industry at home and abroad. With their main product, the "slicer" for cutting meat, ham, sausages and cheese, Weber is the world market leader. The owner-managed company is headquartered in Breidenbach in the Federal State of Hesse.
www.weberweb.com Weber - The High Tech Company

29.06.12 - One HMI nominated for German Design Award.
The German Design Award is the German Design Council's international premium prize. The jury judging the 2013 German Design Award is made up of experts from different disciplines, from business, science and the design industry. They are all recognized doyens of their own fields. The announcement of the Winners will be in November 2012.
German Design Award German Design Award

27.06.12 - Cooperation with basysKom
In cooperation with basysKom, a Darmstadt engineering services provider, HMI Project developed multi-touch operation concepts for machine controls in industry. ”basysKom delivers high-quality services for embedded technology. We combine the strengths of the progressive innovations of open source with the reliable professionalism of managed software development."
www.basyskom.de basysKom

13.02.12 - One HMI wins iF gold award
The jury: „The touch-based HMI for packaging and processing machines is very complex. Here the operating concept and software design were extremely well thought out and implemented. Even though One HMI is defined by its complexity, all design elements are clearly and intuitively arranged on the screen. Complex processes were considered down to the details: remarkable.“
Images from the event iF Award Gold

17.01.12 - Multi-touch Application with Prime Cube
Prime Cube focuses on computers and touch displays adapted to the specific requirements of their customers in industry. HMI Project creates and designs a demo application with examples for how to use multi-touch for HMI-based machine controls. The operation is self-explanatory; it is suitable for presentation of the hardware and can be used on terminals at trade fairs.
www.primecube.de Prime Cube

22.12.11 - One HMI convinces at iF design awards.
Once more the One HMI Interface Design was able to convince an international jury and achives the highly coveted iF communication design award 2012 in the category product interfaces. The iF communication design award is one of the top national and international awards. Those who are successful here, have delivered an outstanding piece of communication design.
iF Online Exhibition iF Award

01.11.11 - Cooperation with Schneider Electric
HMI Project supports Schneider Electric in the development of applications. A user interface design with optimized usability is created for new software components. Schneider Electric SA is a listed electrical engineering corporation focusing on electric energy distribution and industrial automation. Headquartered near Paris, the group has 125,000 employees in 190 countries.
www.schneider-electric.com Schneider Electric

27.06.11 - Renowned design prize: ONE HMI wins the red dot seal of quality!
The jury agreed: In recognition of its outstanding design quality the ONE HMI Interface Design will receive the sought-after red dot in “the red dot award: communication design”, one of the largest and most internationally acclaimed design competitions. This testifies to the prize-winner’s very high level of design. 15 jury members, all of whom are design experts of international repute, assessed every single one of the total 6,468 entries in a process that lasted several days.
red dot Online Exhibition red dot award

12.05.11 - 12.05.11 - One HMI exhibited at Interpack, Düsseldorf
After a year of development the end result of the One HMI project for the OYSTAR Group is exhibited for the first time at the annual trade fair, Interpack, in Düsseldorf, which took place from the 12th to the 18th May 2011.
Impressions from the event Interpack

Result-oriented Project Progress

Result-oriented Project Progress

Technical Analysis

Each project starts with a survey of technical specifications and the documentation of all functions. Unlike in the consumer area, in the industrial environment the user is not the buyer of the machinery or units. Accordingly, the different requirements from all divisions involved, such as development, service, product management and marketing, must be harmonized at an early stage.

Technical Analysis

Utilization Analysis

Interviews with different persons / operators and service technicians pursuant to EN ISO 9241-110 are also part of information retrieval. Here, it is very important to determine and document the precise operating processes and steps, the tasks and the user behaviour. The results derived from this constitute the basis of the user-centred design.

Utilization Analysis

Information Architecture

During this phase, we arrange the contents and group the functions in a logical manner. Menus are structured. The basic contents framework is created which serves as a foundation for the concepts to follow. All collected data is evaluated. Flow charts are generated to illustrate the structure.

Information Architecture

Control Concept

During the concept phase, the operation principles are defined. This comprises all aspects from interaction options of the interface up to the arrangement of the hierarchy in user levels. The graphic arrangement of the screen is implemented by means of wireframes. At this stage, a first rough layout of the application is generated.

Control Concept

User Experience (UX)

With an interactive PDF clickdummy, test users can try out selected use cases in a storyboard-type process. In workshops, we guide qualified workers in the operation of various user roles. In a final user survey, we gather feedback on the users’ experience. The tests can easily take place at your company or at a selected customer’s company. Finally, the optimization of the operating concept is incorporated in the design process.

User Experience (UX)

Usability & Ergonomics

Trying out operation friendliness and software ergonomics by means of animation studies and prototyping is a major part of the project. Example work processes are run through in the planned software environment and on the final hardware. This allows the user friendliness to be verified. If required, we oversee further usability tests which are carried out by specialized service providers or institutions.

Usability & Ergonomics

Gestures & Multi-Touch

Multi-touch and gesture control can be used as a permanent element in the basic operation concept or as an extended function, for example for faster expert navigation or as a shortcut. We continually conduct studies on multitouch and its efficient and secure application in an industrial environment, and we incorporate the results into the development of our projects.

Gestures & Multi-Touch

Interface Design (UI-Design)

We supply premium screen design for structuring screen areas and weighting the functions. This also includes the clear layout of SCADA or BDE systems. To ensure a consistent company image, the existing corporate design from the print and web areas is taken into account.

Interface Design (UI-Design)

Icon Design

Navigation elements are visualized by icons and key functions by pictograms, some of which may be animated. This promotes fast orientation on the operator panel and is the best preparation for multi-lingual applications. Regarding the use of icons, it must be observed that they cannot be used as a substitute for text. Instead, they serve to assist the user in the quick and secure operation once they have become familiar with their meaning.

Icon Design

Programming

We deliver graphic elements optionally as PNG files or as finished SVG or WPF components. In addition, we produce clickdummys and animated studies in order to illustrate the operating concepts and be able to test them at an early stage. Our scope of delivery goes beyond the production of templates in HTML5 with CSS3; it also covers the complete development of Javascript-based frontends. See also hmi-logic.com.

Programming

Technical Consulting

We are happy assist you with our consulting services right from an early project phase. On the basis of our many years of experience in the industrial environment and in the cooperation with various hardware and software suppliers, we can support you in the selection of components, service providers or project planning environments. Our developers assist you with the definition of the tool chain at the very beginning of a project.

Technical Consulting

Documentation

Function principles, structures, GUI elements, measurements, colours and fonts are documented. Optionally, they can be provided on a DokuWiki website. This is the place for downloading graphic components or accessing a library of use cases. The use of a DokuWiki website offers the advantage that all parties involved have access to current information at any time.

Documentation

Project Management

The quality of the result of the project strongly depends on how well it is managed through its various stages. We define exact project targets and work in a process-oriented manner to achieve them. On request, we plan and structure the entire project and coordinate all involved service providers. We always endeavor to finish a project in as short a time as possible, and we quickly pass on all progress to our customers.

Project Management

Your Benefits

Why Interface Design?

Intuitive operation and optimized ergonomics are key factors for more operational reliability and higher efficiency of a machine. Operator acceptance of the interface increases, operator faults occur less often, and training times are reduced considerably. Last but not least, the quality of the user interface improves the overall impression of you machine; it becomes an important sales argument and differentiates your product from the competitors.

Why HMI Project?

We take a fresh look at every project and analyze it thoroughly to identify the focal point of every task. Thinking outside the box, we find new approaches for our individual solutions. The key to success is an intelligent, practice-oriented concept in connection with top-of-the-notch design. It is our priority to ensure that work on a project proceeds as fast as possible in a result-oriented manner. To achieve this goal, we are providing the full range of services from the initial analysis to implementation support. Our long years of experience and our technical know-how allow us to understand complex field of tasks and to take competent action. We provide lean coordination processes and extensive online documentation for maximum transparency right from the start of the project. Thus, the results from the various project phases are accessible and understandable for all stakeholders at all times.
Our technical interfaces ensure smooth transfer of the project data to your developers. Our customers benefit from the cost advantages derived from our lean internal hierarchy and administration. Our compact team can react flexibly to new challenges. From the first consultation to support during the project: you will always talk to experts. The positive effects of uncomplicated communication directly affect the quality of the services provided by us.
If you decide to use web technology in your implementation, we can provide you with consistent first-class results from conception through to the finished implementation. Our developers have 10 years of experience in the web design field and in the meantime, they have successfully concluded numerous industrial projects. We are highly flexible in our service performance and we offer you and your development teams consultation, workshops, the development of individual components or the implementation of entire project sections.

Why web technology?

Provided that the project specifications are suitable for the implementation of web technology, you can benefit from a multitude of advantages. Here is a short overview. We would also be happy to consult you individually on this subject.

  • transparent, standardized technology
  • separation of design, content and functionality
  • easy graphic adaptability (skinning)
  • quick testing and prototyping is possible
  • easy integration of semantic animations
  • support of intuitive gestures and multitouch
  • easy quality assurance during implementation
  • easy implementation of responsive design
  • adaptable to numerous monitor sizes and mobile devices
  • uniform browser-based presentation

For more information please visit hmi-logic.com

Knowledge

Know How

When developing and creating for a platform, we always keep the technical framework conditions in view. In addition to usability, the technical feasibility of a design is a key aspect of our work. We are committed to keeping up-to-date about the development of new technologies and their use in industry. We continually conduct studies on multitouch and its convenient and secure application in an industrial environment. Our many years of web design experience in the field of web technology, HTML5, CSS3 and Javascript and our comprehensive expert knowledge based on the implementation of numerous industrial projects are incorporated into the development of our projects.

Awards

Auszeichnungen

We won several awards in well-known national and international design competitions for the high quality of our work. The juries – experts from design and industry – praised our exceptional concepts and excellent design. We are especially proud of the gold iF Award we received last year for the project One HMI. This quality seal helps our customers to further improve the placement of their products on the market.

New ROVEMA HMI


New ROVEMA HMI

User Interface Design for packaging machines

Touch-optimized user interface for the machines and systems of a packaging machine manufacturer. The user-focused and intuitive application is used on multi-touch panels at the machines. The interface has a modular structure and provides a uniform design for all different types of machines. The navigation concept separates day-to-day tasks from setup functions. The contents on the production side are tailored to each machine type. The application allows the users to compile their own favorite functions. Monitoring of both individual machines and of complete lines is possible. Monitoring on mobile devices supplements the functional scope. The operator control has a process-oriented structure and is easy to understand. In the case of complex configuration tasks the user is supported actively by means of step-by-step instructions. A context-sensitive help guarantees rapid access to information whenever required. The reduced and consistent design provides the information volume in a compact form so that important process values are communicated directly and comprehensibly. Ensuring that the operators are supported optimally in their work.

HMI Design Image Gallery

The project was presented to the broad public for the first time on the Interpack 2017 fair in Düsseldorf. The project was exhibited on the ROVEMA fair stand in Hall 15 / B25.


HMI CMS

HMI CMS

Web-based Content Management System for Industrial Applications

With the "New HMI" project for the packaging manufacturer ROVEMA, HMI Project is for the first time presenting a Web-based HMI that can be configured completely through a graphical user interface. The aim was to equip all the machine types and expansion levels with a uniform graphical user interface. Thanks to the integrated editing mode all the customizing work required in the case of demanding special machine construction can be carried out rapidly. Functions can be added or modified intuitively without any knowledge of HTML5 or JavaScript. In the case of elements that are used repeatedly, functions, function groups or complete pages can be stored for repeated usage in a central library. From there the user can use them for individual machines or all models. All modifications of projects can be traced individually at any time thanks to the integrated central versioning system and can be set back if required. In order to support the designer optimally, the layout is created automatically through simple parameters so that the structuring always remains intuitively comprehensible. To this purpose the real-time preview provides direct feedback. Without additional adaptation work the contents remain responsive and can be displayed on various terminal devices and display sizes. Thanks to the client-server architecture several users can work simultaneously on projects and can access the common database without manual exchange of the HMI states being required. 

HMI CMS Image Gallery

The CMS can be combined with all the HMI front-ends developed by us and the functionality customized individually to the project requirements.

CL WRX 3.0


CL WRX 3.0

User interface design of a software suite for systems for 3D-printing of metal components

The software is used in a wide variety of utilization scenarios on Touch Panels, PCs and mobile devices and has a modular structure. The complete production process can be accompanied and the status of all the system components monitored at all times. User operation is workflow-oriented and is structured intuitively. The interface has a clear layout and each app is color-coded. Construction process progress and all key figures are easy to understand. The functionality can be customized user-specifically and extended through widgets.

Open image gallery

The project was awarded with the iF DESIGN AWARD 2017 in the Discipline Communication, Categorie Apps/Software. Further Details about the project will follow after the award ceremony at 10.03.17.

KAMCOS 2.0

KAMCOS 2.0

Touch-optimized user interface design for textile machines.

User interface design for textile machines in the field of warp knitting machines, technical textiles and warp preparation. The intuitive and user-oriented operating concept with its modular structure uses a uniform interface for the wide range of machine types. The contents of the production side can be customized to the requirements of user roles or machine properties. The main navigation has a process-oriented structure. The operators are guided through their daily tasks. Functional animations support the interaction. Feature extensions on mobile devices round off the project.

Open image gallery

The project was awarded with the DDC Wettbewerb Gute Gestaltung 17, the German Design Award 2017, the UX Design Award 2016, the Red Dot Award: Communication Design 2016 and the iF AWARD 2016.

HMI System


HMI System - HTML5 Frontend Showcase

Generic HTML5 Frontend Showcase

Our HTML5 frontend Showcase exemplifies the scenario of a dashboard-operation, how widgets can behave responsive when interacting and changing the screen size. All interaction elements follow a predefined logic and use the available space always optimal. All possible devices such as desktop computers, tablets or mobile phones can be used via a web browser to display the interface. The interface automatically adapts to different screen sizes. The frontend Showcase is part of our HTML5 frameworks which we provide via our partner HMI Logic.

HMI System Showcase Demo

Please find all information on our services in software development through our partner HMI Logic. hmi-logic.com

Hapa/Laetus NEW TECHNOLOGY

Hapa/Laetus NEW TECHNOLOGY

Touch-optimized User Interface Design for printing and control systems

For the machine and system developers Hapa AG and Laetus GmbH a common intuitive operating concept was created whose design adapts responsive to numerous panel sizes and mobile devices. The design has a clear visual information hierarchy and integrates seamlessly into the panel hardware. The modular navigation concept is workflow oriented and scalable up to plant management. Contextual help and assistance systems are an integral part of the user-centered interface. All contents can be adjusted depending on user roll, workstation purpose or machine configuration.

Open image gallery
The project was awarded the iF design award 2015, the Red Dot Award: Communication Design 2015 and the German Design Award 2016 - Special Mention. iF Online Exhibition Red Dot Online Exhibition GDA Online Exhibition

Weber Power Control

Weber Power Control

Touch-optimized user interface design for high end slicing machines.

The interface is designed modular. It can be adapted to different machine types. Heart of the interaction is the dynamic page layout. It enables constant supervision of the most important production key figures. The layout is responsive and adapts to new requirements after interaction. The dashboard – central monitoring and operation view – summarizes complex machine processes and displays them clearly. The depth of information can be extended by intuitive swipe gestures. So frequently used parameters can be quickly manipulated. In a workflow-oriented menu all production parameters are accessible grouped by either product processing steps or machine components. Further components are outsourced from the regular operation to an app-like view. It can be expanded by optional modules. Also an alternative skinning for a subcompanies smaller panel was provided. The frontend was developed using web technology to support a system wide uniform appearance and quick adaption to mobile devices.

Open image gallery

The project was awarded the Red Dot Award: Communication Design 2013, the iF communication design award 2014 and it has been nominated for the German Design Award 2015 and the UX Design Award 2016.

Red Dot - Online Exhibition, iF - Online Exhibition, GDA - Online Exhibition

Oystar One HMI


Case Study One HMI

The project One HMI shows the development of a uniform human-machine interface for the OYSTAR group. With its 10 manufacturing companies, the international OYSTAR group is one of the market leaders in the packaging industry. We were commissioned to create a uniform operation concept and software design for the requirements of 12 different technologies, 36 machine types, and 3 monitor sizes. This example shows how we apply our experience, knowledge, and team spirit to complete this ambitious project in a very short time. Now, the design is being used on OYSTAR machines under the product name "TEOS - The Easy Operation System".

Focused on our Customer Needs

Analyse - Interfacedesign Status Quo before harmonisation

At the beginning of the project there were 12 applications to be put to the test. Criteria such as simplicity of use, role functionality and adaptabilty for individual usage environments were important considerations. Just as important were the analyses which we undertook directly with OYSTAR’S customers. With the machines running and work taking place as normal, we were able to see and understand just how the complex workflows and production processes took place and were able to handle and design accordingly.

One Concise Control Concept

Through a survey of machine users, service technicians and developers, we researched the requirements of the different user types. Using this knowledge, we developed a control concept to suit every machine.

Wireframes

Using wireframes – schematically simplified drafts – we defined the fundamentals for the design of the interface. With the help of flow charts and in consultation with the client, we structured the information architecture.

Wireframe - Concept for a 21 Inch Machine Image

Structure

We’ve used a modern wide screen format as the basis for our screen design. All the interface functions are allocated their own particular field on the screen: The most important information about the production process and what’s happening with the machine can be recognised at a glance using the status bar. The main navigation toolbar is situated ergonomically at the right-hand side of the screen.

Structure - areas for navigation, usage and overseeing

Usability

With the development of the Human Machine Interface, we have taken into account many different principles in order to optimise user friendliness. These were defined at the start of the project and were the basis for all the structural and creative decisions that followed. Simplicity of use was our utmost priority at every stage.

Usability - paching maschine for a 15 inch  monitor

Focusing the low-level user

The low-level user has been considered in all our structural decisions. Their everyday tasks have been prioritised. Depending on the level of the user, the interface can be extended to include other functions.

Additional Functions for High Level User+

Differentiated Dialogue System

The information that is generated from the system is treated differently than the dialogue that the user opens. This simplifies communication with the machine and helps to avoid errors, maximising safety.

Dialog system - machine dialog: Login+

Easy to Customise

Little helpers for the production process, widgets, are customised to the requirements of the various types of users. Information about the production process, temperature or statistics – all available at a glance.

Widgets - supporting production+

An Intelligent Machine Assistence System

Correct and fast reactions when it comes to errors save time and money. The context dependent assistant helps even inexperienced operators with step-by-step instructions in how to solve any problem that occur.

Assistant - Support in case of a fault+

Visuals for the Parameter Input

Animated visuals help with setting up and optimise the stages of production. The advantage is direct feedback over the interface. The graphics are self-explanatory across all languages.

Parameter data visualsistaions+

Increasing Functions using the Multi-touch screen

Using gestures and two hand operations on the touch screen, the natural interaction between the user and the machine can be increased, optimising efficiency.

Lists - fast scrolling using two fingers+

Machine Linearisation

The consecutive stages of production from a machine are shown as simplified modules. In this way even complicated machines can be depicted in an easy-to-understand way.

Transformation of a real machine to the linear machine image+

Customized Operator Panel

Customized Operator Panel

The aim of the custom designed ONE HMI panel by Prime Cube was making operation easier, more ergonomic and more intuitive. It is designed as a stand-alone system for support arm installation. The stainless steel housing is IP65 protected all-around. Due to seamless integration of the glass front, the device is easily to clean. An operator uses the software's GUI intuitively with the multi-touch capable, capacitive touch screen. Display sizes range from 25 cm over 39 cm to 53 cm. Defined operations can be proceeded directly with capacitive controls or electromechanical devices. All device types provide fanless cooling thanks to Intel Atom CPU and the use of especially energy-efficient components.
Right from the start, HMI Project was involved in the industrial design process in an advisory function. This ensured the optimum harmonization of hardware and software design.

Ergonomical Interface Design

Portable to different monitor sizes - 10 Inch/15 Inch/22 Inch

The ONE HMI Interface features a coherent and easy to use surface with high quality images. The systemised structuring can be adapted for any use and is easy to tailor to individual needs. The concise surface layout is quick and easy to learn, thus simplifying the handling of the machine. Every stage in the development process has taken place according to DIN EN ISO 9241 -210.

Touch sensitive Controls

Having looked at ergonomic studies, we have designed the touch screen with adequate space between the controls ensuring control errors kept to a minimum.

Overview of Selection- and Input-Controls

Intuitive controlling

Objects like buttons and input fields are depicted 3-dimensionally, making it easier for the user to observe and recognise what they are doing. Depending on the level of the user, only the information which they need for their particular tasks are shown.

Organizing orders - selction and zooming into the timeline

Self explanatory Icons

We have developed a set of easy-to-use self-explanatory monochrome icons to serve all the important functions and processes. These simple 2-dimensional images help the user navigating through the interface and help fast cognition.

Overview of Icons

Logical Pictograms

The sometimes extremely complex machine modules are represented in simple pictograms. Basic functions and production processes from the modules are depicted in reduced form, making observation of the production process simpler.

Übersicht von Pikogrammen

Harmonious Colour concept

The interface has bright richly contrasting colours and tones, making it easier to read and more interesting to look at. The colour scheme is based on the colours in the customers own corporate design. The muted colours are differentiated using different tones. Prime colours signal when important information needs the immediate attention of the user.

Color conecept for Alerts and Warnings

Effective Implementation

Dokuwiki Styleguide - Definitions

Important Information by Prototyping

A trial run using a prototype was a great help in the development phase. This was implemented by GTI-control in a parallel project. Here, we could not only try out the design but also test typical action and interaction steps using reference users. We were thus able to integrate the insight gained in our design process to further optimize usability.

Online Wiki Styleguide

The styleguide has been provided as a dokuWiki site which you can access any time on the internet. Here you can find out all the information you need in order to implement the HMI interface software. It gives you all the exact measurements and a clearly laid-out download area. The online style guide is the tool you need for guaranteeing successful implementation of the creative elements. Here you can experience the consistency of the concept and get the look and feel of all OYSTAR’s applications. Using the community function, effective communications between designers and developers can be made accessible to anyone involved.

Growing Library with Use Cases

A special feature is the use case library. Special solutions and upgrades that develop during the implementation are documented here. It also serves as a source of reference for all the developers working abroad.

Sharing Components

The online styleguide is also used as a platform for developers to share software components. In this way effort is spared and synergy can be put to better use!

Future-oriented Concepts

Präventive Wartung

Visualization and evaluation of monitoring data across production lines significantly contribute to the optimization of work processes and machine utilization. Preventive maintenance, i.e. the advance identification of pending mechanical and electrical problems, can help to avoid expensive downtimes and reduce the stock keeping of spare parts. By means of mobile devices, the operator has a comfortable control center view of all machines at any time – from almost any place.
RF-ID allows for unambiguous identification of users or of the position of an output device in the machine workshop.

Our Office

Office


We are headquartered in Würzburg. This central location in Northern Bavaria is easy to reach from all German-speaking countries. Since the beginning of 2014, you can now find us in our “new” office in a renovated late neoclassical style building on Frankfurter Straße 92 in Würzburg. Impressions

Foundation

HMI Project was founded in 2011 by Markus Buberl and Christian Rudolph after many years of successful cooperation. Contributing experiences from different design disciplines, the two partners complement each other perfectly.

Foundation

Team

We work in a small, flexible team of four communication designers and one media designer. For ongoing projects, we extend our staff to a maximum of eight with freelancers based near our site, using a network of experienced colleagues.

Team

Jobs

We are currently looking for permanent employees/freelancers in the fields of user interface design and web developement. Speculative applications are also always welcome.

UX/UI Designer

  • as soon as possible
  • permanent employment or freelancer

Contact Us

Our top priority is detailed consulting on every project. We look forward to your enquiries.

Your Contact Partners on Site

Markus Buberl
Dipl. Des. Communicationdesign (FH)
General Manager
Specialized in User Experience and Icon Design.
Phone +49 (0) 931 45329770

Markus Buberl

Christian Rudolph
Dipl. Des. Communicationdesign (FH)
Certified Usability Engineer
General Manager
Specialized in Usability and Interaction Design.
Phone +49 (0) 931 45329770

Christian Rudolph

Address

HMI Project GmbH
Frankfurter Str. 92
97082 Würzburg
Phone +49 (0) 931 45329770
Fax +49 (0) 931 45329771
E-Mail hello@hmi-project.com
Directions Google maps

Xing Vimeo Facebook Twitter flickr