Moderated Usability Test for the top navigation design (mobile)
- Dominant language
- JavaScript
- Stars
- 363
- Forks
- 872
- Avg merge
- 2d 21h
- Merged PRs (30d)
- 18
Description
### Overview
We need to perform usability testing to assess the functionality of the top nav menu (mobile) . We want to ensure that mobile users will be able to access website content using the accordion style navigation design.
### Action Items
These are not an exhaustive list of tasks. There may be some important steps that have not been considered when writing this issue. Be sure to add task items and any other steps you've made and record them in this issue or a linked research doc.
- [x] Determine how many hours this issue will take to be completed and replace the Size label with a Point label.
- [x] Request a functioning prototype to test the top nav mobile design and add to resources below
- [ ] Create a detailed research plan of the research methods, goals, script/ questions, participant types, etc. ([research plan template](https://docs.google.com/document/d/1lTmjiAzSwiUOFD4f4eGs0WGktaqZ6ogx_fiXhP7oR9U/copy) and guidance from [How to Write a Research Plan](https://docs.google.com/document/d/1ovSBNVkuizZD2EMOE2w522_x-sOAzQBEheMqfPWmQKk/edit#))
- [ ] Present research plan for [issue #2686 ](https://docs.google.com/document/d/1tPFwrncNNvDBtFOG0LJ1bUzVmDBRYU7DywND7qa59LU/edit?usp=sharing)to design team for feedback.
- [ ] Finalize research plan and script for usability testing.
- [ ] Recruit participants.
- [ ] Conduct research. Be sure to appropriately record and document data for future use.
- [ ] Create a detailed research report.
- [ ] Present results to the team and add the doc to this issue.
- [ ] Send recommendations to design team to update the Design System with the new mobile menu designs.
- [ ] Present the updated Design System of the mobile menu to the team.
- [ ] Release dependency on #2513
### Resources/Instructions
- [Research Plan Document](https://docs.google.com/document/d/1tPFwrncNNvDBtFOG0LJ1bUzVmDBRYU7DywND7qa59LU/edit#heading=h.3q0nz7muulrn) - WIP
### Associated issue for the design work
- issue #2513
#### Resources for making a Research Plan
- https://github.com/hackforla/knowledgebase-content/issues/138 (use this to give feedback on template or guide)
- [Guide: HOW TO - WRITE A RESEARCH PLAN](https://docs.google.com/document/d/1ovSBNVkuizZD2EMOE2w522_x-sOAzQBEheMqfPWmQKk/edit#heading=h.c8tc614ce3iu)
- Research Plan Template [preview](https://docs.google.com/document/d/1lTmjiAzSwiUOFD4f4eGs0WGktaqZ6ogx_fiXhP7oR9U/preview) | [copy](https://docs.google.com/document/d/1lTmjiAzSwiUOFD4f4eGs0WGktaqZ6ogx_fiXhP7oR9U/copy)
- [Example research plan](https://docs.google.com/document/d/1ELtk7H_uubatggRcTO9imHzdheeiPWkDLs3KZepMwh0/edit)
- [Informative article on accordion nav design](https://www.smashingmagazine.com/2017/06/designing-perfect-accordion-checklist/)
- [Example TDM Calc Usability Research](https://github.com/hackforla/tdm-calculator/wiki/Usability-Testing-Round1)
#### HfLA Figma Prototype for Navigation Elements
Figma - [New Top Nav](https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=24693%3A285220&t=ZVEdU4ddbWsWDUGe-0)
Figma - [Mobile Navigation Audit
](https://www.figma.com/file/0RRPy1Ph7HafI3qOITg0Mr/Hack-for-LA-Website?node-id=15122%3A95165)
Contributor guide
Assessment
This issue has not been assessed yet.