CodeForPhilly / CodeForPhilly/MATchMapper

Frontend UX/UI considerations

Open
#21 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
Python
Stars
7
Forks
5
PR merge metrics
No merged PRs in 30d

Description

Study both mobile and desktop versions to identify what is useful/theft-worthy to adapt vs. improveable:

**SAMHSA's Find Treatment Locator**
1. Go to https://findtreatment.samhsa.gov/locator
2. Type "Philadelphia, PA, USA" in the search bar
3. Experiment with 2 location options:
[ ] County (just Philadelphia: this limit made sense when we were focused on serving HFP/PDPH)
[ ] Distance: 15 mi (maybe more practical for referrals than limiting to just city boundaries)
4. Uncheck "SU & MH" and check "SU" [substance use], then **click the dropdown carat next to "SU"** to explore analogs to our **mobile X-4** mockup
5. Check "Buprenorphine Practitioners" to add their dots to the map and see listings

Screenshots for desktop:
[Map+filter menus: Philadelphia county, SU](https://www.dropbox.com/s/fwwtqdp9kmoh158/Screenshot%202021-01-25%2013.33.21.png?dl=0)
[Map with SU + BP dots: Philadelphia county](https://www.dropbox.com/s/w7e6kuy5kz2w4v4/Screenshot%202021-01-25%2013.33.52.png?dl=0)
[Map with SU + BP: within 15 miles of Philly center (19102)](https://www.dropbox.com/s/5eytmxanpriou13/Screenshot%202021-01-25%2013.52.56.png?dl=0)

- [ ] Study mobile layouts & functionality

MOUD (Medications for Opioid Use Disorder) Locator, Washington Recovery Help Line
http://www.warecoveryhelpline.org/moud-locator/

Three theft-worthy features in opening desktop version of WA MOUD:
- Adapt CONTENT of their opening filters for ours? (two desktop screenshots below)
- Emulate more INVITING/RELATABLE address of their opening filters (vs. SAMHSA's more detached approach)?
> ["I'm seeking the following medication..." | "I can pay with..." | etc.](https://www.dropbox.com/s/n28716wena344mu/Screenshot%202021-01-25%2016.32.46.png?dl=0)
> ["I am also interested in the following services..."](https://www.dropbox.com/s/4m3du7k6jphb43l/Screenshot%202021-01-25%2016.33.05.png?dl=0)
- Offer language translation options? If simple, include 1-3 options for Philly (Spanish, others TBD), otherwise just include on future wishlist

- [ ] Study mobile layouts & functionality

Contributor guide

No contributing guide indexed for this repository

Research direction

Review the linked SAMHSA Find Treatment Locator and Washington Recovery Help Line, using the supplied desktop screenshots as references. Compare their desktop and mobile layouts, filters, map behavior, and translation options with the mobile X-4 mockup. Done should be a documented set of prioritized features to adapt, improve, or defer.

Written by the indexing model from the issue text.

Assessment

Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.