English German

Adapting Embedded GUIs to Meet Increased UX Expectations (EW2021 Presentation)

Graphical User Interface Iteration

Whether it’s a new product, or an existing one chances are many of you (or your customers) are planning on taking it upline (or even downline) through the addition of an embedded screen.

[Gilles]
Hello Everyone and thanks for joining,
My name is Gilles Hendrikx and I’m Product manager at Logic Technology.

We help engineers create great products and to lower their development risk. We do this with a wide variety of tools and hardware.

Today we would like to share some of the challenges that our customers have faced when developing  their  UI product.
 


With me today, from Crank Software, is Garry Clarkson.
[Garry] “Last couple of years we have worked together with customers in many different markets and there are some common challenges that we see very often.

The User experience is key.  Customers are so used to smartphones and the smooth look and feel these high end devices deliver that this have become the norm for all UI products. With evolving products and growing feature sets this might lead to upgrading your hardware sooner than you anticipated at the start.
A different hardware challenge is that within a product family or a product ecosystem, a wide variety of hardware is being used, which is often developed by the same R&D team.

Within these R&D teams, product development happens on different levels at the same time. Graphic designers and Marketing are working on the look of the UI, UI/UX specialist are figuring out how everything should feel and off course Hardware and software engineers are making sure everything works accordingly.”
[Gilles] Garry can you please tell us more about how these challenges have affected some of the projects we did?
 
[Garry] Our customers have told us the following issues - embedded GUI is hard!:
  • Lots of products in range - every device has different hardware so different design tools = No Scalability
  • Point of sale installations in retail with customer specific branding and advertising - hard to manage the change = No Reusability
  • Managing translations and localisation - we have Storyboard tools for this too!
  • Collaboration - external agency for design, another for prototyping then bring in-house for full product development
    • Hardware prototyping company

Do you remember when we received an entire UI design in PDF? This meant:
  • they needed  to hand code the UI and translate pixel by pixel
  • every change went through all the steps again
  • took a long time to change stuff
  • compromised the end product.
 
[Gilles] What do we have to change and what does this mean for the R&D team?
 
[Garry] Traditionally the process is very involved as every design code change is a software code change - inefficient and leads to compromised UX
UX features can get lost in the translation from designer to engineer - and the designer needs to ensure their GUI design can be realised with the actual software and hardware resources available

[Gilles] How exactly do you solve this?

[Garry] By decoupling of the front-end UI from the back-end logic, the designer and developer can work in parallel to build the
Design first and use this to inform to deploy to prototypes quickly and profile the performance for hardware selection
Evaluate hardware shortlist side by side select the best cost-price to performance
Design, Test, Tune, Iterate and deploy very quickly and easily
  • Companies who change approach this see the benefits very quickly
  • Designers use high productivity design tools to create exactly the design that they want
  • No fixed and limited sets of standard widgets to limit your creativity  - differentiate the UX with animations and total design freedom - not barriers to creativity
  • Designers drive the UX by design and prototype on the desktop using the Storyboard simulation to refine - not software engineers

[Gilles] Can you show us how this works in practice?

Watch the entire presentation to learn more about adapting embedded graphical user interfaces.
 
For more information, contact us.