Change Details

### Background The Android team is released a feature called customizable toolbar that allows users to rearrange items in a draggable menu to determine what order they will see their quick actions. We conducted user testing (T298978) and learned users had trouble knowing how to drag menu items. The team added more tooltips to determine if that would help. T302386 ### Dependency T302386 ### The Task Run a test on usertesting.com in our target languages accounting for gender, geographic and age diversity, that tests if users are able to successfully drag menu items to the destination they prefer. --- ### Analysis **👉 Check out the full version of the analysis on [Notion](https://www.notion.so/wikimediadesign/Usability-testing-Android-Feb-2022-Analysis-c1b536068b78486e80da99c4e0461829)** #### Recommendations 1. Onboarding / language - Keep onboarding tooltips visible when scrolling. Only proactively tapping “GOT IT” should dismiss the tooltip. 2. Reading focus mode - Make sure the Reading focus mode setting completely hides edit pencils, without having to refresh the screen (some participants experienced this) - `ADD ARTICLE DESCRIPTION`, `ADD IMAGE CAPTION`, `ADD IMAGE TAGS` CTA’s should be hidden when reading focus mode is enabled 3. Customize toolbar - Make sure the entire list item is draggable not only the icon on the right. Alternative concepts if this is not feasible: - Show a tooltip when users try to drag and drop the label instead of the icon - If tooltip does not improve the situation → consider moving towards a pattern that does not rely on drag on dropping, e.g. [numbered checkboxes](https://www.figma.com/file/kmcTXhmwkHNDgOyoCHbWKz/A-custom-experience-T296087?node-id=551%3A24601) - Terminology: Users don’t get the current wording ‘Actions and Destinations’, change the copy of the detail screen to: `Customize the bottom toolbar with 5 quick links you find most helpful.` - Discovery and usability (T302397) - Add an additional, sixth ‘More’ menu item to the bottom toolbar, since the feature is hard to discover within 'Theme' at the moment. - Move items from the overflow menu in the app bar (top right) to a bottom sheet that is triggered by the newly added sixth 'More' item in the toolbar.

### Background The Android team is released a feature called customizable toolbar that allows users to rearrange items in a draggable menu to determine what order they will see their quick actions. We conducted user testing (T298978) and learned users had trouble knowing how to drag menu items. The team added more tooltips to determine if that would help. T302386 ### Dependency T302386 ### The Task Run a test on usertesting.com in our target languages accounting for gender, geographic and age diversity, that tests if users are able to successfully drag menu items to the destination they prefer.

### Background The Android team is released a feature called customizable toolbar that allows users to rearrange items in a draggable menu to determine what order they will see their quick actions. We conducted user testing (T298978) and learned users had trouble knowing how to drag menu items. The team added more tooltips to determine if that would help. T302386 ### Dependency T302386 ### The Task Run a test on usertesting.com in our target languages accounting for gender, geographic and age diversity, that tests if users are able to successfully drag menu items to the destination they prefer. --- ### Analysis **👉 Check out the full version of the analysis on [Notion](https://www.notion.so/wikimediadesign/Usability-testing-Android-Feb-2022-Analysis-c1b536068b78486e80da99c4e0461829)** #### Recommendations 1. Onboarding / language - Keep onboarding tooltips visible when scrolling. Only proactively tapping “GOT IT” should dismiss the tooltip. 2. Reading focus mode - Make sure the Reading focus mode setting completely hides edit pencils, without having to refresh the screen (some participants experienced this) - `ADD ARTICLE DESCRIPTION`, `ADD IMAGE CAPTION`, `ADD IMAGE TAGS` CTA’s should be hidden when reading focus mode is enabled 3. Customize toolbar - Make sure the entire list item is draggable not only the icon on the right. Alternative concepts if this is not feasible: - Show a tooltip when users try to drag and drop the label instead of the icon - If tooltip does not improve the situation → consider moving towards a pattern that does not rely on drag on dropping, e.g. [numbered checkboxes](https://www.figma.com/file/kmcTXhmwkHNDgOyoCHbWKz/A-custom-experience-T296087?node-id=551%3A24601) - Terminology: Users don’t get the current wording ‘Actions and Destinations’, change the copy of the detail screen to: `Customize the bottom toolbar with 5 quick links you find most helpful.` - Discovery and usability (T302397) - Add an additional, sixth ‘More’ menu item to the bottom toolbar, since the feature is hard to discover within 'Theme' at the moment. - Move items from the overflow menu in the app bar (top right) to a bottom sheet that is triggered by the newly added sixth 'More' item in the toolbar.