Interface iteration

Leaflet JS and TileMill are amazing tools to build custom map interfaces. Leaflet JS uses HTML5 canvas, while TileMill can accept OpenStreetMap data for a huge range of customization.

My Feed / My Maps (logged in user home)

LIVE EXAMPLE << CLICK ME
Explore the Map / Maps

LIVE EXAMPLE << CLICK ME

Community FAQ / Directory Map

LIVE EXAMPLE << CLICK ME

 

After showing the current interfaces and the previous visual iteration, the Community Change Workers in Red Hook responded very well to the “The Sims” – like visuals of the neighborhood. The prospects of a visually diverse and expressive community view, where anyone can create their own interpretation of the neighborhood (and add relevant information) was received positively.

We then had a mini session of brainstorming ideas for the community FAQ / info directory, breaking items into categories and needs, as well as what languages will be needed for translation (Spanish, Arabic, and Tagalog):