public marks

PUBLIC MARKS from sbrothier with tags ui & mobile

2014

'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.

Kill The Hamburger Button | TechCrunch

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.

Web design as troll: how The Verge Fanboys piece taunted the internet | Vox Product Blog

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.

Motion Ui Design Principles — Beyond Kinetic

This blog is a quick look at some simple Ui motion design principles.  There isn’t too much documented about this area of mobile ui design and I thought there would be some value in expressing my views.   From what is documented already I urge anyone interested in ui motion to check out Pasquale D’Silva http://psql.me/ and Johannes Tonollo’s meaningful transitions http://www.ui-transitions.com/#home.  

2013

How the Float Label Pattern Started

I first had the idea for a new input pattern back in August. The idea was simple enough - animate placeholder text to show an icon beside the input so you don't lose your context. I've been doing 99% mobile work for the past 2 years and little things like this can really add up. I wanted a solution that saved space, looked clean and clear, but didn't forego usability.

2008

AVE!Comics, la bande dessinée numérique sur iPod, iPhone, téléphone portable ou ordinateur

A mi-chemin entre la bande dessinée papier et le film d’animation, la solution Ave!Comics donne une nouvelle dimension à la lecture de bandes dessinées numériques sur ordinateurs, iPods ou télephones portables. Consultation, achat, échange et lecture nomade ne sont que quelques-uns des aspects d’une plateforme révolutionnaire dévoilée en janvier 2009 à l’occasion du Festival International de la Bande Dessinée d’Angoulême.