PUBLIC MARKS from sbrothier with tag ui

WebVTT is associated with subtitling HTML5 video, but the spec contains many additional features that aren’t related to dialogue. One of the most useful of these is the ability to read and link to video cue points. Creating WebVTT chapter tracks deepens viewer’s engagement with more informative content, while adding invaluable accessibility and UI features. Best of all, they’re easy to create.

Web push notifications are the best thing to hit the web since the hyperlink! No kidding, this technology is going to be huge. Until recently web developers could only dream of push enabled web apps.

Messaging isn’t about text. It’s about conversations. Here’s why the simplest apps on your phone are quickly becoming the most powerful.

My phone buzzed. I was somewhere in Iceland. More than ten miles from my car and any other human being. Holding a phone with a dying battery. I turned it on to check Google Maps.

Conversation is such a great way of achieving clarity of thought, even if you’re just talking to yourself.

A free UI Kit / starter kit for tvOS design following Apple's Human Interface Guidelines. You'll need San Fransisco, Apple's font of choice for everything on the Apple TV:

Considerations and thoughts on designing for the 10-foot UI experience

We know design is important in today’s uber tech world; but it still happens, in many teams design thinking ends up at a stand still once the deliverables are passed down the chain to marketing or development.

Framer is a new creative tool to build interaction and animation prototypes.

"Designing a good user interface is like tightrope walking: it's all about finding the right balance."

With the right team working with your business, truly extraordinary things can happen, whether it’s helping a domestic airline fly internationally or a major research hospital innovate new ways to combat diseases. From advisory services to assurance, PwC gets the extraordinary done.

In 2003–2004, I worked for the TILE project, a university research program in accessibility of “learning objects” in education that was funded by Industry Canada. My topic was “best practices in online captioning,” about which little has been written. I was hoping to have a few demonstration projects to show you, but then again, demonstration projects are pretty much all we've got in online captioning. I did write the following chapters.

Les référentiels d’accessibilité indiquent que les sous-titres synchronisés sont des éléments nécessaires à l’accessibilité des vidéos. Ce besoin concerne notamment les personnes en situation de déficience auditive, mais également les personnes ne maîtrisant pas la langue du contenu, ou ayant généralement une compréhension améliorée du contenu vidéo lorsqu’il est sous-titré.

Luke Wroblewski went on a pretty great twitter tear debunking the persistent myth of "the fold" in contemporary (read: multi-device) web design. For posterity, here are all of the tweets including links to the sources.

Nike and AKQA built this ultra-flashy LED basketball court with motion sensors that track players' movements. It's called the "House of Mamba", named after Kobe Bryant, and it is the future.

Director Wes Anderson has always been distinguished for his visual artistry, detail-rich sets, and storybook-like imagery. From the whimsical, campy feel of Moonrise Kingdom to the carefully crafted sets and miniatures in The Grand Budapest Hotel, Anderson’s movies are visual masterpieces.

GOOGLE'S NEW DESIGN ETHOS, LIVING ON AND BEYOND EVERY SCREEN, COULD MAKE GOOGLE AN AMORPHOUS PROBLEM SOLVER OF UNIMAGINABLE SCALE.

When you click the “image” tool during the drafting of your story, try selecting multiple picture files from the pop-up window. Then, watch how Medium automatically lays them into a grid, depending on the number of images you selected. You can also click any individual image to see it bigger.

Eons ago, a couple of Medium engineers got fed up. They were sick of having to scroll all the way down the page to see how long a story was. It was wearing out their trackpad, it was making their fingers sore, and they figured there must be a better way. So they sat down and devised a simple formula, and the Medium read time was born.

Not content with synchronizing your phones to make one giant speaker? Researchers at the Tokyo University of Technology have developed "Pinch," an interface that lets you connect multiple devices together to form a giant disjointed display. Although the technology behind the interface remains a mystery — described only as a Wi-Fi based system — a video posted by DigInfo TV shows Pinch in action. To connect two devices, a user simply needs to pinch two adjacent screens together. The screens can be linked together in whatever alignment you choose, as the position and screen size of each display is communicated on a successful pinch. It's not the first time developers have managed to link together multiple smartphone displays, but this is definitely the slickest interface we've seen.

The hamburger icon is a classic. Even if you don't know it by that name, its three black bars are as familiar as your mouse's cursor—a constant companion on your cyber journey since the day you got your first computer. But who designed this icon?

That little three-lined button is the devil. Whether you call it a side menu, navigation drawer, or a hamburger, hiding your features off-screen behind a nondescript icon in the corner is usually a poor mobile design choice. Interaction theory, A/B tests, and the evolution of some of the top apps in the world all support the same thesis: The hamburger button is bad for engagement, and you should probably replace it with a tab bar or other navigation scheme.

How do you speak to a group of extremely passionate people? What kind of design would speak to them? When Joshua Topolsky approached us about creating three different layouts in the style of three mobile UI’s we were initially torn. Something about mimicking the UI of phones didn’t feel original. But more importantly, it presented a problem of presentation. There was an inherent a UX problem to solve: do you offer presentation options or do you trick the user? We decided to troll.

Back in June of 2013, I launched Capptivate.co: a kinetic pattern library that captures and preserves delightful iOS animations. For an overview of the thinking behind the site, how to use it, and info about the tools I used to build it, read this post.

I have been a motion designer at ustwo since 2007 and this "Blog" is a chance for me to share my views on all things motion in and around the world of interaction and mobile interface design.