$30 off During Our Annual Pro Sale. View Details »

Rethinking Navigation in Meetup for Android 2.0

Rethinking Navigation in Meetup for Android 2.0

We’re refreshing navigation and design patterns across all platforms we support, starting with our Android app.

Join product lead Jimena Almendares, mobile design engineer John Cockrell, and Android engineer Mike Castleman as we talk about our motivations, process, and implementation.

We’ll discuss how we’re making Meetup more consistent across technology platforms while still adhering to the conventions of each platform and—dare we say it?—creating a more beautiful and enjoyable experience in the process.

We’ll also talk specifically about some of the challenges we faced meeting these goals on Android and how we solved them.

mike castleman

November 18, 2013
Tweet

More Decks by mike castleman

Other Decks in Technology

Transcript

  1. View Slide

  2. View Slide

  3. Meetups are…

    View Slide

  4. The Calgary Astronomy Meetup Group

    View Slide

  5. 0.00%$
    2.00%$
    4.00%$
    6.00%$
    8.00%$
    10.00%$
    12.00%$
    14.00%$
    Career$&$Business$
    Socializing$
    Health$&$W
    ellbeing$
    Parents$&$Fam
    ily$
    Tech$
    New
    $age$&$Spirituality$
    Fitness$
    Outdoors$&$Adventure$
    M
    ovem
    ents$&$PoliLcs$
    Language$&$Ethnic$
    Food$&$Drinks$
    Com
    m
    unity$&$
    Sports$&$RecreaLon$
    Religion$&$Beliefs$
    Literature$&$W
    riLng$
    Gam
    es$
    Support$
    Pets$&$Anim
    als$
    M
    usic$
    W
    om
    en$
    Photography$
    Singles$
    Hobbies$&$CraTs$
    Arts$&$Culture$
    Dancing$
    EducaLon$&$Learning$
    Cars$&$M
    otorcycles$
    LGBT$
    M
    ovies$&$Film
    $
    SciUfi$&$Fantasy$
    Fashion$&$Beauty$
    AlternaLve$lifestyle$
    Paranorm
    al$
    Meetup Groups by Topic
    50% of
    groups

    View Slide

  6. London Pugs

    View Slide

  7. Park Slope Knitting Circle

    View Slide

  8. NY Epilepsy Support Network

    View Slide

  9. View Slide

  10. Why Meetup?

    View Slide

  11. View Slide

  12. 2004

    View Slide

  13. Members Organizers
    Search
    !
    Discovery
    !
    Home
    !
    Profiles
    !
    Settings
    Organizer tools
    !
    Schedule Meetups
    !
    Payments & dues
    !
    Polls
    !
    Sponsorships
    Meetup groups
    Public/ Private
    Message boards
    Reviews
    Meetups
    Comments
    Photos
    Emails &
    notifications

    View Slide

  14. Now

    View Slide

  15. Activity Growth
    RSVP’S Topics

    View Slide

  16. Mobile Matters
    Desktop
    45%
    Mobile
    52%
    Tablet
    3%
    Mobile web
    14%
    Android
    41%
    iOS
    45%

    View Slide

  17. Mobile members
    6 months:
    Android and
    iOS releases
    Apple store
    promo
    App
    regs

    View Slide

  18. Mobile parity

    View Slide

  19. View Slide

  20. Joins
    +152%

    View Slide

  21. 0%#
    20%#
    40%#
    60%#
    80%#
    100%#
    120%#
    0%#
    1%#
    2%#
    3%#
    4%#
    5%#
    6%#
    7%#
    8%#
    9%#
    10%#
    Oct010#
    Dec010#
    Feb011#
    Apr011#
    Jun011#
    Aug011#
    Oct011#
    Dec011#
    Feb012#
    Apr012#
    Jun012#
    Aug012#
    Oct012#
    Dec012#
    Feb013#
    Apr013#
    Jun013#
    Aug013#
    Oct013#
    9.5%
    8.5%
    ~6%
    Mweb
    iPhone Android
    Desktop
    Joins per platform

    View Slide

  22. But a problem

    View Slide

  23. View Slide

  24. Why Navigation

    View Slide

  25. View Slide

  26. View Slide

  27. View Slide

  28. View Slide

  29. View Slide

  30. View Slide

  31. View Slide

  32. View Slide

  33. View Slide

  34. View Slide

  35. View Slide

  36. Why no navigation
    drawer?

    View Slide

  37. View Slide

  38. View Slide

  39. View Slide

  40. events api
    GET 2/open_events
    GET 2/concierge
    GET 2/events
    POST 2/event
    GET 2/event/:id
    POST 2/event/:id
    DEL 2/event/:id
    GET 2/event_comments
    POST 2/event_comment
    GET 2/event_comment/:id

    View Slide

  41. {
    "stats": {
    "nearby_events": 3749,
    "memberships": 35,
    "upcoming_events": 111
    },
    "next_event": {
    "comment_count": 1,
    "visibility": "public",
    "status": "upcoming",
    "maybe_rsvp_count": 0,
    "venue": {
    "id": 5429762,
    "zip": "10012",
    "lon": -73.996025,
    "repinned": false,
    "name": "Meetup HQ - 9th Floor",
    "state": "NY",

    View Slide

  42. View Slide

  43. Refactoring!!!1!!

    View Slide

  44. Demo

    View Slide

  45. Where we are going

    View Slide

  46. View Slide

  47. View Slide

  48. Member based
    emails & notifications
    !
    Better organizer tools
    !
    Member to member
    communication
    !
    Social discovery

    View Slide

  49. • Rethink what mobile first
    means for your product
    • Focus on core
    functionality
    • Take the tough decisions

    View Slide

  50. Thank you.

    View Slide

  51. (P.S. We’re hiring.)

    View Slide

  52. Jimena (@jalmendares)
    John (@sjhcockrell)
    Mike (@ vermicelli)

    View Slide