Hello,

We noticed you're browsing in private or incognito mode.

To continue reading this article, please exit incognito mode or log in.

Not an Insider? Subscribe now for unlimited access to online articles.

John Pavlus

A View from John Pavlus

Vine’s Great Mobile Design Is All About Its Engineering

Vine, Twitter’s new “Instagram for video,” looks pretty. But it’s what’s under the hood that counts.

  • January 25, 2013

I didn’t expect anyone to crack the “Instagram for video” problem anytime soon. But Vine, the new mobile-video-sharing app from Twitter, may have actually done it. Why? Because it’s well-designed with a user experience that’s totally native to mobile, with no legacy connections to laptops or desktops.

But that means much more than just a sleek user interface, although Vine does have that in spades. On mobile, the bedrock to any “well-designed” experience is speed. It is always speed. Which means that whatever’s going on underneath Vine’s pretty face is some serious engineering-fu. Instagram used some crafty coding tricks to create an impression of lightning-fast performance to the user. But streamlining tiny still images is one thing–compressing edited video, even six seconds’ worth at a time, is quite another.

TechCrunch saw the “Instagram for video” challenge as primarily technical back in September. Here were their prerequisites for any such app to be successful:

(1) Easy-to-use HD video capture
(2) Apple-like user experience (U/X), which means seamless integration with the video capture device and one-click filters, effects, private/public sharing
(3) Immediate untethered fast file uploading to the cloud
(4) Optimized cloud transcoding
(5)Intuitive video content management (CMS) from the device itself and any connected device
(6) Intelligent & secure delivery/playback

Right away, Vine breaks some of these rules, which is probably how it was able to create a superfast UX for mobile video. First, Vine clearly doesn’t capture in HD. The video clips, in The Verge’s apt words, are “fast and noisy.” Like Instagram, Vine sacrifices pixel resolution for speed and gets away with it because the user experience is primarily, well, mobile: you’re more likely to be watching Vine clips in a tiny square on your smartphone, not blown up on a Retina Macbook Pro. 

Vine also skips the filters. That would just add an extra step to making a video clip that doesn’t add much instant value to it. Instead, Vine lets you string multiple shots together in a way that’s just as simple as Instagram’s filters. Editing, it seems, is the “filters of video”–the value-add that video can do quickly and easily that other visual media can’t.

Adding filtration to six seconds of video would require realtime rendering–a tall order for a mobile app. But smushing one video clip into another with a straight cut is a much easier computational task, and one that translates into a much more engaging video experience. Instagram feels fun because it turns your crappy photos into art; Vine feels fun because of the Kuleshov Effect: what happens when you cut from one image to another (even randomly) and your brain fills in the gap to make a story?

So how does Vine accomplish “immediate untethered uploading” and “optimized transcoding,” the technical demons that have left a boneyard of failed mobile video apps in their wake? I asked Twitter to explain, and when they do, I’ll let you know. 

Want to go ad free? No ad blockers needed.

Become an Insider
Already an Insider? Log in.

Uh oh–you've read all of your free articles for this month.

Insider Premium
$179.95/yr US PRICE

More from Connectivity

What it means to be constantly connected with each other and vast sources of information.

Want more award-winning journalism? Subscribe and become an Insider.
  • Insider Plus {! insider.prices.plus !}* Best Value

    {! insider.display.menuOptionsLabel !}

    Everything included in Insider Basic, plus the digital magazine, extensive archive, ad-free web experience, and discounts to partner offerings and MIT Technology Review events.

    See details+

    What's Included

    Unlimited 24/7 access to MIT Technology Review’s website

    The Download: our daily newsletter of what's important in technology and innovation

    Bimonthly print magazine (6 issues per year)

    Bimonthly digital/PDF edition

    Access to the magazine PDF archive—thousands of articles going back to 1899 at your fingertips

    Special interest publications

    Discount to MIT Technology Review events

    Special discounts to select partner offerings

    Ad-free web experience

  • Insider Basic {! insider.prices.basic !}*

    {! insider.display.menuOptionsLabel !}

    Six issues of our award winning print magazine, unlimited online access plus The Download with the top tech stories delivered daily to your inbox.

    See details+

    What's Included

    Unlimited 24/7 access to MIT Technology Review’s website

    The Download: our daily newsletter of what's important in technology and innovation

    Bimonthly print magazine (6 issues per year)

  • Insider Online Only {! insider.prices.online !}*

    {! insider.display.menuOptionsLabel !}

    Unlimited online access including articles and video, plus The Download with the top tech stories delivered daily to your inbox.

    See details+

    What's Included

    Unlimited 24/7 access to MIT Technology Review’s website

    The Download: our daily newsletter of what's important in technology and innovation

/
You've read all of your free articles this month. This is your last free article this month. You've read of free articles this month. or  for unlimited online access.