Suggestions for channel management actions UX improvements

learningequality / kolibri

Kolibri Learning Platform: the offline app for universal education

https://learningequality.org/kolibri/

MIT License

802 stars 667 forks source link

Suggestions for channel management actions UX improvements #7424

Open ivanistheone opened 4 years ago

ivanistheone commented 4 years ago

Observed behavior

Current setup:

current

Problems with current setup:

Most common action IMPORT MORE is hidden behind an extra click
Less common actions EXPORT and DELETE are presented in the action bar (different place from IMPORT MORE)
Selecting a checkbox could has two possible meanings (either i'm selecting nodes to export, or selecting nodes to delete)

Expected behavior

proposed

the channel (noun) is shown with the the three possible actions (verbs) are displayed consistenly
after choosing a channel action, users will be send to an appropriate second step (a wizard with one of more steps)
clear spearation betweeen EXPORT and DELETE actions

User-facing consequences

Uniform presentation of channel actions like in older versions of Kolibri would be make it easier for Kolibri users to know what they can do with channels.

ivanistheone commented 4 years ago

^ @rtibbles @khangmach @jonboiser something to consider for 0.15

khangmach commented 4 years ago

@ivanistheone are there any user reports you've collected that support your feedback?

ivanistheone commented 4 years ago

@khangmach Nothing from the field, but lots of "these steps are confusing" from internal use.

I realize dropdowns are bad UX, so maybe the suggestion ^ is not the best. Y'all probably had good reason to switch to this new flow.

@carinediaz had suggested a general need to review the content management steps under different languages (e.g. Spanish) because certain actions don't translate well and add additional friction. In particular, the UI elements and verbs around task management showing up right next to channels were confusing (e.g. "clear" referring to tasks could be misinterpreted as a channel action). Perhaps a hack session where you ask people to import some channels, update them, delete, and export?

khangmach commented 4 years ago

@ivanistheone I understand your concerns about the extra click and dual action bottom bar which ties in with the selection process and will keep some of these points in mind for any next iterations. I don't think this is an issue at the moment however and your suggestion was actually an early concept I tried out but decided against in the design phase haha. There are a lot of moving, complicated parts to this so I'd like to leave this to design before abruptly tackling this as a "to-do"

indirectlylit commented 4 years ago

very much +1 on the user feedback given by @ivanistheone. Once you go through the flow a few dozens times, it makes a lot of sense