background preloader

Emotional Interface Design: The Gateway to Passionate Users

Emotional Interface Design: The Gateway to Passionate Users
We’re changing. Our relationships online and in real life are shifting as we become more public with our private lives. Online social networks have helped our real world social networks transcend time and space making it easy (and seemingly essential) to share the triumphs, tragedies, and trite moments of life. No matter how you feel about the appropriateness of over sharing, the shift towards a public private life is changing our expectations of the relationships we create online. Figure 1: Kenny Meyers uses humor in his portfolio to connect with his audience. Oh how times have changed (figure 1). Usable = Edible We’ve spent the last decade-plus striving to create usable web interfaces. When we go out to dinner at a fancy restaurant, we’re hoping for more than just an edible meal. Why do we settle for usable when we can have usable and pleasurable (figure 2 and 3)? Figure 2: Basecamp is usable Figure 3: Wufoo is usable and pleasurable Hello, Maslow Figure 4: Maslow’s Hierarchy of Needs.

Fashionably flexible website design by Stuff & Nonsense 10 petits conseils pour le Responsive Web Design ! Aujourd’hui, rendre son site internet utilisable à tous ses utilisateurs ressemble parfois à un challenge ! En effet, on trouve tout type d’utilisateurs qui navigueront : sur Chromesur FirefoxSur Internet Explorersur Safarietc.Mais aussi :sur iPhonesur iPhone 5 (pas la même taille)sur Androidsur BlackBerrysur Windows Phoneetc.Mais aussi :sur iPadsur Galaxy tabsur Galaxy Notesur iPad Minisur les tablettes Archossur Kindle FireMais aussi :sur la télévisionsur le frigo connectésur l’Amstrad CPC de mamie zinzin. De nombreux outils, de nombreux supports et des tailles qui ne cessent de changer ! Aujourd’hui, ce sont dix conseils pour le Responsive Web Design que l’agence Splio nous propose : source | source

Media Queries Beyond Media Queries: Anatomy of an Adaptive Web Design I had the fantastic opportunity to speak at An Event Apart Washington DC. Here’s the gist of the talk: Generic trademarks begin their lives defining a specific product or brand, but over time those original meanings erode and they become the generic terms to describe a general product category or actionThe web world is used to these generic terms as well. HTML5 and AJAX before it have come to define all that is new and shiny on the web. The Principles of Adaptive Design What beyond layout do we need to concern ourselves with when crafting multi-device web experiences? Ubiquity The power of the web is its ubiquity. Flexibility Embrace the inherit fluidity of the web.Continue creating flexible interfaces that can adapt to any screen sizeToday’s common breakpoints aren’t tomorrow’s. Performance Enhancement Responsive web design does not equal “one sized fits all”. Future Friendly The key aspect of Future Friendly thinking is to acknowledge and embrace unpredictability. That’s about it.

Le responsive web design : la réponse à tous vos problèmes ? Avec la multiplication des écrans et l’accroissement du nombre de mobinautes, il est désormais quasi indispensable de proposer une version mobile de votre site web. Vous rendre accessible n’importe où, n’importe quand et depuis n’importe quel appareil facilite la vie de « vos » internautes chéris. Si développer une application mobile peut être une option, concevoir un site web en responsive design apparait aussi comme l’une des solutions des plus tendance. En substance, opter pour l’un ou l’autre revient à faire des choix tant en terme de contenu que de conception graphique. Le responsive design sous toutes les coutures D’après notre ami Wikipédia, le responsive web design « regroupe différents principes et technologies qui forment une approche de conception de sites Web dans laquelle un site est conçu pour offrir au visiteur une expérience de consultation optimale facilitant la lecture et la navigation. » Le site du Groupe Istya en Responsive Design Des avantages… Que faire finalement ?

Related: