Studio Usability Enhancements

[marcellamaki]

Overview

The "Studio Usability Enhancements" project is an update to the base treeview of Studio and the ability for a user to quickly edit a single resource or a group of resources, without having to change pages and open the full screen Edit Modal. The purposes of these updates are to:

1. Reduce the friction of updating a single resource
2. Reduce the friction of bulk editing multiple resources
3. Add responsive design

Impact and Timeline

The feature will affect all of our Studio users, and hopefully create a better user experience for all of them. The improvements will probably be felt most by frequent studio users who are regularly editing and customizing multiple channels.

We will know these updates are successful of our users report that editing resources has become easier.

It is also possible that we could compare some Google Analytics metrics to compare how long users spend updating or editing a channel before and after the updates.

This is a Q3 project.

Considerations

Editing folder metadata was thoroughly discussed in design review as well as epic drafting

Working Assumptions

• Users will find the quick edit with a popup modal more user-friendly than opening up the Edit Modal page
• Users may want to bulk edit a single piece of metadata across multiple resources (i.e. adding "Read" to 5 EPUBs, or by applying metadata to all content in a folder)

Acceptance Criteria

• Each of the 10 finalized workflows in Figma has been implemented
• Each workflow should meet core accessibility criteria: icons, buttons, links, and forms should be navigable with keyboard and should be tested on screen readers
• New work should be done with KComponents wherever possible

MVP

• Accessibility criteria is met
• Any concerns with implementing the designs according to Figma or Gherkin should be reviewed with Jessica, Riddhi and Radina. Decisions should not be made while coding and then asked "is this an okay change?".
• Bulk editing "command palette" is implemented
• Individual resource menu is implemented
• Editing both individual resources and folders works according the the specifications for each metadata type (outline in specific issues)

Resources

Figma
Link to Gherkins will be added as they are drafted

[rtibbles]

This has been implemented, with much success!