#7. Find the right balance between sophisticated features and layout hierarchy
The dilemma is whether the end product should be saturated with features (plus imagery, animations, and whatnot) – or it should display perfectly minimalist taste. The former opinion is endorsed by marketers who crave more wow effect; the latter favors good function and “mitigates the choice paralysis” in users. Of course, most of this is to be decided by the customers and not by the agency, but for CLM friendliness and universal compatibility, there needs to be some sort of balance.
#8. Take benefit of well-thought navigation between slides
Practice shows that good HTML5 presentations work by letting the user decide what to see. Not overwhelming with possibilities, mind you! This means leaving space for different scenarios. Imagine how the presentation will be demonstrated. At which points is the user likely to deviate from the linear sequence of slides? How will the representative who shows the presentation make the transition? Imagine there’s a confusing situation where an image doesn’t load properly. Where should the navigation element sit so that it’s used immediately? This principle functions as a safety belt that has saved many good presentations from modestly usable devices.
Another important point is consistency. Navigation elements have to be predictable in location and use to be used with ease and minimize the amount of unnecessary actions with the interface – this is what sets high-quality user experience apart from the average.
#9. Animated elements and their philosophy
Sure, the ability to use different complicated elements, including animations, 3D graphics, and special effects was one of the things that made HTML5 popular in the first place. Honestly, without them, a presentation would be hardly different from a simple PDF/PPT. On the other hand, there’s a whole philosophy built around these features specifically to avoid overloading the product with unnecessary information. Even Google took part in shaping the view about two years ago with the brilliant:
[motion should be] meaningful and appropriate, serving to focus attention and maintain continuity. Feedback is subtle yet clear. Transitions are efﬁcient yet coherent.
What we add to all this is, animations are something very screen-specific and need to be readjusted for different devices – vertical and horizontal orientations are just the tip of the iceberg here, so your development standard/framework should facilitate constant improvement.