search

datamade / crimearound.us

:police_car: A tool for browsing crime reports from the Chicago Police Department.
http://crimearound.us
MIT License
5 stars 3 forks source link

mobile view #39

Open cathydeng opened 10 years ago

cathydeng commented 10 years ago

Not sure how many visits are coming or will come from smartphones, but here are some issues w/ the site from viewing on an iPhone:

  1. crime reports box takes up most of map
  2. detail crime view too big for map
  3. header alignment is off
  4. default page width is a lil larger than phone. set width to fit screen?
  5. float right for download & print buttons looks awk
  6. footer comes between filters & map
  7. date selection takes up a lot of space, awk
  8. drawing shapes doesn't work on mobile. is this possible to fix? if not, take it out for mobile?
cathydeng commented 10 years ago

image image image

evz commented 10 years ago

I think it might be worth it to think of the mobile view less as a map view and more a table view. Slippy maps are mostly awkward on phones if they require stuff outside the map pane to make them work.

Something that would be nifty would be to make nice responsive data viz stuff ala crimeinchicago.org that replace the map on mobile and can be toggled on in the desktop view. That seems like a generally better approach and accomplishes two of the goals we have in mind.

Make sense? Oh, and your phone battery is almost dead. ;P

On Wednesday, May 28, 2014, Cathy Deng notifications@github.com wrote:

[image: image]https://cloud.githubusercontent.com/assets/1406537/3112570/708741ae-e6c4-11e3-8dde-9e27e3ed6e52.jpg [image: image]https://cloud.githubusercontent.com/assets/1406537/3112571/7088d71c-e6c4-11e3-8529-0f12cf2dab21.jpg [image: image]https://cloud.githubusercontent.com/assets/1406537/3112572/708fa83a-e6c4-11e3-881f-5771cfa3e9c1.jpg

— Reply to this email directly or view it on GitHubhttps://github.com/datamade/crimearound.us/issues/39#issuecomment-44480077 .

derekeder commented 10 years ago

Yah this is not at all set up to work on mobile. It's "mobile responsive", but not "mobile optimized"

We'll have to think quite a bit more on how this should work in mobile (tables are a good option, but how do you show a 2,000 row table?). We may want to force the minimum size to a higher resolution.