The eLeaflet solution by myHealthbox is now supporting a new Next Generation reference design with a new look&feel, a modern mobile-first UI, an improved template and additional features like real-time alerts, Web-app support and caching.
Customers will be able to select the old-style templates for maximum compatibility or the new reference implementation; with the new support for templates additional custom-made designs can also be developed and plugged-in thus allowing for unique, bespoke solutions.
The need for a review of the eLeaflet standard template and UI design arose as more and more users are now interacting with myHealthbox through a smartphone device (latest figures show that over 80% of all sessions are through a mobile device). Particularly, when viewing large amounts of mostly textual data through a small screen, it becomes extremely important to overcome some of the size limitations of these devices through the implementation of mobile specific solutions.
What are the main differentiators when designing an eLeaflet UI for mobile (small screens) or web (large screens) use ?
The main aspects to consider are:
one-hand navigation and scrolling (in fact multiple and overlapping navigation paradigms are preferable). Navigation can happen at diffrent levels: horizontally between pages or vertically between sections and within text areas
large object selection areas are needed when your mouse pointer is as big as a finger ...
dynamic and zoom-able text (both need to be implemented as results are different)
correct spacing between text and sections to easily identify areas of interest.
With the introduction of native support for templates companies creating an eLeaflet will be able to select which UI design to adopt, or even create their own, obviously it is always possible to move from one design to the next.
The old one guarantees for full compatibility with all devices while the new one supports extra features, a more modern look&feel and looks great on the newest mobile devices.
This is just a short list of what is now available when using the new design:
Full RTL and LTR support: while RTL languages were already supported in previous versions the new design template now adds full RTL support also for UI elements and navigation. In case you are wondering what is the difference between the two check out an example of the old design with RTL support and the new one:
Real time alerts and messaging
Improved security with a Blockchain-derived signature key
Improved support for eCommerce
Improved multimedia and audio support
This new eLeaflet Next Gen release does not just mark a new Ui and usability paradigm, lots has been improved behind the scenes, some of the new "hidden features" are:
A reference design for the new Next Gen eLeaflet is available here:
An implementation of the new design for products in the market today can be viewed here:
More information about the eLeaflet solution from myHealthbox is available on the eLeaflet website