Authoring Tool - Usability enhancement

[ecureuill]

This Feature Request is based in the usability/accessibility proposal sent after Brazil Workshop to fix usability/accessibility problems.

UPDATED: Items already specified in others issues have been removed.

---

Index

1. Content creation and edition
   1. Multiple source for upload
   2. External Link
2. Text and Code component
3. Activity Component

---

live-demo Check in Program Step

Content creation and edition

This spec is for all content creation/edition dialog

• [ ] one column User didn’t understand the tab navigation meaning. Two columns was confusing, because it's give the idea that the second columns is about the second button in tab navigation
• [ ] Instead of a three-step functionality keep all in one step. In the same modal where the content is added, include the accessibility settings in a vertical menu. It's exactly the same as the Accessibility Configuration modal is now, but instead the content tab host a preview, it actually host the content form.
  • [ ] Same modal to add the content and edit the accessibility resource]
  • [ ] Vertical menu: Add a divider and the label "Accessibility" between content tab and any other accessibility tab.
  • [ ] Remove the modal that ask whether user wants to configure accessibility.
  • [ ] Content Area: No need to have two options in context menu (edit and settings) should be only one

Multiple source for upload

User's get confused with the design of the upload button and alternatives sources option. User's get confused with the "upload from link" and "external link" options

• [ ] Let user select from a dropdown the source of the file
• [ ] Load the upload component conditional to the source option
• [ ] Keep consistency
• [ ] Use icons conditional to the source option

Text and Code component

Users didn't understand that they needed to navigate through tabs to insert the specific type of text content Split in two types of components

• [ ] Text component
• [ ] Code component
• [ ] For both components, add a full-width option that will resize the modal for better experience when writing long text.

Activity Component

User didn’t understand the tab navigation meaning Form should consist of:

• [ ] Text area for instructions
• [ ] Dropbox to select the type of expected delivery
  • Storytelling
  • Text
  • File
  • Forum

[ecureuill]

@juantenesaca for your knowledge

[juantenesaca]

Thanks Ecureuill, I think it could be better if the new bar al the bottom could be adapted to the one above, we could save time because that is what we do not have.

[ecureuill]

@juantenesaca

About the stepper

The steps in top is the same (react omponent) that is currently in platform (the one presented in a combobox). To present it in inline, just need to change one or two attributes directly in the component. Note: I started this proposal in November using the SELI code. I'm assuming there wasn't any modifications.

What need to create:

• styles: the color and icons are coded on the live-demo.
• dependency between steps: coded in live-demo

BUT, could avoid this Design modification now and keep the stepper as it is now, in a combobox

Also, note that this the November version. The Instructional design version, has more steps and is in #60

[github-actions[bot]]

This Feature Request was accepted, but are not going to be implemented in next release.

[github-actions[bot]]

This Feature is ready to be implemented.