points by DonHopkins 10 years ago

Another flowery buzzword for the same old technique (from judiciously using animation to draw and focus attention, to gratuitously abusing it to dazzle and titillate) is "cinematic interface". Of course like any flowery buzzword, different people have different takes on what it means, but here you go:

One concrete example from OpenLaszlo: there was a "cinematic" input focus indicator, so when you tabbed between controls in a form, it would smoothly fade in, animate over and fade out four corner chevrons from the current field to the next, to draw your attention and move your eyes to the next field in a form.

And of course it supported type-ahead: you could quickly press any number of tab or back-tabs, and it would continuously animate toward the current input focus.

I thought it was actually pretty nice and served a purpose, and was obvious enough that it didn't need any explanation, but yymv.

Here's a talk about OpenLaszlo that defined the term "Cinematic User Experience" (this was years ago so it all seemed so fascinating at the time):

Creating a Cinematic User Experience with OpenLaszlo: http://webconf.hu/2007/program/i/openlaszloen.html

What is meant by the term Cinematic User Experience? It’s characterized by the following:

Continuous User Interface: By featuring fluid application state changes, rather than today’s standard page-by-page format, a Laszlo-enabled site helps users stay oriented and efficiently complete multi-step online tasks.

Universal Canvas: With the ability to view common media data types including text, video and sound formats seamlessly on a single “universal canvas,” users are able to work with integrated multimedia information displays without the distraction of separate playback software for each media data type. Furthermore, Laszlo enables a wide array of media types without requiring users to install additional plug-in software.

Real Time Information: Traditional Web sites only update information when a page is reloaded. Laszlo enables live data push into standard browsers. This real-time messaging enables Laszlo-powered Web sites to provide integrated instant messaging and real-time inventory or financial information displays.

Other people have used the same term in various ways:

Cinematic Continuity in User Interface Design: https://medium.com/ux-design-1/cinematic-continuity-on-ui-de...

Cinematic Interfaces -- Film Theory After New Media: https://www.routledge.com/products/9780415833158

userbinator 10 years ago

I really like the adjective "cinematic" in that you get an experience like watching an action movie, with stuff flying everywhere and general attention-getting mayhem every time something happens; but it also reflects the fact that, no, people do not want interacting with UI to be such an exciting experience. (Notwithstanding things like games where excitement can be appropriate.)