developmentseed / developmentseed/observe

Alternate preset icon display

Open
#52 0 comments 0 reactions 0 assignees View on GitHub
enhancement ui
Dominant language
JavaScript
Stars
66
Forks
4
PR merge metrics
No merged PRs in 30d

Description

This is a potential UI change that could provide an alternate and improved experience for searching. In addition to making the necessary icon size change for #51, the current list of presets is a bit difficult to scan and quickly read the presets available. The mockup here is one possible design change to allow for faster icon reading. (The grid could also be 4x4, or 2x2 depending on size)
![add-poi--select-cat grid@2x](https://user-images.githubusercontent.com/12634024/59511858-a7fc4d00-8eb7-11e9-854b-456e6ec80314.png)

If this is not deemed an improvement, we should aim to implement the original preset icon design list. An icon floating in a circle implies a button, where that is the only actionable area. In the list, however, the entire line is actionable. The original design, with a solid icon, conveys this accurately.
![add-poi--select-cat@2x](https://user-images.githubusercontent.com/12634024/59511982-fe698b80-8eb7-11e9-8774-34ac40b31c63.png)

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.