Guess how much of LinkedIn’s new iPad app is actually mobile web and not native.
Go ahead — guess. We’ve had a lot of fun asking people to guess this over the past couple days. They’ll start with 40 percent and edge up to 70 percent, but no one comes close to the real figure: 95 percent.
Yes, only one screen in the entire LinkedIn iPad app is actually native. The rest is good ol’ HTML5-based mobile web technology, running in the browser and leaning heavily on Node.js.
We were shocked to hear this 95-percent figure from Kiran Prasad, who heads up LinkedIn’s mobile development team. Shocked, but not appalled — after all, Prasad was the engineering heft behind the company’s recent slew of gorgeous mobile apps, which were also heavily reliant on the mobile web.
But the new iPad app had struck us as so surprisingly sexy during our initial review that we had to know more about how Prasad and his team of four (yep, just four devs built this app) packed so much punch into a web app for a tablet.
Especially as Silicon Valley tech companies pick sides in the web-versus-native war, it’s fascinating to see the presumably conservative LinkedIn lean toward the more progressive side of mobile technology. But this is a stance this team has taken for a while now, and LinkedIn is currently one of the mobile web’s biggest supporters and strongest case studies.
LinkedIn and the mobile web
“Last year, we had just launched three different phone apps. We were starting to invest more in HTML5,” Prasad told VentureBeat yesterday.
“We had a 60/40 split where about 60 percent of any app was in HTML5.”
LinkedIn’s big news at that time was how it had employed Node.js in its at-scale mobile apps — what seemed to many to be a pretty big gamble for the company. But the other part of the story was how Prasad and his team combined native and mobile web functionality in iPhone and Android apps, creating hybrids that bridged the divide in the native-versus-web mobile debate.
Now, Prasad said the company relies on mobile web technologies more than ever. “Because we made that full investment, being able to get the mobile web on a tablet was really doable,” he said.
Of course, being able to have greater developer efficiency was a draw, but Prasad said that would never have come at the expense of creating a beautiful, responsive app that would be a pleasure to use.
“We always focus on user experience and app speed as a number one priority,” he told us. “If the performance wasn’t there, we wouldn’t have gone with the web.
“But with the iPad having the faster processor and being a more powerful mobile device, we felt like the web-based version could give us the performance we needed.”
In the end, Prasad continued, it came down to the little things: Did onscreen buttons depress and pop back up quickly when tapped with a fingertip? Was scrolling snappy? Did crossfades occur smoothly and without any lag?
“We did users studies in-house, and I don’t think people noticed a big difference. Nobody said, ‘Oh that’s native,’ or ‘Oh, that’s web,’” said Prasad. “As long as we can make the experience fast enough, nobody can tell the difference. It still feels right.”
And a lot of that performance, Prasad said, came from removing unnecessary design wankery (our verbiage, not his) — the rounded corners, the omnipresent gradients. By making things simple, clean, modern, flat, and even print magazine-like, the LinkedIn app only got faster and better on the performance side, as well.
“Our focus on trying to get a simpler design is actually helping us make things faster. It’s a good feedback loop,” said Prasad.
More>>>
No comments:
Post a Comment