bureau

It means “desk” or “work table” in french : how metaphoric for a blog discussing what my work's about. Get the RSS feed.

i

I'm Thibaut Sailly, an independant interface designer based in Paris. Say hello on twitter or by email at bonjour ✉ tsailly ◦ net.

Topics

Archives

© 2010-2014 Thibaut Sailly · Powered by Movable Type · RSS

Ergonomics

Hololens

A few weeks ago I attended an event at Microsoft Paris, NUIDay 2016. It's a mix of demo sessions, panels and most importantly hands-on time. Alongside trying on a pair of Hololens for a few minutes, I got to chat with developers who had been doing some work for it in recent months. Here are some remarks from the notes I took.

The object itself

What you see

What you do

Content delivery

Potential of AR

Here's a quick list of situations where AR will help and where VR would be inferior:

To finish these notes, here are some topics I feel will need to be addressed before AR can reach a large public and scale to an economically viable set of products.

For 3

It makes a lot of sense to agree on a icon for revealing a hidden navigation when browsing a website from a small screen. An icon needs to be iconic, doesn't it? The three lines navicon consensus Jordan Moore illustrated last week in his Smashing Magazine article is, from my point of view anyway, the ideal candidate. I will support it by implementing it in projects to come.

The advantage this representation has over the other candidates is that it can easily translate into different styles. The symbol is so essential that whatever style your site happen to live in, this icon will still be identifiable - baroque, modern, americana, caveman, you name it. Three horizontal strokes. Cogs, item lists and grids don't provide as much expressive flexibility.

On top of this ability, what I love about this choice is that it could also be a great indication for a gesture. It is very likely it will appear on screens that not only small, but also touch sensitive. Three horizontal lines tells the user "touch me and I'll show you the navigation". It could also be easily understood as "swipe three fingers horizontally and I'll show you the navigation". Knowing, because you saw the icon when the page appeared, that a three fingers horizontal swipe could lead you to the navigation without having to scroll scroll scroll to the top of the page could be of some comfort. Now, to trigger this sort of thinking in your day to day user, it would need to be implemented very widely and consistently.

three horizontal lines, and the three fingers swipe to the right symbol

What I'm trying to say here is, if we are to agree on a standard appearing on small touch devices, why not extend this standard beyond the button, to a gesture.

Right here, it would be awesome to point you to a demo I would have set up so we could see how and if it works in reality, but it looks like implementing it is still a little too hardcore for my javascript skills - working on it. In the meantime, let's think about it.

Happycog acknowledged the choice of this icon by replacing it on its blog. Swift.
jGestures seems to be the place to start, before this sort of multitouch event becomes available in touch devices browsers.

Our Choice

The interface design focused twitterhood of my timeline got really excited a month ago, when Push Pop Press released Al Gore's Our Choice. Teenage groupie girls excited. Statements of the book as we know it being a thing of the Past were made. From people I decided to follow. Good thing there were some beers and a weekend after that.
Before having a closer look at the amazing work Push Pop Press did with this app, here are some comments about this fantasy dead book thing.

The paper book is an object so optimized that it's not going to fade away any time soon. Here's what a book since spinal binding was invented allows us to do, and what any digital incarnation should be able to provide to deserve the name of Book Terminator:

Because of these lacks in function and emotions, I tend to perceive eBooks as a convenience: you can buy them from your couch, they have no weight, and they don't age. You give away all the sexyness, presence and reliability of a nice paper book for accessibility and zero impact on your bookshelf. As it has already been said, eBooks may replace a certain category of books, the ones you would get rid of when you're packing before moving, but it doesn't look like paper books are going away any time soon.

So what's the deal with "Our Choice"? What has Push Pop Press done differently for it to generate so much passion and unrestrained commentaries?

Meaningful gestures

There is something about the navigation in this book app. As Josh Clark said, buttons are a hack, and the Our Choice app is a living proof: pinching out means "more detail about this", pinching in means "I'm done with these details, get me back to the bigger picture". The interaction model is exactly the same as the iPad Photos app's one, but for mixed media: you're zooming on chapters just as you zoom on your photo albums, you zoom on charts or animations just as you zoom on your photos, and you swipe to the next chunk of text as you would swipe to your next photo. Two simple and self explanatory gestures are used to control all the app, pinch and swipe.
Pretty close to the single flip gesture found in paper books, it's remarkable. They applied to textual content gestural evidence found in one of the iPad's core app, something that was before everybody's eyes but only them (it seems – correct me if I'm wrong) have noticed. Even Apple's own iBooks doesn't use this model, very well played.

But as meaningful as they are, I can't see how they could be useful on a fiction book, or an essay. Paged prose just need a forward/backward gesture, that's it. This interaction model seems to be better suited to content where details other than text provide better understanding to the reader - educational books for example. Charts, audio, maps, updates... Cell biology would be easier to grasp with the help of some interactive 3D models. Learning about the history of Paris would be great with overlaying maps combined with time sliders.

Mixed media

Producing a compelling work in this format is a team effort, it's not for a single person with ideas, a notebook and a pen. Al Gore didn't sit in a library by himself, wrote the text, picked the right iconography, produced the interactive info-graphics and 3D models, shot and edited the videos, recorded and edited the sound, et cetera. It would take a rare breed of author to produce a work worthy to be published with such a scope of media. Does such an individual even exist? People in their twenties today may be more fluent than older generations in these media, real authorship still requires a lot of insight and practice in each of these fields. It doesn't come easy.

Time speaks

With the level of polish we can witness on this app, we get a sense of how important motion design is to our interfaces today. Not only because it helps mimic reality and can get the user to conceive a mental model of how the different parts of the UI might work, but also because they convey meaning and emotions. Depending on its speed and dynamic, a fade in can be dramatic or energetic.
Interface design happens more and more in four dimensions: X, Y, faked Z (for now) and time. Knowledge in film editing should be taught to aspiring interaction designers; not how to use editing software, but how film editors think and work.

Flow

"As a result, Mr. Gore goes much farther in his mission — persuasion — than he could on the printed page alone."
D.Pogue, New York Times.

Allow me to disagree with this – and it may just be that I'm starting to be an old fart – and point out a downside of this particular app. Has anybody who got excited about this book app finished reading it? Or did you get distracted and switched to Twitter to praise the app and opened it twice since then only to read a couple of pages and browse the nice pictures? The app format may be more entertaining, its navigation model more rewarding for interface designers, but did we get the message better? Not sure about this.

If you don't want to listen to something, or if nobody's forcing you to, the message won't get across, pinch/swipe or not. I found the text to be too often interrupted by images or other calls. Every couple of views my attention was required on another level of discourse, sometime three times on a single view. These interruptions are not always in sync with the prose, resulting in a jittery reading experience where the reader's flow isn't respected enough.

The 80's are over

I feel insane when I see how much time I spent discussing about the form of this book, while the message that it holds is so much more important.
It's a bit sick to be discussing about proper pixel arrangements when so much depends on what's said in the book itself. If the interaction model of this app represented 1 point in benefits to human kind, reading and getting Our Choice is probably worth 1 000 points, a scale that Push Pop Press wouldn't probably contest.

By understanding how our actual way of life is suicidal for mankind, we will be more willing to act on it, and quick. Just as knowing about health issues related to smoking helps you quit, Our Choice helps you make decisions that will impact your quality of life and make sure our grand kids will have one. Less pleasure, better future. Fly less, avoid instant buys, look for expensive durable local goods you'll pass on to your kids instead of cheap disposable crap from overseas, and be considerate of your cloud requests. Uncool? Read Our Choice and think again.