Smashing Magazine - we smash you with the information that will make your life easier. really.
10 Futuristic User Interfaces
Good user interfaces are crucial for good user experience. It doesn’t matter how good a technology is — if we, designers, don’t manage to make user interface as intuitive and attractive as possible, the technology will hardly reach a breakthrough. To gain the interest in a new product or technology, users need to understand its advantages or find themselves impressed or involved.
And here is where creative ideas and unusual interface approaches become important. Innovative doesn’t mean usable and usable hardly means innovative. As usual, it’s necessary to find an optimal trade-off. And some user interfaces manage to achieve just that.
Below we present 10 recent developments in the field of user experience design. Most techniques may seem very futuristic, but some of them are already reality. And in fact, they are extremely impressive. Keep in mind: they can become ubiquitous in the next years.
You may also want to take a look at the related posts:
Fez: 2D/3D Gaming Experience
Over years we’ve managed to get used to traditional 2D gaming experience. Fez provides gamers with a new perspective for a new level of gaming experience. Things start to get interesting on 00:30. [via]
Futuristic Glass
This futuristic concept aims to integrate the capabilities of online-services in our daily life. Since web users can now access the Web everywhere and all the time, one can use their mobility for a number of useful applications. For instance, to provide assistance in a city guide, translate texts, look up some data in encyclopedia etc. A futuristic concept which is likely to become reality in the near future.
Aurora User Interface
Recently Adaptive Path has presented a new browser concept which was developed in partnership with Mozilla Labs and is an ongoing initiative to encourage designers and developers to contribute their own visions of the future of the browser and the Web.
The main idea of the concept is to represent users, places and virtual objects within a three-dimensional user interface (spatial view). The interaction with objects is intuitive and follows physical rules from our daily life: users can grab, lift, pull, push and drop everything.
The interface is event-based as users and updates are displayed on the screen on demand; communication and collaboration is embedded in the browser. Related objects are grouped into clusters which can be navigated using a dock at the bottom of the screen. The concept is released under Creative Commons Attribution-Noncommercial-Share Alike 3.0 license and is available on the Mozilla Labs site. Video Part 2, Video Part 3 [ via ].
jDome: New Level Of Gaming Experience
John Nilsson’s jDome lets gamers see about 50% more of the game they are playing. The main idea behind the interface to to alter the Field of View (FOV) in a game with a few simple commands and use a projector to provide gamers with a 180-degrees of game display.
“Just put a jDome in front of a projector, mirror the image in the projector, start your game and change the Field of View in it. You don’t need special computer hardware or software — just one projector and a jDome display.” [via]
Motorolla Sparrow
Motorola Sparrow is supposed to provide retail stores with a mobile point of sale device to make it as easy for customers to pay for a product and leave the store. It combines a scanner, point of sale (POS) system, RFID, communication and credit card reading capabilities into one mobile device.
Both the front and back of the Sparrow are equipped with touch sensitive areas, supposedly making it easier to navigate and use. Beautiful design and really appealing user interface. Designed by Aruliden Studio. via]
Tilty Snake
Tilty Snake uses the accelerometer in a Monome 64 to create a new interface for the old mobile phone game Snake. Works out to be very tactile, intuitive, responsive and quite fun. Simple and beautiful. We, at Smashing Magazine, would love to see the same design for our beloved Tetris. Probably we’ll see more tactile interfaces in the future. And why is iPhone actually not tactile?
Brainloop: Thought Control
BrainLoop is an interactive performance platform that enables users to manipulate objects on the screen with pure brain — by imagining specific motor commands, without single touch or click. We are not sure how effective this approach is, but it is definitely an unusual user interface.
Eyeliner 3D
Eyeliner 3D is a high-definition projection system by Musion basically uses innovative HD video projection to produce three dimensional, holographic images within a stage setting. Recently, it was used to promote Toyota’s Auris at the Bluewater Shopping Centre in Europe, as well as for a fashion show. We’ll definitely see more holographic user interfaces in the future.
faceAPI
faceAPI is the technology whill will enable automated 3-dimensional tracking of heads and faces using a webcam along with a tracking software.
“This 3D head-tracking software from Seeing Machines can track head position in X,Y and Z – unlike the Sony headtracker. This means you miss out on the cool “zoom” effects when you get close to the screen, because the software has no understand of how far away you are from the screen. The faceAPI tracks head position in Z too, allowing much cooler effects – and more robust tracking.”
Ringo: Holographic User Interface
Ringo is a concept which demonstrates simple possibilities of having the holographic shadow instead of a PDA or a cell phone. It’s not produced and not developed yet. But it looks very promising and like something we may really get used to in the future. Developed by Ivan Tihienko.
Composition of the table
Composition of the table was designed by Toshio Iwai to create the mixed reailty experience: the user interface blends images and sounds for rich user interaction. “Projectors suspended from the ceiling project computer generated images onto the tables and interfaces. This images change in real time as if they were physically attached to the interfaces when players operate them.
Also sounds are produced in relation to the movement of images. Since the interfaces have close relation to the reaction of images, players can operate images and sounds in the same way when they operates ordinary interfaces and gradually feels these illusions as equivalent as the actual objects. Push, Twist, Turn and Slide are the four features that each of the table specializes in.” [via]
uvLayer: Drag’n'Drop for videos online
uvLayer is a web application that is built using the AIR engine and offerse its visitors drag and drop user interface for videos. Users can move videos around, drag them, select the best ones visually and group them as one would do it in a real life. Such RIAs are expected to become a standard in the future. [via, thanks, Lionshare]
Last Click
Housed in the Comcast Center, this 10-million pixel video wall is touted as the largest four-millimeter LED screen in the world, measuring 83.3ft x 25.4ft. It’s an automated control room, home to 27 000 gigabytes of information, six dx-700 led digitizers, seven encore video processors and three matrixpro routers.
Related articles
You may also want to take a look at the related posts:
Vitaly Friedman, editor-in-chief of Smashing Magazine (www.smashingmagazine.com), an online magazine dedicated to designers and developers.
- 191 Comments
- 1
- 2August 17th, 2008 4:59 pm
Yeeeeaaah, Smashing is back!!!
- 3August 17th, 2008 5:03 pm
Wow. What a great article!
- 4August 17th, 2008 5:26 pm
good!
- 5August 17th, 2008 5:30 pm
I from china ,This website is very attractive
- 6August 17th, 2008 5:50 pm
There actually is at least one accelerometer-controlled snake game for the iPhone.
- 7August 17th, 2008 6:04 pm
Wow, very nice! I really love Aurora even if I think it looks a bit confusing… I would be better with less things on the main screen. Thanks for this nice post!
Joffrey,
Geek and Hype - 8August 17th, 2008 7:37 pm
a very great list.thanks for sharing.i really like the apple and the table like Micro surface.
check it
http://www.youtube.com/watch?v=b_MKMDLNXgg - 9August 17th, 2008 9:11 pm
uhhm no mention AT ALL about the Iron Man HUD? If you call it futuristic that one has to be way up there. Just as the “fake” concept displays that only exist digitally the Iron Man’s HUD was thought up with real world problems in focus.
not overly impressed.
- 10August 17th, 2008 9:40 pm
Nice finds.
How about an innovative, drag and drop UI for video — take a look at http://www.uvlayer.com.
also.. what about Perceptive Pixel?
- 11August 17th, 2008 9:57 pm
Didn’t the 2d to 3d UI appear in Super Paper Mario?
- 12August 17th, 2008 10:08 pm
Nice concepts
- 13August 17th, 2008 10:15 pm
MATRIX is HERE :) (brainloop)
- 14August 17th, 2008 10:27 pm
Gud piece!
- 15August 17th, 2008 10:30 pm
@pickupjojo
Aurora can look a bit of the scale yes, but something needs to change the browser. Its one of the computers most important tools and its lookes and function has been the same since …. well forever
Think about it 10 years and now we got windows with tabs WOW! really, a tab, woohoo!
thank you Mozilla for stepping it up - 16August 17th, 2008 11:13 pm
Smashing, what have you guys done? How do I move to the next article without returning to the homepage?
- 17August 17th, 2008 11:21 pm
Ringo: Holographic User Interface
wow that’s awesome
- 18August 17th, 2008 11:25 pm
GREAT!! Smashing Magazine back on track!!
aurora looks promissing! cant’t wait till the future is here!
- 19August 17th, 2008 11:59 pm
Really great article.
I was very impressed by Ringo: Holographic User Interface it look like very good and practical idea.
And as a gamer i really liked the idea of jDome: New Level Of Gaming Experience - 20August 18th, 2008 12:09 am
——————————————–
the best article of this month
——————————————– - 21August 18th, 2008 12:23 am
Awesome technology, Future is so bright
- 23August 18th, 2008 12:48 am
this is a great post, it really inspired me very much – thank you.
I love the technology of the future – especially the future glass in this post caught my attention =)
- 24August 18th, 2008 1:06 am
Personally I think that IronMan’s UI is pretty weak – it was nothing special and quite boring. Don’t know why you miss it.
Very nice and inspiring list, thank you! - 25August 18th, 2008 1:08 am
I’m wondering why nobody has done till now GPRS navigation on futuristic glass?
- 26August 18th, 2008 1:19 am
Some very cool stuff there.
However, I admit, I’m not a fan of the Aurora UX. On a modern OS, it is much easier and quicker to do what we want, and looks far more attractive. Concepts like the radial menus have appeared in Microsoft’s patents for the last decade, stacks from Apples. If they want to do groundbreaking innovation, why don’t they focus on improving what we have, rather than abandoning it.
I know for one that that radial menu will annoy me, simply due to the tiny dots that have to be selected, and the amount of time wasted getting there.
Anyway, nice article.
- 27August 18th, 2008 1:49 am
Thank god, a real Smashing article again. I got tired of the recent wave of mediocre 200-words pieces.
Love the Fez game and Aurora, the jDome not so much.
- 28August 18th, 2008 2:53 am
Agree with Yuto. A nice return back to what Smashing does best.
- 29
- 30August 18th, 2008 3:24 am
Fantastic. But where is the poll in this post?
- 32August 18th, 2008 3:54 am
Apple already do all of this and more. What these people forget is that it is not about the interface. It is about linking the interface to usability. Anyone can do eyecandy. Lokk at Vista,
- 33August 18th, 2008 4:23 am
Hm, beautifull list. But something missing. FHS – http://www.freehandshow.site88.net/indexEN.html something which replace mouse :)) I like these guys.
- 34August 18th, 2008 4:28 am
Futuristic Glass concept has a fundamental flaw. It works only in 2D environment. For example the first image here, the Apple one, if you would in real world tilt your head, the lines around apple would no longer match apple’s outer shape.
Basically, for this to work, device would need to have a sensor on the front end that detects where are my eyes located and where do they focus in the background.
I hope you understand what i mean =)
- 35August 18th, 2008 5:08 am
Did the video for the “jDome Project” remind anyone else of the Dharma Initiative videos from Lost?
- 36August 18th, 2008 5:40 am
at NickG
“Didn’t the 2d to 3d UI appear in Super Paper Mario?”Yup… a little over a year ago… http://www.gametrailers.com/player/18273.html.
- 37
- 38August 18th, 2008 5:52 am
Great stuff ^^
- 39
- 40August 18th, 2008 6:36 am
you forgot ms surface
- 41August 18th, 2008 7:05 am
nice article with real content ^^
- 42August 18th, 2008 7:46 am
Note to self-
Invest in Futuristic Glass - 43August 18th, 2008 8:29 am
too bad half of them are red x
- 44August 18th, 2008 10:10 am
83.3ft x 25.4ft
XP
Please, use metric system.
- 45August 18th, 2008 10:18 am
Excelent!
- 46August 18th, 2008 10:50 am
Aurora is way, way too confusing.
- 47August 18th, 2008 11:16 am
“the old mobile phone game Snake”
The kids these days!
- 48August 18th, 2008 11:40 am
MS Surface may be a better example than composition of the table…
- 49August 18th, 2008 12:14 pm
Why do you ignore SVG? It is happening now in web design. You can view its capabilities at:
- 50August 18th, 2008 12:26 pm
If you wanna try out the “composition table,” check out the INNOVENTIONS building at Disneyland. They have a bunch of cool stuff (lots of UI too)
- 51August 18th, 2008 1:22 pm
I have Labyrinth LE on my iPhone and my neices and nephews would not put it down all vacation. It simulates the metal ball in the maze game we played as kids. It is stunning.
- 52August 18th, 2008 2:06 pm
This is awesome! That ‘futuristic glass’ is straight out of either a sci-fi movie or some kind of spy movie. I love it.
- 53August 18th, 2008 5:03 pm
There is a free version of Tilt Snake for iPhone in the app store. :)
- 54August 19th, 2008 1:24 am
I found it strange that Jeff Han’s multi touch interface (its on TED) has been omitted while Eyeliner isn’t even an interface?
- 56August 19th, 2008 5:05 am
don’t forget to check out this extremely amazing website which provides an alternative to ebay, amazon etc….
- 57August 19th, 2008 5:39 am
The links to about half of the images didn’t show up for me; just the red X in the upper-left corner. Disappointing; these interfaces are quite innovative. We’ve come a long way since Pong!
- 58August 19th, 2008 6:13 am
I always love Smashing Magazine because it inspires me to consider more the form as I’m developing software. You’re all about visual, of course, so this is out of your area of interest, but first the iPhone, then the Aurora Concept vids, and now the Motorola Sparrow leave me with an overwhelming sense of horror at how our futuristic visions leave, in particular, the blind completely out. My first thought when I saw the iPhone was that. If you can’t see, you clearly are NOT an Apple type of person. For pete’s sake. I’d like to see a future vision that gives people using the technology control or at least choice over aesthetics. So far what I see are designers who are deciding what is beautiful for me and proposing to give me ONE UI. I’ve argued elsewhere that different data/information need different presentations and that those presentations can be different for different individuals. Of course this is much more challenging, and I’m at fault as anyone. But, if we’re dreaming, let’s dream big, shall we?
- 59August 19th, 2008 7:13 am
wow
- 60August 19th, 2008 12:14 pm
bruka brate,ne mogu da biliv!
- 61August 19th, 2008 6:00 pm
dear Smashing Magazine,
I love you.
- 63August 20th, 2008 5:05 am
Wow! Our work is going to become even more exciting!
I love the Futuristic Glass.
- 64August 21st, 2008 3:58 am
red microsoft google home letter english dog england clean head student dog busy bag key head
- 65August 22nd, 2008 8:49 am
Sweet!
The future is going to be cool.
But not as cool until they invent the hover board. - 66August 31st, 2008 5:23 am
Hi, great article.
You could have add the Reactable, made by the Barcelona University.
It’s a collaborative music interface, in some point similar to Composition of the Table.
The Reactable is entering production and should be available in December. - 67September 3rd, 2008 1:23 pm
Ringo was pimpin’ – I’d love to see more about it, and hope it makes it in my generation.
- 68September 8th, 2008 8:44 am
You misspelled “Motorola”
- 69October 1st, 2008 9:34 pm
My God! I feel like I’m living in a ancient world already.
- 70October 10th, 2008 1:48 am
What I can say is just wonderful!
Thanks god, and thanks for the technology and the man behind it! - 71February 10th, 2009 8:27 am
For the love of god edit your article or find an editor before you post.
The number of grammar errors in this single article (that has more pictures and video than text) is staggering. The content was interesting, but reading the text was akin to speaking with someone who is still learning English.
- 72February 13th, 2009 8:00 pm
Since when is a 2-D reflection a “holographic” display? Please get your terminology right. Reflection displays like “eyeliner” have been used for hundreds of years (the “Pepper’s Ghost” illusion) and are not and never will be holographs. Ringo is simulated 2-d projection: what exactly makes it holographic?
- 73May 3rd, 2009 9:15 pm
cool.
I need more information about “LAST CLICK” - 74June 11th, 2009 4:36 am
Thanks for the useful info. It’s so interesting
- 00
There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.
Leave a Comment
Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!
- Magazine RSS Feed
177,918 readers - Follow us on Twitter
83,647 followers
Interact
Popular
- 100 Wordpress Themes
- Photoshop Tutorials
- Fantastic Wallpapers
- 40+ Excellent Freefonts
- Dual-Screen Wallpapers
- Wordpress Themes for 2009
- Illustrator Tutorials
- Incredible Free Icon Sets
- High-Quality Free Fonts
- 30 Scripts For Galleries
- Photoshop Text Effects
- Useful Icon Sets
- Web Design Trends
- iPhone Wallpapers
- Before Launching a Website
- CSS Layouts And Templates
- Photoshop Actions
- Stunning Pictures and Photos
- Fantastic HDR Pictures
- Logo Design Tutorials
- Free Design Templates
- 10 Mistakes In Logo Design
- Photoshop Custom Shapes
- 40 Creative Design Layouts
- 8 Layout Solutions
- 53 CSS Techniques
- Photography Techniques
- Black & White Photography
- Styling Design Elements
- CSS-Based Forms
- 50 jQuery Techniques
- 50 Portfolio Websites
- 50 CSS Techniques
- Creative Logo Designs
- Desktop Wallpapers
- 25 Open Source Mac Apps
- 50 Free Icon Sets
- Glassical: A Free WordPress Theme - http://bit.ly/19EvYr
- Please nominate Smashing Magazine for Best Online Magazine in the 2009 Open Web Awards - http://bit.ly/10ynWA
- Mega Drop Down Menus with CSS & jQuery - http://bit.ly/24novl
- Join us on the Smashing Magazine's Official Facebook Page - http://bit.ly/18ebRT
- #followfriday @inspiredmag @designerdepot @DesignMagTweets @inspirationbit @Colorburned @buysellads @TheCoolHunter @behoff
- New format on @smashingmag: The Beauty of London in Design - http://bit.ly/1Hkju8
- Unbelievable: Ponte City Tower in Johannesburg - http://bit.ly/Iv2k5 - When modern architecture isn't beautiful.










AWESOME !!!