July 2012
Learning to Love Humans: Emotional Interface Design // Speaker Deck
by sbrothierHumans, 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.
Creative UI Design Examples for Great UX | Awwwards
by sbrothier & 1 otherUX (User Experience) is all those elements and factors related to the user’s interaction with a particular environment or device which generate a positive or negative perception of the product, brand or device. UX is subjective and focused on use. The standard definition of UX is “a person’s perceptions and responses that result from the use or anticipated use of a product, system or service”. These factors are related to design and usability, but also to the emotions and feelings generated in the user, accessibility, brand trust…
December 2011
Adaptive Images in HTML
by sbrothier & 8 othersAdaptive Images detects your visitor's screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page's embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques.
Why? Because your site is being increasingly viewed on smaller, slower, low bandwidth devices. On those devices your desktop-centric images load slowly, cause UI lag, and cost you and your visitors un-necessary bandwidth and money. Adaptive Images fixes that.
November 2011
October 2011
August 2011
June 2011
Like Button - Développeurs Facebook
by sbrothier & 1 otherThe 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.
Ajout du bouton +1 à votre site - API du bouton +1 - Google Code
by sbrothier & 1 otherLe bouton +1 est en fait une manière très simple de dire "ça, c'est génial" ou "vous devriez regarder ça". Il permet aux internautes de recommander vos pages dans les résultats de recherche Google afin que votre site se démarque. En savoir plus sur le bouton +1
May 2011
April 2011
March 2011
Defuse | Fluid Interfaces
by sbrothierDefuse is a new method for navigating and participating in online discussions. Previous designs for online discussion were successful under the assumption that participation would be limited to tens or at most hundreds of participants. Emergent social conventions have been able to smooth over media as they scale, but ultimately they are limited by the design of a medium itself. Defuse seeks to continue scaling online discussions by adding social, structural, and historical context throughout the interface, and by widening the expressivity of a message to match the user's intention. It does so using a combination of natural language processing, machine learning, visualization, data portraiture, social network analysis, and medium design.
February 2011
January 2011
December 2010
November 2010
October 2010
octave & octave
by topdosBrand new site ! Octave & Octave est une web-agency qui conçoit des plateformes de nouvelles générations.
The Old Fashioned » Realigning the new Twitter
by sbrothier & 1 otherRecently Twitter redesigned its web interface. The new panel-esque design really encourages to use the web app instead of having to tweet with desktop clients like Twitterrific or Tweetie. The interactions work as expected, and somewhat remind me of those found on Twitter for iPhone, which makes perfect sense since it’s Twitter’s official iPhone app. Overall: impressive work, and thumbs up.