kolibri icon indicating copy to clipboard operation
kolibri copied to clipboard

When navigating resources for quiz/lesson-creation, unchanging elements in UI flash in and out

Open jonboiser opened this issue 5 years ago • 1 comments

Observed behavior

Here's a GIF of what it looks like when you navigate the quiz-creation workflow

CleanShot 2020-10-13 at 16 10 44

Observe that the entire middle part of the page disappears and reappears at each button-click, although its only the content cards that change.

There is a similar (but not identical) behavior on the Lesson-management workflow.

Expected behavior

The constant elements of the UI should stay in place and only a subset of the UI change at each navigation. We introduced a similar visual pattern in the import/export workflow, where e.g. the Channel Details at the top of the page remain in place while the list of topics below change.

CleanShot 2020-10-13 at 16 13 07@2x

CleanShot 2020-10-13 at 16 11 31@2x

User-facing consequences

A slightly better UX, since the UI elements that need to change is minimized.

Errors and logs

Steps to reproduce

  1. Use the search or browse functionality for creating/managing lessons/quizzes
  2. See the majority of the UI flash in and out as you navigate resourecs.

Context

jonboiser avatar Oct 13 '20 23:10 jonboiser

This should be resolved alongside updates to these flows to make them more consistent across quizzes and lessons and to include new metadata.

rtibbles avatar Jul 28 '22 20:07 rtibbles