Having a really hard time figuring out how to communicate features of my web application.
The idea I had was for the user to be able to click on a "feature" and then an animation or video would do a quick 5-10 second demo of the feature.
You can see my attempts to do this using CSS animations of a screen shot, but this solution is not ideal:
- Actual web page (development server): https://dcdetail.com/#stack-exchange-ui-question
- Video (hosted on amazon S3 for posterity): https://s3-us-west-2.amazonaws.com/enterprisejazz/website/ux-question-video/ux-question-video.html
Ideally, I'd be able to seamlessly display a quick 10 second video of the feature inside a pane when the user clicks on one of the features.
I'm trying to avoid complex video players because the take a bit of time to load and display a bunch of controls (like pause, full screen, etc...) that would be distracting in this case. However this is a strong 'want' not a 'must have'.
Just in case this is not obvious: I posted this in UX.Stackexchange because there a bunch of ways to easily embed a video, but my concern is to do it in the best way in this use case to maximize the user's experience. As a user, many times when video is embedded in a web page for this type of use case, the details of how it is done annoy and stress me out.
Are there any precedents or best practices for this use case?