MIT's Orbs

From MIT’s Media Lab, a series of levitating orbs can be rearranged--placed right in midair--to interface with any computer simulation you can imagine. It’s a 3-D user interface that you can touch. [Read more.]

Twine

It’s just a 2.5-inch chunk of rubber. But this Twine can connect any nook or cranny of your home with a simple, cloud-based monitoring system. Set Twine to a pipe you’re worried might freeze or a spot in your basement prone to floods, and its combinations of sensors and Wi-Fi connectivity will do the rest. And thanks to simple UI, programming all this complexity takes under a minute. [Read more.]

iOS 86

iOS 86, by designer Anton Repponen, is a conceptual mashup of iOS and the Mac OS of yore. Each detail is subtly brilliant, from the black-and-white pixelated feel, to its retro icons for new apps like iTunes or YouTube. But even Repponen admits that he can’t put his finger on why it looks so good. [Read more.]

Hooper Selection

It’s a pain to type on tablets, but Hooper Selection is an iPad hack that makes the device a legitimate word processor. Rather than shifting from the keyboard to multitouch gestures, to move the cursor you simply drag your fingers around the keyboard. To highlight text, just hold Shift while you drag. In practice, this simple hack is absurdly powerful. [Read more.]

AOL Alto

If there was a Pinterest for email, it’d be called AOL Alto. The service integrates with many existing mail platforms (no AOL mail needed) to break your overwhelming inbox into topical stacks. Photos, Retailers, and Daily Deals become clickable topics rather than deep searches. It’s email, for the more visual web. [Read more.]

FingerSense

By startup Qeexo, FingerSense turns the humble touch-screen tap into a smarter gesture, differentiating a knuckle, nail, or fingertip. So why hasn’t it taken over phones yet? It requires a special piece of hardware--an acoustic sensor--integrated into devices to work. [Read more.]

Clear

Clear is a beautiful to-do list for the iPhone, controlled by simple-but-powerful gesture interactions. But Realmac Software did the impossible: They translated their iPhone app to work just as intuitively (complete with trackpad-based interactions) in OS X. And audio cues take the app to the next level, allowing you to stay apprised of your list, even when you’re buried under 20 Chrome tabs. [Read more.]

Interactive MTA Cards

When New York’s transit authority announced their cards would soon have ads, studio Mayday Mayday Mayday proposed a better solution: Make each card hold the code for a massive, interactive game, kind of like one of Wonka’s Golden Tickets with an augmented reality spin. The best part? Sponsors could still fork over big bucks to be included. [Read more.]

Spatially Aware Devices

Dropbox and iCloud are powerful, but neither has an intuitive tangible connection for file sharing. Ishac Bertran came up with a concept where you simply hold your phone next to your computer, then drag and drop files from one screen to another. And in a piece of brilliance, each screen has a half moon. So you’ll know when they’re connected when the moon is full. [Read more.]

Manual’s Road Signs

Our old green road signs can be surprisingly tough to navigate, but Manual designed a minimal, grey-backed replacement that’s as typographically sleek as the best websites. Better still? They propose integrated wireless transmitters, that could send you road information electronically, too. [Read more.]

Ford Keyfree

Ford’s Keyfree has nothing to do with cars. Instead, this promotional app stores all of your passwords on your iPhone, then, placed near your computer, unlocks websites via Bluetooth connection. It’s not a 100% secure idea, but while I frequently forget passwords forever, I can always, eventually, find my phone. [Read more.]

Airbnb

With plenty of success under its belt, Airbnb boldly redesigned this year with a greater focus on social. Notably, Wish Lists had been around for a while, but not yet living up to their potential. Airbnb switched the interaction, from clicking a star to clicking a heart. Engagement grew by 30%. Why? Stars mean nothing. Hearts (or love?) are aspirational. [Read more.]

Little Printer

The Little Printer is a charming, er, little printer by Berg London that turns your news, social feeds, and to-do lists into a custom newspaper that can print for each member of the family. It’s efficient, useful and, above all else, adorable, and it takes a much needed step in connecting the digital cloud to our physical lives. [Read more.]

Grid

Have you ever tried to create a spreadsheet on a tablet? Don’t. That is, unless you’re using Grid. It’s an app that turns columned, tough-to-tap spreadsheets into a simple grid. Click on a box to add content (from numbers to photos to maps), then swipe left or right to manipulate it. Then your grid syncs to the cloud, to continue your work on another touch-screen device. [Read more.]

Windows 8

No one can challenge their courage. With Windows 8, Microsoft took a big gamble and introduced Metro, the industry’s first earnest attempt to merge desktop and tablet UIs through a minimal, content-is-king approach. It’s functionally beautiful, but now it needs to finish off Windows’ lingering desktop metaphors. [Read more]

Transcendenz

Augmented reality is often seen as computer poison, a means of turning man into heartless machine. But Transcendenz, a student concept good enough to land Michaël Harboun a job at Ideo, imagines augmented reality as an app to make you a better, more empathetic person. [Read more]

Co.Design

16 Of The Year's Best Ideas In UI Design

From a concept that would allow you to drag files from your phone to computer, to a to-do list that isn’t a drag, here are the most promising designs that connect the physical and digital worlds.

Half the world hasn’t even realized it yet, but we’re facing one of the greatest design challenges in humanity’s history: How do we connect this cloud-based digital world we’ve so quickly inhabited with the analog world we’ve inhabited for so long? It’s a problem greater than any one microchip, wireless standard, or ingenious gadget: It’s a problem of melding meat and bits. It’s a problem of interface.

Already, we’re seeing the best and brightest repositioning themselves for this murkier hybrid world. With Windows 8, Microsoft adopted a universal interface with the realization that the PC was dead. Yet a mere Kickstarter project called Twine may be even more important in the grand scheme, as it leverages smart sensors and a clever web UI to keep track of dumb, analog objects in the big data cloud.

Indeed, 2012 was a very big year for the future of UI. Here are our favorite projects to catch up on before 2013 takes over and this whole list is, inevitably, antiquated.

Add New Comment

26 Comments

  • NNC

    Great article but for one thing - mentioning Windows 8 in a piece about the best ideas in UI is bizarre. It's hideous!! Saying W8 just needs to shed the legacy metaphors of Windows is like saying communism just needs to shed its totalitarian policies...

  • nquintero

    You can't possibly call this an article.. I was waiting to see a detailed list on those 16 UI ideas.. but all I see is some slideshow which seems like a collection of random things...

  • Tcdesign

    A big black box is all I can see in Firefox. Could this be.... Flash? The irony of an article about UI design presented in Flash...
     

  • Guest

    The new "Metro" UI is terrible. It´s just impossible to create an OS for both desktops and mobile devices. The new UI has nothing to do with good UX - looking the first time at Win 8, you aren´t able to determine if it´s a phone or just another balancing act between completely different devices. For example looking at an iPhone, you can see easily what kind of device it is. I mean, it´s not the right way at all to design ONE system for DIFFERENT devices. The best strategy is to design different systems for different devices but the underlying technology has to be the same so interacting with the different devices/systems feels native and intuitive.
    Please excuse my not so good English.

  • Confused User

    Can someone post a link to this article? Id like to read it but I can't seem to find it.

  • Pankaj

    For a design magazine, the designers really don't seem to understand that form should follow function and not the other way around. You're making this unreadable, with the massive images and now this silly image gallery with the captions unreadable without a mouseover. I spent more time typing this and no time on your article.

  • Mick

     Indeed, they definitely are following Apple's approach of Form over Function.

  • Khushrav

    How about the Swype keyboard?? Have you ever tried using that. The speed and ease of that bit of UI is particularly good. 

  • E_mix99

     Strongly agree! The retro-80s icons isn't not what I'd consider “the years best ideas in UI” it's more like a Uni students project in yet another dull redesign of an already dull interface.

  • Christopher Burd

    Yes, it's pretty awesome, and I dare say more important than retro-80s icon stylings for the iPhone.

  • Alison Foxall

    Yea, let's talk about page UI. This page takes about 30 seconds to load completely.