Games lead UI movement towards complete diegetic interfaces

Written in Jul 2008 by Anthony Stonehouse
Tags: , , , , ,

I‘ve been looking at ideas based around 3D information systems recently, as research for a project I might be working on this month. While I haven’t finished researching, one of the topics that has got me interested is the redundancy of interactive elements such as icons and scroll bars when navigating a 3D space. In a 3D environment the content can replace the icons as you can zoom in and out, and actions within that space can replace scroll bars. A simple example of the implementation of these ideas can be found in OSX. Apple has started using a preview of the actual content of a file as it’s icon and implemented the cover-flow system to scroll content.

For a richer example we can look at Mirror’s Edge, an upcoming game and one that I’ll no doubt be buying. Traditionally a game that was 3D would still have a 2D interface that would sit on top of it. This game has removed the 2D user interface layer and integrated it in to the 3D environment. It uses colour to indicate health, as your character loses health the saturation of the environment decreases. Colour is also used as a marker for navigation within the space — your character can grab on to red objects, or interact with them in a more complicated way.

Dead space, another new game, displays the interface within the 3D environment. While the interface is still in a 2D form it uses content within the game instead of icons to access it. You can see the ammunition left in the gun is displayed within the environment as a hologram in this video, other in-game interface elements are displayed the same way if you explore other videos.

As internet connection speeds improve and small screens increase in their resolution the use of 3D navigation will increase on the Internet as well as devices. Interestingly the games industry has begun to adopt these concepts even though they’ve had the technology for years. I wonder if there is a future with no more icons and scroll bars? Research continues..

Leave a Reply

Jan 2012

Web design trend predictions for 2012

A year ago I posted web design trends for 2011, many of which evolved to different extends throughout the year and will continue this year. So here are my 2012 predictions for trends in visual design for the web.

Oct 2011

Designing outside the rectangle

New UI design opportunities are becoming available as we adopt 3D technologies, augmented reality and gesture based control. Screens will evolve from rectangles that we look through, in to destinations we can move in to. While augmented reality enables the user interface to exist along side the real world.

Jun 2011

Ampersand Conference 2011

Brighton, Friday June 17, 2011 — one of the first conferences devoted specifically to web typography. I still find it hard to believe we’ve finally reached this era. Designers can now use a wider variety of faces and apply typographic control to HTML using fonts that have been specially designed for screen use. It’s certainly […]

Apr 2011

Moodboard development

The design process always requires some sort of image based research. Ideally this takes place at the start of a project, with one of the primary outcomes being a mood board. Other outcomes will are often a visual audit of existing design, a competitor analysis and some exploration in to the key audiences. The mood […]

Apr 2011

The future of web and UI design

Web designers have historically had to work within a tight set of restrictions. Computer’s were restricted to 256 colours, with only 216 consistent across Macs and PCs; Keyboards and mice were the only input devices used for navigation, and; Users generally only accessed content sitting at a desk — either at work or home with a monitor. All of those restrictions no longer apply.

Apr 2011

Web design trends for 2011 — part 2

The first quarter of 2011 is over so I start to review my predicted trends within web design, and whether sites are adopting any of them.