Après avoir parlé de la nouvelle app Twitter pour iPhone, Van a partagé http://www.macstories.net/reviews/review-twitter-4-0-for-iphone/

Yannick aime le mobile et sait qu’on ne réinventera pas tout: http://www.uxbooth.com/blog/mobile-design-patters/

Predicting the future of computing, partagé par Goulven

Seb nous a fais halluciné avec Plink, une expérimentation musicale sur Chrome

Jeff quant à lui a apprécié cet article, Apple Never Designed the iPad – They Undesigned it

Great Agile workspace, partagé par Jo

Alphonse aime le nouveau Delicious

« The kid on my desktop is not me« , it’s his kid : http://www.flickr.com/photos/toyokazu

Et on termine la semaine en vidéo. Jo et Goulven partagent Tim Malbon et son Abécédaire des métaphores du web, présenté à Metaphwoar! 2011

Cloud computing means we can access to information, services, digital tools, and media from anywhere.

Multi-platform computing means we have vast and enormous interface choices, with greater flexibility and immediacy than ever before.

But for those who are multi-platform, multi-cloud users, the experience has become cumbersome. We access services through the Web, Mobile, Tablets, Connected TV etc. and most of the time, each device requires a different login. Once into our devices, web sites and social media sites they each request their own login. Share a video? Log into YouTube, then Twitter, then Skype, then connected TV and so on.

Some companies are doing it right – integrating multi-platform access in an organic way, and teaming up with other services for a better user experience. Take Evernote, offering consumers a multi-platform « notebook » to retain, organize and share all types of digital information from multiple services and devices and with one login everywhere. Then there’s Netflix, which allows you to watch and share from virtually any platform. One login gets you into both services.
XboxLive from Microsoft and Google + also give you everything they have to offer with a single login.

We need to give users this experience across the board. I don’t believe customers should be required to access each service separately. It should be possible to create your own login ecosystem – an SSO (single-sign-on) that takes you straight into a secure, personalized cloud experience.

As developers for the web, we must continue to carefully analyze how online services and platforms interact. At the end of the day, we have to be sure that user-friendliness remains at the top of our list of objectives. As the future adds Apps, software, tools, platforms, devices and technology, it also adds more clutter and confusion.

Think good user-centric design. Lets give users a smooth ride as they travel to our clouds.

Anastasia Simitsis, directrice expérience utilisateur, et Mike De Luca, directeur design d’affaires chez w.illi.am/ ont partagé dans leur présentation au RDV WEB, leur réflexion et la méthode de travail qu’ils ont mise en place au sein de leurs départements: le design et l’expérience utilisateur.

Voici le support de leur présentation et la vidéo de la conférence : Expérience utilisateur, créativité et design

Partie 1

Partie 2

Une petite animation 3D amusante sur les besoins d’ergonomie sur un poste de travail (physique et interface)

Un petit hommage à Jacques Tati en vidéo donnant une définition de l’ergonomie (1985 – Cité des Sciences)

La vidéo d’une conférence dans le cadre de Paris Web 2009 abordant la notion d’acceptabilité et qui prône le travail pluridisciplinaire dans la conception web (un ergonome – Gautier Barrère et une développeur – Alain Vagne)

Le slide share d’une présentation de Matthieu Mingasson dans le cadre de Paris Web 2010 sur la méthodologie du Design d’expérience utilisateur. Une jolie présentation qui permet de fixer les idées.

Anastasia participe à la Journée Mondiale de l’Utilisabilité qui aura lieu le 11 novembre en partageant sa passion pour son métier :

• Quel est ton parcours professionnel?
• Quel est ton rôle chez w.illi.am/?
• Qu’est-ce que l’Expérience Utilisateur?
• Quelles sont les tendances actuelles dans le domaine?
• Suggestions de lectures

Bon visionnement!

Caméra pour interface de téléphone cellulaire

Dans la troisième partie de son exposé, Tara O’Doherty, Vice-présidente, Planification stratégique et expérience utilisateur chez w.illi.am/ au bureau de Toronto, présente les outils utilisés aujourd’hui dans les recherches appliquées à l’expérience utilisateur. En comparant les méthodes actuelles avec celles de 2007, elle rappelle l’importance de toujours placer les utilisateurs au centre de toute démarche.

The Good, The Bad and The Embarrassing, Keynote Part 3/ Tara O’Doherty
(Contenu en anglais)

Bon visionnement et à la semaine prochaine pour la suite!

Tara O'Doherty

Pour la suite de son exposé sur l’expérience utilisateur, Tara O’Doherty, Vice-présidente, Planification stratégique et expérience utilisateur chez w.illi.am/ au bureau de Toronto, explique l’importance d’adapter un produit à l’utilisation particulière de chacun.

Elle démontre ici que ce but n’est atteignable qu’en effectuant des recherches auprès des utilisateurs et que chaque plateforme (téléphone cellulaire, télévision, site Web, etc.) doit être optimisée pour faciliter la navigation de chaque type d’utilisateur. De plus, il est primordial d’intégrer le fruit de ces recherches aux différentes étapes de réalisation d’un produit (design, conception, programmation, etc.).

 The Good, The Bad and The Embarrassing, Keynote Part 2/ Tara O\’Doherty
(Contenu en anglais)

Bon visionnement et à la semaine prochaine pour la suite!

Main considerations of sustainable design are :

• Economic – design to match user’s needs and abilities increases the use, efficiency and satisfaction of products & services, thus reducing the need to spend $$ to change them;
• Social – create products and services which are better for the health and wellbeing of their users, including users with disabilities;
• Environmental – encourage all those involved in design to consider the longer-term implications of their product & services for their users and therefore for the environment.

Watch the following short video to get an example how a design can positively influence people in doing something good for their health!

Piano Staircase on YouTube

Learn more : www.worldusabilityday.org/

So you are happy of your new design, what is next?

You just approved the design of your next website, you are happy with what has been done so far. What’s next? well a pretty long process. Upon approbation of the design, front-end developers take these designs and translate it to HTML. This means that your design is taken, decorticated and translated to a programming language. This might look like a simple task, but on the contrary, you need excellent front-end developers to translate your design perfectly.

How Complex?

To translate your design we use 2 languages, HTML and CSS. HTML is the foundation of your website, and CSS is what styles all your website, adds colors and images. It is not all, unfortunately the implementation between browsers (Firefox, Internet Explorer and etc) of those 2 languages differs a bit, it creates the complex task of testing your website to all current browsers to be sure the integration is spot on. The front-end developer needs to be aware of the dependencies of every browsers and be able to turn around problem that could arise.

Front-end developer also optimizes your website the be the fastest possible, trying to use the fastest structure possible and optimizing your design without losing picture quality. This is what we call website integration.

A back-end developer develops features

When those templates are finished, generally a small round table is planned with designers in case front-end developers forgot some styling. When designers are happy with the templates, it’s ready to get implemented in your content management system.

It is the back-end developer’s job to develop all the features you need to be able to manage your website yourself. Like changing the text in a section for example. This is where front-end developers and back-end developers work together to integrate your design with all the website features you need.

Every web creation company should take great pride of doing spot on integration of website design with content management, and we, at w.illi.am/ sure do.

Avec  l’arrivée des sites sociaux (Web 2.0) et du multiplateforme les designers  web ont dû entièrement revoir et repenser leurs méthodes de création . Le designer doit maintenant composer avec  un très  grand nombre de paramètres  avant de commencer l’aspect créatif et de design.   Le designer web doit connaître le persona, l’ergonomie tout en pensant à le rendre fonctionnel de façon à atteindre l’objectif d’affaires du client.

En ces temps de récession économique,   le courant dit minimaliste, semble prendre du gallon. Alliant simplicité, épuration et efficacité, le minimalisme permet d’optimiser un site web, formule gagnante qui évoque  classe, nature  et élégance.  Dans la mouvance du courant minimaliste, un site web devient de plus en plus une application web et le design se positionne  alors principalement dans des endroits ciblés tel queles  backgrounds et les diffuseurs (player?). On épure le plus possible pour un maximum d’efficacité.  Ce concept permet de rehausser le contenu et d’ajouter de l’émotion de manière à faire passer le courant entre le message et l’utilisateur. Exit les textes condensés dans un coin  et des vidéos microscopiques……

Prenons par  exemple des sites sociaux tel que Facebook et Twitter, tous les outils y sont mis à la disposition des utilisateurs pour mettre de l’avant le contenu et de faciliter la distribution de leurs messages. Tout l’aspect relationnel  et communicationnel  est exploité. Avec ce look applicatif, Facebook et Twitter ont   réussi s à se démarquer avec un design qui leur est propre. Avec la couleur dans le cas de Facebook et le petit oiseau  pour Twitter ces deux géants ont su se doter de caractères  tout à fait uniques et distinctifs. Du minimalisme à l’état pur.

Les bienfaits du minimalisme sur un site web sont nombreux et non sans conséquence ; les pages web apparaissent plus rapidement et sans problème, l’utilisateur  navigue facilement à travers les pages , le message  transmis est clair et sans ambiguité. Étant donné que les sites minimalistes ressemblent de plus en plus à  des applications,  les éléments d’entrée  (formulaires) sont plus facilement identifiables et les boutons sont aisément reconnaissables. Les applications interactives sont sobres tout en étant rafraichissantes, elles sont là pour donner un peu de vie au site  sans toutefois devenir un élément perturbateur au message et au contenu.

Un bon exemple de minimalisme bien appliqué : le site de Streamtheworld (StreamTheWorld.com).  La bande bleue avec le petit texte blanc accroche l’œil de l’utilisateur et donne envie d’en savoir et d’en voir plus. La typographie du texte établit un lien avec le logo de StreamTheWorld et la couleur bleue est en lien direct avec le produit de l’entreprise ( le Streaming son et vidéo)

Mon opinion est que  le minimalisme est là pour rester et qu’il ne s’agit pas d’une mode passagère.  Pour apprécier le minimalisme à son meilleur, je vous laisse quelques liens qui vous permettrons de voir par vous-même ce style épuré mais de  grande efficacité. Le design web n’a pas finis de surprendre  c’est la solution par excellence des compagnies qui veulent se démarquer par leur pésence web et en ce sens c’est pourquoi mon prochain texte saura vous accrocher et vous aidera à transposer vos objectifs d’affaires en design… Donc, passionné de l’art, je vous dis à plus tard.

Pour le plaisir de vos yeux :

Artiste
Donald Judd
http://en.wikipedia.org/wiki/Donald_Judd

Robert Morris
http://en.wikipedia.org/wiki/Robert_Morris_(artist)

Carl Andre
http://www.haberarts.com/andre.htm

Site corporatif
reinvigorate
http://www.reinvigorate.net/

Streamtheworld
http://www.streamtheworld.com

Aigany
http://www.aigany.org/

vlourenco
http://www.vlourenco.com/

Site

kontain
http://www.kontain.com

lastfm
http://www.lastfm.fr/

Youtube
http://www.youtube.com

skype.com
http://www.skype.com

fox
http://www.fox.com

Site sociaux

delicious.com
http://delicious.com/

Twitter
www.twitter.com

Facebook.com
www.facebook.com