3

Split screen map-view and list-view mobile apps

over 5 years ago from , Design Lead @ OYORooms.com

Are there any mobile apps out there using such a view. Just like AirBnB search result page. But maybe horizontally split instead of vertically.

7 comments

  • M. de Winter, over 5 years ago

    I encountered a similair problem at a current app project. I wanted to be able to show detail-content on a map, corresponding with the current selected pin/marker on the map.

    My result: http://i.imgur.com/P7HTtJI.gif

    I tried to implement it in a way that the content snaps back to position if the use doesn't touch the screen for 1500ms. Works pretty sweet. You can use the content area for a list, as I did (I also implemented a segment view -> the tabs)

    I don't know any other apps that do this :)

    2 points
  • Bjørn RostadBjørn Rostad, 5 years ago

    iOS 9 Search/Maps has split screen map and table views. It looks pretty good and works great.

    1 point
  • Anudeep Gupta, over 5 years ago

    Thanks everyone for inputs. Does help :)

    0 points
  • Dylan MasonDylan Mason, 5 years ago

    Find my Friends by Apple has a split view with the map on top and the list view on the bottom.

    It works a bit differently when scrolling compared to the other examples. Panning the map makes it fullscreen and puts a back button in the navigation bar (taking you back to the split view). Scrolling in the list keeps you in the split view.

    0 points
  • Andrew CAndrew C, 5 years ago

    Do you want something like urbanspoon where there is a small map and a scrollable list below and both are fixed. Or more like google maps where as you scroll the list it starts covering up the map?

    0 points
  • Abhinav ChhikaraAbhinav Chhikara, over 5 years ago

    The old Foursquare had a split view, but was removed after the rebrand work.

    0 points
    • Josh OlsenJosh Olsen, 5 years ago

      I was actually going to mention the new Foursquare design. It's not exactly a "split view", but their search map is the best solution I've seen in terms of overlaying content on a map and easily navigating between points. Seems more effective than a horizontal split IMO.

      0 points