Smashing Magazine - we smash you with the information that will make your life easier. really.
User Experience Of The Future
Over decades we’ve used to adapt our habits, behavior and mindset to technology. We’ve improved our productivity by using tools and devices designed especially for the tasks we have to deal with regularly. But we’ve also constrained our abilities to the features of the very tools and devices we’ve become dependant on.
We’ve got used to a number of things. To traditional mouse-keyboard user interaction, to 2D windows-based user interface and to a rather unspectacular user’s workflow which enables one user interact with only one application at a time. For instance, while you’re browsing in your web browser you can’t scale your text and resize your window simultaneously — unless you are a keyboard-shortcut-master.
Good news: it can be different. Below we present some of the outstanding recent developments in the field of user experience design. Most techniques may seem very futuristic, but they are reality. And in fact, they are extremely impressive. Keep in mind: they can become ubiquitous over the next years.
Future For Gamers: Cheoptics360™
Absolutely incredible. Cheoptics360 is a Vizoo’s product which can change our understanding of 3D for always. This is a documentation of the 5×5 meter Cheoptics360 in the Vizoo’s showroom. No special effects or compositing has been used editing this movie. This is the real thing. Official web-site.
reactable
reactable is a collaborative electronic music instrument with a tabletop tangible multi-touch interface. Several simultaneous performers share complete control over the instrument by moving and rotating physical objects on a luminous round table surface.
By moving and relating these objects, representing components of a classic modular synthesizer, users can create complex and dynamic sonic topologies, with generators, filters and modulators, in a kind of tangible modular synthesizer or graspable flow-controlled programming language. Demos.
Multi-Touch
Multi-Touch Technology
Multi-Touch-based devices accept input from multiple fingers and multiple users simultaneously, allowing for complex gestures, including grabbing, stretching, swiveling and sliding virtual objects across the table. While touch sensing is commonplace for single points of contact, multi-touch sensing enables a user to interact with a system with more than one finger at a time, as in chording and bi-manual operations. Demos 1, Demos 2.
Such sensing devices are inherently also able to accommodate multiple users simultaneously, which is especially useful for interactive walls and tabletops. Multi-Touch is already widely used. Apple’s iPhone has Multi-Touch scrolling and picture manipulation.
Microsoft Surface
Multi-Touch is also the core of Microsoft Surface, an interactive tabletop which allows a user, or multiple users, to manipulate digital content by the use of natural motions, hand gestures, or physical objects by putting them on the surface. Microsoft Surface Reviewed.
Photosynth
Photosynth
Using photos of oft-snapped subjects (like Notre Dame) scraped from around the Web, Photosynth creates breathtaking multidimensional spaces with zoom and navigation features that outstrip all expectation. Its architect, Blaise Aguera y Arcas, shows it off in this standing-ovation demo.
The technology was recently acquired by Microsoft and is now a part of Microsoft Live Labs. Microsoft Photosynth web-site. Photosynth Technology is a new way to view photos on a computer. The software takes a large collection of photos of a place or an object, analyzes them for similarities, and then displays the photos in a reconstructed three-dimensional space, showing you how each one relates to the next.
BumpTop
Bumptop is a fresh user interface that takes the usual desktop metaphor to a glorious, 3D extreme. In this physics-driven universe, important files finally get the weight they deserve via an oddly satisfying resizing feature, and the drudgery of file organization becomes a freewheeling playground full of crumpled documents and clipping-covered “walls.” TED-presentation of Bumptop.
Further References
- 3D Operating System
Next Generation Operating System from Sun Micro Systems - XTR3D is real-time software that analyzes 3D human motions using only one simple web cam, without any additional accessories. It will allow users to play games and interact in virtual worlds using natural human motions instead of keyboards, mouses and joysticks. Released Sep 27, 2007.
Vitaly Friedman, editor-in-chief of Smashing Magazine (www.smashingmagazine.com), an online magazine dedicated to designers and developers.
(1 votes, average: 5.00 out of 5)
Loading ...- 169 Comments
- 1
- 2November 26th, 2007 5:36 pm
Very futuristic post, I think that some of this aren’t good idea.
- 3November 26th, 2007 5:51 pm
Impressive! you know how to make us happy even on monday morning, this is a wonderfull post!
greetings
- 4November 26th, 2007 5:58 pm
Nice article. Perceptive Pixel somehow reminds me of the UI used in the movie ‘Minority Report’.
- 5November 26th, 2007 6:03 pm
Yet again another great post. Wonder when these solutions will be widely used in the average household…
- 6November 26th, 2007 7:11 pm
360 == holograms, rl startrek here we come ;)
- 7November 26th, 2007 7:12 pm
I want these!
- 8November 26th, 2007 8:22 pm
Great looking but expensive as well. Future it might be cheaper of course, it looks cool but I don’t think its functions are as worth the price tag. Nice list though.
- 9November 26th, 2007 8:38 pm
Of these, I’m most interested in the Photosynth application and yet, now that Microsoft is involved, I cannot view the website with a Mac OS computer…typical!
- 10November 26th, 2007 8:48 pm
The success of the Wii controller showed us that the world is hungry for a richer interactive experience and these examples are right up that alley. The Bumptop desktop is especially intruging to me. I hope Microsoft and Apple are paying attention.
- 11November 26th, 2007 9:17 pm
Cheoptics360 and Multi-touch seem very promising! Can’t wait to see them being implemented in real life.
- 12November 26th, 2007 9:54 pm
The Microsoft Surface is a great revolutionary device. I think that the future is in the mobile devices and touch interface…. . Very good article…!
- 13November 26th, 2007 10:03 pm
if bumptop combines with multi-touch technology on perceptive pixel, a new era of user interfaces will appear. just imagine the possibilities
- 14November 26th, 2007 10:13 pm
Coming back from the holiday, I could use about 10 more of these posts.
-Anthony
- 15November 26th, 2007 10:42 pm
Installed in downtown Helsinki, CityWall is a multi-touch display featuring digital media arranged into themes and events. Citizens can shuffle the content as if the images are real, creating a customisable digital experience and promoting meaningful digital media interaction.
- 16November 27th, 2007 2:55 am
“now you can view maps…on a big ass table”
- 17November 27th, 2007 3:50 am
THE and the zooming interface belong on this list.
- 18November 27th, 2007 5:12 am
Real time 3d is my all time dream to visualize and “Cheoptics360™ ” is really one such.
- 19November 27th, 2007 6:35 am
Awesome! wonder when these technologies will be easily available to common man
- 20November 27th, 2007 6:55 am
Microsoft is up to some pretty amazing stuff, but they’re more inclined to use it for applications rather then gaming.
- 21November 27th, 2007 1:04 pm
yet another awesome post by SmashingMagazine
- 22November 27th, 2007 1:33 pm
This is by far one of the better posts I have read on the net lately. It’s a realistic look at the technologies of tomorrow. Great post.
– Karim Baz
- 23November 27th, 2007 1:43 pm
Future for information organizers – 3D Topicscape
- 24November 27th, 2007 1:48 pm
I recently presented my company alongside Perceptive Pixel’s head Jeff Han. Amazing stuff and surreal for me to present after his presentation!
I can just see all the uses for it! In your kitchen – a E-bulletin board that populates your email, view your calendar, info from your fridge telling you need milk, notes from your doctor upon your use of the digital toilet, audio messages that your alarm clock didn’t wake you to… there is so much innovation to be had here!
- 25November 27th, 2007 2:06 pm
Thank you for an excellent post. We’re studying user interfaces in our university and these projects are wonderful examples of what can be achieved.
- 26November 27th, 2007 2:26 pm
what about elinks, gnu screen, and the bash prompt? no i am not kidding. it is entirely possible to see another future in which the public burns out on gadgetry and would rather settle for the most natural interface to people – words.
- 27November 27th, 2007 2:31 pm
i know someone who has bumptop, they said it wasnt that expensive
- 28November 27th, 2007 3:33 pm
Very informative. Atleast you make sure that we don’t get left behind.
- 29November 27th, 2007 4:41 pm
Multitouch is cool and very handay, but I don’t get the BumpTop. It looks just like more clutter to me.
- 30November 27th, 2007 5:55 pm
So it seems like somone just browsed the TED sight and made a post.
- 31November 27th, 2007 6:27 pm
I was under the impression that Microsoft’s Surface was not, in fact, multi-touch, but instead relied on IR cameras positioned above the table which tracked the hand gestures. May be splitting hairs, but I think the future is with capacitive surfaces (a la iPhone) and not these large, camera-based set-ups.
- 32November 27th, 2007 7:14 pm
The cheoptics360 seems to be using the same trick as those videocd based arcade games back in the early 90’s- use a concave mirror to make an image on a screen appear to be free-standing in space. Presumably they’ve innovated a bit by allowing the use of a projector, but i’s guess the theory is the same. It is *NOT* true volumetric- the image is the same from all angles – read the FAQ!
also, IMHO, bumptop is a good example of a good solution to the wrong problem…
- 33November 27th, 2007 10:40 pm
Awesome post – also a software used on school interactive whiteboards is Edusim. A video demo is here:
http://www.youtube.com/watch?v=qQ9VK-yyThIthere are a bunch more demo videos on the Edusim web site
- 34November 28th, 2007 12:12 am
I don’t see the use of it, besides being eye candy; especially not in a dev environment. Perhaps to help newbies around ?
Seriously, this seems very limiting, having to drag stuff ‘physically’ around. - 35November 28th, 2007 12:25 am
One more example, of mixed reality at CeBit:
http://www.youtube.com/watch?v=kzGljuievpM - 36November 28th, 2007 12:32 am
Haha. That BumpTop thing… It lacks a LOT of functionality, and then it’ll just get too cluttered to be in 3D. I mean… How about icon labels, for one thing…? I’d need to know which icon is which there, when I for example have many icons of the same file type.
- 37November 28th, 2007 1:37 am
Open Croquet is a 3D desktop that has been in the works a long time. It’s kind of like if you had your own personal Second Life world for a desktop and when you wanted to connect to someone else or something else through the network they popped up as an item or you stepped through it. It kind of reminds me of reboot when they used to step into the game blocks and transform into someone else.
I think the problem is it’s a development kit. It would be nice to see a real, day-to-day useful product result from it that you could simply go download. Even if it were something like a video game loader where you just stepped into the game you wanted to play or a form of 3D chat that someone like Google could add to their chat service.
- 38
- 39November 28th, 2007 3:33 am
You really have a good point. I agree…
I like how they used that in some movies lately. Showing multiple command lines open at the same time (Die hard 4) - 40November 28th, 2007 5:37 am
Simpler is often better when presenting these new fangled ways of working. Zooming UI’s seem easy for users to pick up. I present CardMeeting as one example: simple and easy, doesn’t try to do too much nor over-emphasize the technology.
Dave Woldrich
- 41November 28th, 2007 5:39 am
its a lil bit overhyped though, this technology has been around for 20 or so years. At work we easily put together a large multitouch screen using scrap parts, and a measly $100.
all it is, is a image projector and a snippet of code that responds to touch points.. that are supplied from a cheap infrared camera looking at the screen. (using 10 cent IR leds on the screen (glass/plexiglass) cause the IR light to break when a point is touched)
anyone can do this, once you got the touch points using above method… your projector can project any interactive image you want.
- 42November 28th, 2007 6:23 am
I got to see the original photosynt, it had a Java viewer you could use to check it on your computer, now in order to see the “microsoft” version you need top notch graphic cards and software go figure.
- 43November 28th, 2007 7:39 am
Great presentations! I’m ready for Perceptive Pixel’s large multi-touch screen now.
- 44November 28th, 2007 8:29 am
Geez why did we stop calling it “user interface” and switch to “user experience”, I thought that was just a buzzword! Is “interface” politically incorrect or something in some way I am unaware of??
Computer interfaces should not BE experiences! Experiences are things you remember! You shouldn’t even notice the computer’s interface. :P Take that.
- 45November 28th, 2007 1:56 pm
You are correct Rob, cheoptics360 is not a 3d display at all. It is in fact just an upside down pyramid of fine mesh, with each triangular face illuminated from a projector below.
This is an exploitation of the theatrical scrim effect and not even subtle. When they eliminate the massive tension-members at the corners of the pyramid, then at least it will be more sleek. Nice for tradeshows, but it’s no smoke- or water-wall.
- 46November 28th, 2007 2:18 pm
The Cheopics360 is absolutely amazing. I’ve been trying (just for fun) to think of ways to make displays like this for a while. I can’t wait to see if their methods match up with any of my ideas.
I’ve been excited about this article all day.
- 47November 28th, 2007 4:32 pm
Microsoft Photosynth, will be the next big thing. But I hope they know how to make it light on the processor and memory.
As per my thinking, any heavy software and processors are doomed in todays world, we all need lightweight, simplistic as well as to the point applications. - 48November 28th, 2007 8:05 pm
Bjork used one of those reactable things in her gig at Glastonbury this year. It was pretty amazing to watch!
- 49November 29th, 2007 8:46 am
Very nice article, Love this mag more and more every day!
- 50November 29th, 2007 9:25 am
cool~
but how long this future will be comming? - 51November 30th, 2007 4:39 am
nice like minority report
- 52November 30th, 2007 1:48 pm
Interesting article companies are pumping lot of money and effort.
- 53December 3rd, 2007 7:26 am
A nice collection of somew of the technologies that hold the potential to improve future user experiences … I am exploring and experimenting with a number of them. Remember though, technology without meaningful content is like sex without a partner.
- 54December 6th, 2007 11:00 am
Absolutely stunning! Cheoptics makes me soo freakin’ excited for the future of video gaming!! and PhotoSynth is marvelous.
- 55December 11th, 2007 7:40 pm
WoW! :O
wow!
COOL! - 56February 5th, 2008 8:46 pm
Some of this technology is old now and has progressed. 60% of these were around 2 years ago.
Good post though.,
- 57May 27th, 2008 4:59 am
Wish to try some of them :)
- 58June 6th, 2008 12:29 am
Wow! Some awesome stuff in here – thanks!
- 59July 11th, 2008 12:17 pm
bumptop is really cool.
- 60August 17th, 2008 9:46 pm
Again .. another rocking post.. as always I feel myself getting updated each and every moment through SM :-D.. Kudos !!!
- 61January 15th, 2009 8:58 pm
Great post team. carry on your good work. super … super … inspirational … stunning
- 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!
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
- The Big Showcase Of Online T-Shirt Stores - http://bit.ly/5Tq8uA
- @ilmv oh ok then ;)
- @ilmv no, the SM Book will not be out of date :) We made sure it contains universal design, usability and marketing principles.
- Apple ad bombing Windows 7 on Google - http://bit.ly/28ctPq
- Atatonic - a fresh CSS framework - http://bit.ly/4oOV2w (via @umutm)
- @HrvojeKC yes, that's an interesting idea. Maybe when the waiting is over, we'll write a detailed post about it.
Wow! Some awesome stuff in here – thanks!