Why and how we do mobile native apps at FINN.no

In this talk Alf Thomas explains why FINN.no develop native mobile applications, what they learned from developing and maintaining their first apps and how they applied that knowledge when developing their next generation native apps.

FINN.no is Norway's biggest classifieds site and nearly half of all visits are from mobile devices. FINN develops native mobile apps for iOS and Android, mobile web and has adopted a mobile first strategy.

This talk will explain why FINN has chosen to develop native mobile applications, and how their architecture enables them to roll out both minor and some major features to all users without requiring a client update.

Transcript

1. Why and how we do mobile native apps at FINN.no Alf Thomas Nilsen / Tech Lead Mobile Apps JavaZone 2013 / 11th September 2013
2. 56m visits last month
3. 41% mobile
4. “European countries like the UK, Norway and the Netherlands lead the way with people using, on average, at least three connected devices.” - think with Google, 5th August 2013
5. me-time the time a person has to himself or herself, in which to do something for his or her own enjoyment -The Free Dictionary by Farlex
6. “Fast is better than slow” - Google
7. Easily available on user’s home screen
8. Top of mind
9. Magic!
10. Pain point
12. Mixed reviews
14. Mixed reviews
15. Less control
16. Updates schmupdates
17. 0% 25% 50% 75% 100% Day 0 Day 20 Day 40 Day 60 Day 80 Day 100 80% updated our iPad app within a month
18. Backwards compatible
20. Logs
22. Test automation
26. API on API...
28.    {        "market-­‐id":  "realestate",        "label":  "Eiendom",        "type":  "classified",        "submarkets":  [            {                "market-­‐id":  "realestate-­‐homes",                "search-­‐id":  "realestate-­‐homes",                "label":  "Boliger  til  salgs",                "selected":  false,                "links":  [                    {                        "url":  "http://.../search/realestate-­‐homes",                        "rel":  "search"                    },                    {                        "url":  "http://.../search/realestate-­‐homes/filters",                        "rel":  "filters"                    }                ]            }        ]    },
29.    {        "market-­‐id":  "travel",        "label":  "Reise",        "type":  "external",        "link":  "http://www.finn.no/reise?ov=app"    }
30.        {            "type":  "freetext",            "data":  {                "label":  "Ord  i  annonsen",                "parameter":  "q"            }        },
31.        {            "type":  "selector",            "data":  {                "label":  "Annonsør",                "parameter":  "dealer_segment",                "multiselect":  true,                "values":  [                    {                        "label":  "Annet  bilutsalg",                        "value":  "2"                    },                    {                        "label":  "Merkeforhandler",                        "value":  "1"                    },                    {                        "label":  "Privat",                        "value":  "3"                    }                ]            }        }
32.    "hits":  61491,
33.                    "type":  "AD",                    "image-­‐url":  "http://.../image/.../45_1290147558.jpg",
34.                    "content":  [                        {                            "type":  "table",                            "data":  [                                [                                    {                                        "value":  "Aston  Martin  Rapide  S",                                        "format":  [  "t3"  ],                                        "align":  "left",                                        "type":  "text"                                    }                                ],                                [                                    {                                        "value":  "2014            3  020  000,-­‐",                                        "format":  [  "t4"  ],                                        "align":  "left",                                        "type":  "text"                                    }                                ],                                [                                    {                                        "value":  "Merkeforhandler",                                        "format":  [  "microtext",  "differentiator"  ],                                        "align":  "left",                                        "type":  "text"                                    }                                ]                            ]                        }                    ]
35.        {            "type":  "gallery",            "content":  [                {                    "data":  [                        {                            "url":  "http://.../image/...jpg"                        },                        {                            "url":  "http://.../image/...jpg"                        }                    ]                }            ]        }
36.        {            "content":  [                {                    "type":  "text",                    "data":  {                        "value":  "Ferrari  458  Italia",                        "format":  [  "h1"  ]                    }                },                {                    "data":  {                        "value":  "Ferrari  458  Italia  NY  BIL!    2013,  10  km,  kr                                                                                  2  949  000,-­‐",                        "format":  [  "t4"  ]                    },                    "type":  "text"                }            ]        }
37.        {                        "content":  [                {                    "type":  "table"                    "data":  [                        [                            {                                "value":  "Totalpris",                                "format":  [  "t3"  ],                                "align":  "left",                                "type":  "text"                            },                            {                                "value":  "2  949  000,-­‐",                                "format":  [  "t1"  ],                                "align":  "right",                                "type":  "text"                            }                        ],                        [                            {                                "value":  "Omregistrering",                                "format":  [  "bodytext"  ],                                "align":  "left",                                "type":  "text"                            },                            {                                "value":  "Fritatt",                                "format":  [  "t4"  ],                                "align":  "right",                                "type":  "text"                            }                        ]                                            ]                }            ]        }
39. Mixed reviews
45. 41% mobile
47. Thank you for your attention! @alfthomas alf@finn.no
48. Image attributions: Crowd: http://www.flickr.com/photos/jamescridland/613445810 Apple Store: http://www.flickr.com/photos/bike/666981776 Copenhagen Metro: http://www.flickr.com/photos/stignygaard/7220404362/ Alfa 8C: http://www.flickr.com/photos/53352077@N04/4972722239/ Nexus One notification: http://www.flickr.com/photos/johanl/4585763335/ Magic: http://www.flickr.com/photos/99472898@N00/4743024076 Fans: http://www.flickr.com/photos/jesuspresley/6922073675/ Memory cards: http://www.flickr.com/photos/pahudson/7592743648/ Sofa: http://www.flickr.com/photos/frenchfinds/6690098543/ Mixed feelings: http://www.flickr.com/photos/footloosiety/2944784503/ Device shots: http://placeit.breezi.com/ Backwards: http://www.flickr.com/photos/kwl/5075443408/ People with phones: http://www.flickr.com/photos/yourdon/3754271881/ Logs: http://www.flickr.com/photos/41370683@N02/4636162605/ Emergency switch: http://www.flickr.com/photos/dumbledad/3225255407/ Bamboo: http://www.flickr.com/photos/jeffgarris/8595574741/ Little girl: http://www.flickr.com/photos/mikebaird/2257231978/ Onion: http://www.flickr.com/photos/feesta/2700575201/ Twin towers: http://www.flickr.com/photos/michaelcamilleri/6159092084 Questions: http://www.flickr.com/photos/eleaf/2536358399/ Big bang fireworks: http://www.flickr.com/photos/htakashi/9431612485/ Stop. Look. Listen: http://www.flickr.com/photos/kevandotorg/7536965842/ iOS device shots: http://placeit.breezi.com/ References: http://thinkwithgoogle.blogspot.no/2013/08/the-world-has-gone-multi-screen.html http://www.thefreedictionary.com/me-time http://www.google.com/about/company/philosophy/