public marks

PUBLIC MARKS from sbrothier with tag interface

2016

Visual Design - Apple TV Human Interface Guidelines - Apple Developer

Apple TV apps are fully immersive apps with unique design and user experience considerations. These principles help you design an app that reflects your brand and intentions while making a personal connection with people.

tvOS (Apple TV) UI Kit Sketch freebie - Download free resource for Sketch - Sketch App Sources

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:

2015

Characteristics of a well designed user interface

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

2014

5 | 5 Things UX And UI Designers Could Learn From Wes Anderson | Co.Design | business + design

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 Is About To Take Over Your Whole Life, And You Won't Even Notice | Co.Design | business + design

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

Introducing image grids — The Story — Medium

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.

Read Time and You — The Story — Medium

(via)
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.

'Pinch' connects multiple smartphones and tablets together to make a display | The Verge

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.

Style Tiles

by 1 other (via)
Style Tiles are a design deliverable consisting of fonts, colors and interface elements that communicate the essence of a visual brand for the web. They help form a common visual language between the designers and the stakeholders and provide a catalyst for discussions around the preferences and goals of the client.

New York Times : les 8 leçons du mémo sévère sur le numérique | Medialand

Selon l'éditeur du site d'information économique Quartz, cité dans le rapport, il vaudrait mieux "chercher à rassembler des outils qui permettent de créer des Snow Falls tous les jours". Sont cités en exemple les quizz de Buzzfeed, format récurrent très viral quitte à devenir trop systématique.

This is what comes after search - Quartz

Search is, in essence, a command-line interface for the web. Command-line interfaces are what came before the “graphical user interface” popularized by the Macintosh and Microsoft Windows, and they’re popular among the engineers who actually build the web. So it’s no surprise that the world’s first universal interface for the web was, after all, simply a box into which you type some text, and can even append operators like “site:cnn.com” or “filetype:pdf.”

capptivate

by 1 other
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.

by alice lee | carousel

(via)
Carousel is the new gallery from Dropbox that helps you organize, share, and save your photos and videos with friends and family (remember having to individually send every photo in a set over iMessage? Yeah, no more!). It’s an app that holds your photos and videos, and therefore your memories - and its story needs to do it justice.

Unnumbered Sparks

An interactive community artwork by Janet Echelman & Aaron Koblin

Hold the hamburger | Isotoma Blog

I’ve noticed a worrying trend in web navigation lately. More and more websites are hiding their navigation – at desktop resolutions – under a single button, often the 3-bar “hamburger” icon.

2013

GoodUI

A Good User Interface has high conversion rates and is easy to use. In other words, it's nice to both the business side as well as the people using it. Here is a running list of practical ideas to try out. You've read all tips. Sign up for updates.

Pyrolia-Who We are

Pyrolia is an independent multimedia studio. We bring together the best talents and innovators from book publishing, film, music, graphic production, special-effects, interface design and software development to create truly immersive digital experiences that we initiate, conceive, produce and publish. Founded in 2011 by Charles-Evrard Tchekhoff, Pyrolia is backed by high profile individuals from media, banking and entrepreneurial backgrounds.

iOS 7 Wireframe Kit by @bperdue

(via)
Born out of my own need for a good way to rapidly wireframe in Illustrator, this kit contains the most common UI elements in iOS 7 Beta 3. If you spot something I missed, fork it or shoot me a note.

The Wi-Fi in your home can track your moves like Xbox Kinect - NBC News.com

(via)
Want to switch off the living room lights from bed, change channels while washing dishes, or turn the heat up from the couch? A team at the University of Washington has rigged a standard Wi-Fi home network to detect your movements anywhere in the home and convert them into commands to control connected devices.

POP - Prototyping on Paper | iPhone App Prototyping Made Easy

by 4 others
Creating wireframes on your favorite notebook. Take your time and sketch your interface carefully. Pen & paper are the best tools. Complicated software only gets in the way.

2012

Upian strikes back: Alma is out | i-docs

by 2 others
I have felt as if someone had slapped me, and I wondered if it was necessary. I had doubts about such a hard impact style and about its possible migrations towards voyeurism. But now that I have finished watching I have the feeling it was tough, but at the same time subtle, respectful and loving. Upian has not used me for a sensational story. It has brought the story to me and allowed me to face reality by designing an environment that felt right for such eye opening. This is what I call a mature project: where strength, message, design, interface and media merge together to become immersive, informational and meaningful. I have been slapped, but I would do it again and it was worth it.

Learning to Love Humans: Emotional Interface Design // Speaker Deck

Humans, though cute and cuddly, are not without their flaws, which makes it a challenge to design for them. By understanding how the wet, mushy processor works in these hairy little devils, you can design interfaces and web experiences that will have them hopelessly devoted to your brand. Aarron will introduce you to the emotional usability principle—a design axiom that identifies a strong connection between human emotion and perceived usability.

Modern Pictograms - The Design Office

by 1 other
Modern Pictograms is a typeface for interface designers and programmers. Designed in early 2011 for the Flatfile Wordpress theme, the pictograms stay sharp when used large or small. Install the OpenType file for Photoshop mockups and drop in the @font-face code into your CSS to embed them right in your Web page. Designed to work on web sites at sizes down to 18 pixels, but best at higher than 24 pixels.

2011

Like Button - Développeurs Facebook

by 1 other
The Like button lets a user share your content with friends on Facebook. When the user clicks the Like button on your site, a story appears in the user's friends' News Feed with a link back to your website.