hackforla / hackforla/website

Moderated Usability Test for the top navigation design (mobile)

Open
#2,686 27 comments 0 reactions 0 assignees View on GitHub
Complexity: Missing Draft feature: research HLC: S P-Feature: Navigation ready for research lead Research: RP008 role: user research size: 2pt
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.