Use Case: The user wants to change the speed of the video while trying different video modes
Problem: While watching a video in full screen mode, the user tries to change the speed of the video. Instead of a standard drop up menu, they see that the speed identifying digit changes after each click and switches the speed in an unusual way: first 3 clicks make the video faster, then next click makes the video slower than normal, and after the next click the speed becomes normal again.
If the user watches a video in preview mode, they see a drop up menu after pressing the speed button. But here is another problem: it’s not possible to make video slower as this option is not visible in this mode.
Users are hardwired to expect that clicking on the speed will open a dropdown menu displaying all available speed modes. The interface lacks predictability, which in turn amplifies the cognitive load on users, making interactions more mentally demanding.
Annotated screencast:
10.1_Skillshare_Change speed of the video.mp4
Best Practice:
Udemy provides an exemplary implementation of video settings by allowing users to adjust playback speed both in full-screen mode and during video previews. The speed control buttons are consistently placed within the media player and function uniformly across all viewing modes. This consistency enables users to focus on their learning experience without wasting time navigating or adjusting settings.
Udemy
Original screencast:
Skillshare