public marks

PUBLIC MARKS with tags webdesign & ui

July 2012

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

by sbrothier
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.

Creative UI Design Examples for Great UX | Awwwards

by sbrothier & 1 other
UX (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 others
Adaptive 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 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.

Ajout du bouton +1 à votre site - API du bouton +1 - Google Code

by sbrothier & 1 other
Le 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 sbrothier
Defuse 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 topdos
Brand 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 other
Recently 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.

PUBLIC TAGS related to tag webdesign

awesome +   browser +   button +   buttons +   color +   css +   css3 +   design +   development +   forms +   howto +   html +   interface +   rgba +   tips +   transparency +   tutorial +   web +   xhtml +   zurb +