Future of interface design 2010

30.5.2010 - Pavel RůžičkaT-Mobile Czech Republic

The future of Interface Design


2

1.05


3

•2009 - Revolution in first meeting internet

•Why the new types of UI are needed

•Ongoing types of UI

•2010 – Changes in designing web UI

•Discussion


4

Revolution of 2009 in first meeting internet

•First meet the internet in 2009 was more than 50% done by mobile!

•Previous years it was done by PC

•Desktop and mobile became complementary


5


6

Why do we need simple user interfaces?


7

Implementing new functionalities leads to a dirty interface


8

Ongoing types of user interfaces


9

Ongoing types of user interfaces1. Displays2. Eye wear3. Gesture based4. Assistive5. Spatial motion6. Augmented reality/location7. Neural controlled8. Intelligent wear9. Voice10.Touch / Smart surfaces


10

Heads Up Displays (HUD’s)

• originally developed for military aviation• can be found in many cars, trains and in a wide variety of experimental

scenarios. • even helmet mounted Heads Up Displays available for motorcyclists now


11

Consumer Vehicles

• A Microsoft’s patent - windshield HUD’s in cars that display information from temperature to email.

• we’ll even have windshields with enhanced night vision, or even customizable widgets.


12

Eye wear• many new eyewear HUD products on the horizon

including a pair of specs being developed by Brother

• eye-gesture glasses developed at the Fraunhofer Institute for Photonic Microsystems.

• you might be able to hack a wearable computer

with a heads-up display of your own like this guy.


13

Gestural Interfaces

•recognize human body language instead of archaic data entry

• intuitive, user friendly, and “fun“

•can learn unique handwriting patterns and transcribe it into plain text

•a group of scientists is working on a new system that does this without the pen.


14

Gesture based Interfaces •allow computers to recognize natural human idiosyncrasies and actions – e.g. the iPhone bump.

0.35


15

Assistive technology in small devices

0.39


16

Spatial motion interfaces

•Translate movement captured in a three-dimensional space into inputs on a device (e.g. Nintendo Wii’s motion controllers)

•The PlayStation Motion Controller is Sony PlayStation’s

•Even more exciting is Microsoft Xbox’s Project Natal, uses no controller whatsoever, instead tracking the human body as the means for controls

•Outside of the gaming industry, Toshiba has been developing their own hardware


17

Toshiba’s motion-controlled interface

1.27


18

Microsoft Project Natal

3.39


19

Augmented Reality

• isn’t limited to navigation only•Applications like Yelp for the iPhone streams reviews of restaurants

•Nokia’s Point and Find allows users to find information about objects by pointing a phone camera

•and other practical ideas may become a reality in the near future e.g. Wikitude Travel Guide – AR browser for Symbian

• typically for navigation (GPS) that can reveal directions on a live video feed of your current location


20

WIKITUDE Drive - AR Navigation

1.21


21

Yelp AR Easter Egg

1.31


22

Neural Based Interfaces

• It works by implanting a small microchip in the brain which analyzes pulses

• The first tweet was sent via brain from the University of Wisconsin’s Neural Interface Lab

• Another company, Braingate, has developed a similar technology that has allowed paralyzed participants to check email, or even play a game of pong using only their mind

• Is still in it’s infant stages - the average user can write at approximately 10 characters per minute• it may allow paralyzed users to someday move certain muscles again, and perhaps

even walk


23

The Brain Tweeter interface

1.40


24

Computer (Inteligent) wear


25

Voice Based Interfaces with new applications

• Cell phones that recognize basic commands and names

• Video games that respond to speech (“Tom Clancy’s: EndWar” can be controlled entirely by voice)

• We’ve seen some innovative applications thus far:

•MIT recently developed a wheelchair – it also saves detailed maps in memory and can take the user to their desired location via voice command

•Relatively new application includes Google Mobiles “Search by Voice”


26

Surfaces Become Smart

•Light Touch™ instantly turns any flat surface into a touch screen•it could turn any surface into a smart surface using a webcam and projector

•CRISTAL is a smart surface that takes on the form of a common table•this table can control many of the electronic devices in your room, such as TV’s, Sound Systems, Lights, Radios, and even DVD Players.

•Microsoft’s vision of the future.•If it doesn’t make you want to live in the future, nothing will


27

Light Touch™ - turns surface into a touch screen

0.40


28

CRISTAL - Control of Remotely Interfaced Systems

3.00


29

2010 – the year we will touch the web

•Touch devices in 2010 wont probably get significant share of market

•But in 2011 they will became influental player

•What we create today alive at least one year – we should consider it


30

2010 – changes in design web UI

• Check up in IE, Firefox, Chrome ane Opera will become insufficient

•Do you ignore standards? Go look for a new job (!)

•Using of flash will be reduced

•Future web will be designed inside of a browser

•Changes•hover doesn’t exist on touch screen •"px" unit on a zooming screen?•page-fold effect for two fingers?


31

2010 – changes in interaction with web

•The Main menu loses importance•when user zooms part of a page it becames invisible (!)

•Short and pregnant links, call to action at the place of context•it will be a challenge for usability experts•not whole page but every detail has big impact on design

•Touch delivers revolution in interaction with web


32

Microsoft Office Labs vision 2019

5.40


33

Summary

•2010 we will „touch the web“

•2011 significant role of new type of devices

•Changes in internet/web development

•Start changes ASAP


34

How it will end…?


35

Resources•en.wikipedia.org/wiki/PlayStation_Motion_Controller•en.wikipedia.org/wiki/Project_Natal•en.wikipedia.org/wiki/Wii#Wii_Remote•pointandfind.nokia.com/•nitrolab.engr.wisc.edu/•gizmodo.com/293355/microsofts-windshield-hud-has-lots-of-info-hopefully-never-crashes

•www.reghardware.co.uk/2009/10/22/brother_rid_specs/ •gizmodo.com/5276163/eyeglass+mounted-display-tracks-eye-movements-to-manipulate-data

•www.umpcportal.com/2009/07/awesome-wearable-computer-setup-is-powered-by-sony-vaio-ux-umpc/

•www.bumptechnologies.com/•www.wired.com/wiredscience/2009/08/emghandwriting/•www.amazon.com/gp/product/0596518390?ie=UTF8&tag=ux-booth-20&linkCode=as2&camp=1789&creative=390957&creativeASIN=0596518390

•www.wired.com/gadgetlab/2008/09/mits-robotic-wh/ •www.wired.com/epicenter/2009/02/ted-digital-six/comment-page-2/

Technology

Future of interface design 2010