Challenge web convention to see the future
Recently our creative director Paul and I were wondering what our team thought about advances in user interface designs (UI). And, what are the UI shifts that are likely to impact interaction the most in the next 24 months?
This is a big challenge. But we don’t get out of bed each day to turn a handle so-to-speak.
We formed a short list as follows:
- Gestures (touch)
- Drag and Drop
- Rich media layering
- Canvas layering / interactive scrolling
- Data visualisation through 3d
Obviously this isn’t new stuff – but we were thinking about what’s conventional (plenty of the stuff above would confuse less technical users) – so what will become commonplace in the next 2 years and easily understood by the masses?.. Or should I say digital converts as opposed to us digital natives?
The reason we asked these questions is we’re trying to come up with some ground breaking ideas for our clients and we’d really like to see us turn a conventional data / interaction on its head and change the game.
I just saw a quote that said
“ the conventional view serves to protect us from the painful job of thinking…” Cute eh!
So consider a simple user interaction on a tablet device where the user is transitioning from a paper based forms environment:
For example, why point and click/tap a box when you could brush over it as if you were holding a pencil in a tick motion????
So what will will be common place in the near future – maybe as popular as the mouse – who one reporter in the 80’s commented on “there is no evidence that the public want to interact with their computers using such a device… ? EH!
Imminent conventions:
Our in-house emerging tech specialist James has given us the following food for thought about what will become convention soon:
Microsoft Kinnect type interactions
No mouse or keyboard required – voice and body gesture based interface, no physical connection to screen or mouse required (can be done with webcam + mic, kinnect hardware not required)
User Customisable UI elements
(Sometimes) iOS apps let you customise the tab bar at the bottom of apps, they presents you with a list of possible tabs and the users drags the ones they want or use the most onto the tab bar. Perhaps this will spill over to the web, like when you setup a custom Google home page. So you could turn navigation items off you don’t care about, add a top level navigation item to a sub/sub/sub-page that the user uses frequently.
More drag and drop of things
Drag and drop between different applications / environments – I can drag files from my desktop to the web browser based cloud storage (box.net website) in Google’s Chrome browser, or drop a video into YouTube and it uploads, no need to search. Perhaps in the future you can drag more stuff, perhaps drag an image or news article from one tab and drop it onto a Facebook contact to share it with them.
Less clicking
From my personal experience, some people are crap at clicking on things, and often don’t understand what can be clicked on and why
Adaptive UI
The first time I go to a website its often immediately overwhelming – the amount of links and sections, how the site is structured and I often don’t know how to get where I need to, so those big “Click here to login” style buttons are great for first time users. Skip forward in time, I am now familiar with the site, I know exactly where I need to go, and what I need to, so I would like heaps and heaps of links so I can get to where I need to go quickly. Could we build a UI that is initially very simple and layers in addition functionality as the users proves competence (either over time, or by logging in, or by any other bizarre metric we can come up with)?
Express logins
If I am logged into Facebook, a lot of websites recognise that, and let me make comments on a post using my pre-populated Facebook profile stuff. So perhaps more personal recognition in UI. i.e. “your friend Sam Smith was looking at this page 5 mins ago, and is online now, chat to him about it”.
Google Labs
Anything listed in labs.google.com
Right Click
I think ‘right-click’ is making a comeback – ref box.net functionality
Zooming
Perhaps zooming, used as a UI mechanic to help keep context … if you think of a Google map, zoomed in to see all of Tasmania, if this represents an entire website, using Google maps to pan to Hobart and zoom in, you will now see more data about Hobart, but because the transition wasn’t a click and page reload zoomed into Hobart, you gain a sense of scale and position (context).
Device interactions
More device-to-device interactions, doesn’t really relate to UI, like when we sit in our board room looking at the projector, allowing someone to drag a file from their iPad to the screen, somehow. Firefox now has this feature where you can save open tabs to the cloud… their example is if you are looking at flight time information on your PC at home but need to leave in a rush because your taxi arrives, once in the cab you can whip out your phone and open Firefox, it’s on the same page as your home pc, so you can keep checking your flight. So perhaps move to my iPhone type UI elements.
HUD
Augmented reality will be big, dunno how that effects UI
Hidden UI elements
Ubunutu 11 (Linux) has gotten rid of scroll bars, these guys are sometimes ahead of the curve on these kinds of things. Now (from memory) if you move your mouse to where a scrollbar should be, a mini scroll bar appears outside the window, it’s kind of odd but isn’t confusing at all and saves some pixels which is important on tablets, it’s also very touch friendly.
Infographics
Infographics are big, perhaps we could do more dynamic infographics for overview information in complex environments
Data visualisation
Stream graphs started making an impact last year, a great method of visualising complicated data.
Here are some good data visualisation references



