Embrace design change and simplify embedded UI resizing and rebranding

29.03.2018 | 16:15 Uhr

The following is a post from Fancy Dan, one of our creative and talented in-house designers. Dan uses Storyboard Suite on a daily basis to create awesome user experiences for embedded applications. He’s also the dulcet voice behind our Storyboard videos.

https://i0.wp.com/blog.cranksoftware.com/wp-content/uploads/2018/03/crea... 300w" sizes="(max-width: 470px) 100vw, 470px" data-recalc-dims="1" />

There are a lot of moving parts involved in building embedded applications. Every step in the product development process can influence the UI and contribute to changes, which is why it’s essential to be able to manage design iteration. Some products are turnkey applications that are delivered to companies with custom branding and a unique look. Other applications require a reskin to be modernized, use different modes, or introduce new features. The best product experience is a result of design iteration, but development can’t always wait for the design process to be completed before starting. A change in the supply chain could result in having to use a new display with dimensions that don’t match the original design.

Support UI rebranding and resizing and build better products

Storyboard Suite uses workflows to keep the design process flexible while preserving the application’s functionality. Changing the design of the UI is a reality, but it can’t come at the expense of development progress, which is why we built and continue to refine the re-import feature. Storyboard takes advantage of the comparator that looks at a new design from a Photoshop file and compares it an existing application.

The new re-import view provides the user with a view of their Photoshop file in the context of the application model, a preview of the different screens from their application, and a side-by-side comparison of existing project content and items that have been redesigned. With this new view, users can preview how their re-design is being applied to their project and with more control.

Individual attributes like positioning and size can be applied. Incorporating new fonts with different colors, replacing old images with new ones, and adding content are all options that are provided to users. In addition, variables and actions associated with the original content are maintained, so that animations, Lua functions, and other functionality is carried forward with the new content look.

In an ideal workflow, refining the UI shouldn’t interrupt or halt development work that’s in progress, and ongoing development shouldn’t exist in a vacuum or keep the design team out of the loop. Products with a solid design come from teams that can accommodate changes that were never planned for without putting the brakes on all aspects of the workflow. UI solutions that rely on a rigid development process introduce design limitations and lead to products with compromised usability.

Bad design will always result in frustrated users which means that everyone loses. Users care about the usability and look and feel of the final product, so a design that functions optimally matters. Being able to manage UI change helps teams deliver applications that don’t compromise on design or development, which results in products that are more likely succeed than those with poorly executed product design.

As always, we provide a full-featured 30-day evaluation for you to try out Storyboard Suite first hand. The evaluation contains our latest release, Storyboard 5.2.

https://i2.wp.com/blog.cranksoftware.com/wp-content/uploads/2015/10/Eval... 948w" sizes="(max-width: 316px) 100vw, 316px" data-recalc-dims="1" />

The post Embrace design change and simplify embedded UI resizing and rebranding appeared first on Crank Software.

Weitere Feed-Items zu ARM + Cortex + Cortex-A + GUI Toolkit + Renesas + SuperH + x86 - x64 + Crank Software + RZ/A, RZ/G1E

Meet Crank at Embedded World

19.02.2019 | 22:53 Uhr

https://i1.wp.com/blog.cranksoftware.com/wp-content/uploads/2019/02/embe... 300w, https://i1.wp.com/blog.cranksoftware.com/wp-content/uploads/2019/02/embe...

Video: An introduction to ASN.1.

04.12.2018 | 10:00 Uhr

An introduction to Abstract Syntax Notation One types and encoding rules.

Reimagining UI Design at the Smart Kitchen Summit

08.11.2018 | 17:28 Uhr

***I asked Nick Deeble, our enterprising sales manager, to pass along his thoughts and musings regarding his recent attendance at the Smart Kitchen Summit. Rarely short on words, Nick had the opportunity to talk with a lot of attendees about their challenges with developing UIs for appliances.***

PragmaDev will talk about verification techniques of event driven systems and how it impacts their security at the Embedded-SEC18 conference on Dec 7.

08.11.2018 | 16:00 Uhr

Learn about the technologies implemented in the field of embedded systems security: secured elements, operating systems, firmware, application security, wired and radio communication links. Come meet the key players in this field: software publishers, technology providers, service companies, experts ...

Developing beautiful UIs for the new NXP i.MX RT1060

06.09.2018 | 20:10 Uhr

https://i0.wp.com/blog.cranksoftware.com/wp-content/uploads/2018/09/RT10... 300w, https://i0.wp.com/blog.cranksoftware.com/wp-content/uploads/2018/09/RT10... 768w, https://i0.w

System Analysis and Modelling (SAM 2018) call for participation.

29.08.2018 | 16:00 Uhr

The System Analysis and Modelling (SAM) conference provides an open arena for participants from academia and industry to present and discuss the most recent innovations, trends, experiences and concerns in modelling and analysis of complex systems using ITU-T's Specification and Description Language (SDL-2010) and Message Sequence Chart (MSC) notations, as well as related system design languages - including but not limited to UML, ASN.1, TTCN, SysML and the User Requirements Notation (URN).