Surveillance analysis touch interface This was my favourite scene and stood out to me immediately. It's a touch interface that allows the user to pan and scrub through a video in 3D. It is very similar to the replay features in a lot of sports video games these days (think FIFA). But whereas games use rendered images, this example uses real footage.

Nowadays, 3D video does exist and it allows you to view 360 degrees but unfortunately it is still only constrained to the camera's position. This interface seems more like a video version of a 'bullet time' rig (made famous by The Matrix film). Basically allowing you to watch a video and control the camera from any position or angle imaginable.

It is such a great idea to link this 3D playback feature to a touch interface! The idea is great but so is the treatment of the UI elements. The UI elements look great when they are anchored to the position of the fingers. Also worth mentioning is the movement of the finger gestures that match perfectly to the scrubbing of the video. It just makes sense, and moves the way you expect it to. Make sure you check it out here.

This was a nice surprise, I didn't expect it coming into the movie. I love the design of the HUD but also the design of the helmet itself. It's so streamline and smooth. The point of view shot of the HUD is great, it gives you a great sense of what it would be like to experience it first hand. I really liked how Kirk turns his head to have a look at his target, and how the reticle changes colour as he locks onto it. It was way more interesting than a straight shot.

The projected flightpath was a highlight. I loved the distance markers and the angled lines coming off the path, which not only helped with the feeling of progressing through a track but was a nice visual element for the overall aesthetics. You can check out the clip here.

HUDS+GUIS

About

Huds and Guis was created to form a collection of the most beautiful and innovative examples of HUD (Heads-Up Display) and GUI (Graphical User Interface) design.

Get in touch

I'm available to consult on all matters involving HUDs & GUIs, or project collaborations, you contact me at info@hudsandguis.com

Feel free to submit any great UI work that you see or created, or just to say hi too!

Definitions

HUD[pronounced: huhd]1. Heads-Up Display - a display that presents data without requiring users to look away from their usual viewpoints. The origin of the name stems from the pilots being able to view information with heads “up” and looking forward, instead of angled down looking at lower instruments.

GUI[pronounced: goo-ee]1. Graphical User Interface - a type of user interface that allows users to interact with programs through manipulation of graphical elements as opposed to text-based interfaces.