After three exciting days on Europe’s leading trade fair for electrical automation, the SPS IPC Drives in Nuremberg, our team came back with a lot of new impressions and ideas.
For the fifth time running Ergosign presented itself on the trade fair with his cooperation partner Inosoft. More than 63,200 visitors drew inspiration on subjects like “Industry 4.0”.
Thanks to all our partners, customers and visitors for their interest.
We are already looking forward to next year!
Save the Date: 28. – 30.11.2017
You’ll find impressions and highlights from the SPS IPC Drives 2016 in our video.
From Wireframe to HiFi prototype: Possibilities and limitations for interactive big data visualizations
You’ll find impressions and highlights from the SPS IPC Drives 2016 in our video.
We all know that interactive data visualization is an effective communication tool for easily conveying even complex contexts: if applied correctly, users can use them to discover hidden patterns, change perspectives and develop new ideas.
But how can we create data visualizations which best assist users in their tasks? And how can we test interactive visualizations where they are actually needed?
Generating insights and findings from seemingly abstract pain data?
For the treatment of chronic pain, data about the changes of the patient’s condition, movement profiles, sleeping habits, the weather or the timing of therapy measures are observed over a long period of time, analyzed and investigated for patterns and correlations. To do this, pain therapists require an effective and efficient tool. In this context, (interactive) data visualization assists human cognition in the rapid recognition of patterns, gaps and outliers – even for large amounts of data. Therefore, the basis of my work was the search for such an interactive data visualization:
“Quiri Analyzer” was created in the third phase of the overall “Quiri” „Quiri“ project and complements this with a user interface for medical staff for the evaluation of the data collected from individual pain patients.
How does one visualize data for pain therapy?
In this blog entry I would first like to exclude the technical requirements (what type of data is collected in what cycle for what diagnosis). A special challenge from the UX perspective, was finding a suitable prototyping tool with which the visualization of and interaction with complex amounts could be appropriately evaluated with users, also in the run-up.
I found a few approaches in my research on the topic of prototyping. From intensive paper prototyping to exclusive digital mock-ups: Unfortunately, many of these methods were only suitable for very few interactive visualizations or for very small amounts of data. From the varied repertoire of prototyping methods, I had to choose those which met my requirements:
- flexible design and adjustment of large amounts of data points
- ideally, a responsive design
- functional prototype
- possibility of exploratory testing with users
Another particularity in this project was a small target group which is difficult to access: Pain therapists are usually very busy people with heavy schedules. Consequently, within the evaluation session, as little as possible abstraction, but rather concrete “exploring” by means of realistic patient data was to be evaluated in order to receive valuable feedback for my case, i.e. meaningful data had to flow into a highly functional prototype in order to test my aspired filter concept.
The tools of my choice
For the visualization of the individual parameters that are relevant for the pain therapy, I first scribbled notes onto paper. Written notes on paper are a good basis for making rudimentary decisions and discussing first approaches with colleagues. I also presented the rough layout as well as the idea of the filter concept and the temporal representation of the data in this way.
Quick changes or new ideas were no problem!
With this approach, in a second prototyping phase, I was able to first test the layout and the UI in digital wireframes in the prototyping tool Antetype. In this phase I mainly worked with static contents and concentrated on the fundamental UI. With the jump to a digital prototype I for example had the option of using recurring elements via “copy-paste” or hiding and showing information. Together with my colleague I performed a few expert reviews by means of this prototype, in order to include improvements in the further iteration.
In this project phase, Antetype made it possible to develop and adjust the options, layout, interactions with the UI and a responsive behavior.
However, as user experience in the evaluation of such great amounts of data ultimately depends on the possible interactions with the data, and these must feel as real and correct as possible, I had to opt for a functional prototype. As I had already had first experiences with the Framework D3.js, and because I required a high level of flexibility of the visualizations for “Quiri Analyzer”, I decided on the D3 and the implementation as a HiFi prototype with web technologies.
After a short phase of getting familiar with the possibilities of D3, I was able to gradually implement the concept from Antetype and design the interactions realistically. In this phase of prototyping, I made decisions on what behavior feels natural and can optimally support users.
With the developed prototype I asked for qualitative feedback on the use from two users. The approach of letting users “explore” by means of realistic patient data exceeded my expectations and turned out to be exactly right.
It’s particularly great to view the graph together with the patient. [...] People love pictures. Yes? Most people are visually triggered, and when one shows it to them and holds up a mirror: “They have a look for themselves. That’s them. Nobody else“. This provides a great sense of momentum. Cool. ”
In a second loop, a visual design was added to the prototype and improvements from the validation were integrated. Created in Antetype and implemented in CSS styles, the final version of my prototype was created.
By means of the “Quiri Analyzer” practical example I have shown you my (an) approach of prototyping for interactive big data visualizations. The effort of an expansive prototyping phase is worth it, try it for yourselves!
The topic of “Industry 4.0” is ever-present, particularly at Europe’s leading trade fair for electrical automation – SPS IPC Drives 2016 in Nuremberg.
Here, it becomes obvious just how much technical progress is influencing us at present and will change our future. The trend is clearly heading towards the digital / virtual world and the physical world merging. What might this look like in detail, you ask? Well, together with Inosoft and Digitec, Ergosign will show you with an interactive showcase that whisks you into our virtual machine hall by means of the “HoloLens” data glasses and augmented reality.
To this end, we are using an HMI to link classic machine operation with future interaction scenarios based on Microsoft’s data glasses. The augmented reality glasses cause the user’s surroundings to be expanded to include context-specific holograms that appear three-dimensional on the real machine. The user is thereby clearly shown where to perform repair or maintenance work on the machine as well as what actions and tools are required to complete the task.
Directly overlaying (“mapping”) the problem and the solution leads to tremendous advantages as regards the comprehensibility of complex processes. Data glasses like the HoloLens guide you safely through a maintenance scenario, for example, so that nothing more stands in the way of machine commissioning.
We warmly invite you to personally experience and discuss with us the advantages and possibilities of operating ergonomics 4.0. Visit us at stand 480 in Hall 7.
Unfortunately this blog post is only available in German.
Only a few weeks left until the World Usability Day dealing with Sustainable UX starts: For the first time an interactive students workshop for a slim and fast conception of a bike sharing app is offered in Saarbrücken. In the afternoon exciting talks about „sustainable trouble“, improvement in quality of life for young patients by using UX design and about the practical use of design in aviation follow. Everything about the WUD Saarbrücken is provided on the website where you can instantly sign in for free.