Problem/Motivation

Kindly find the ladder with breakout requirements with video of problem statement : http://drupalladder.org/guide-people-understand-user-interface

Proposed resolution

Take a minimalist approach in the improving user interface and guiding them regarding the possible options they can do in Drupal ladder

Kindly find the test case : https://gitlab.com/onso-labs/step/-/blob/feature_code_improvement/featur...

Remaining tasks

TBD

User interface changes

TBD

API changes

None Anticipated

Data model changes

None Anticipated

Comments

Divyanshi.addweb created an issue. See original summary.

Divyanshi.addweb’s picture

Divyanshi.addweb commented
Related issues: +#3173824: Guide user that every ladder is related to the right hand side tabs, +#3102058: UX/UI Improvement for chapters/steps
Divyanshi.addweb’s picture

Divyanshi.addweb commented
Issue summary: View changes
Divyanshi.addweb’s picture

Divyanshi.addweb commented
Issue summary: View changes
avani.addweb’s picture

avani.addweb commented

"DTL - 154 Guide people to understand user interface" for this we have created two option,
1) video - we have installed ReactPlayer plugin, added functions to autoplay and stop video when media finishes
2) GIF - we have added GifLoader plugin, changes in settimeout to autoclose gif
designed close button and set video, gif

avani.addweb’s picture

avani.addweb commented
Assigned: Unassigned » avani.addweb