Focus on the Experience

6 Oct 2011 by céline

One of my slides in progress for the ParisWeb conference…

Cours #5 : Qu’est-ce qu’un wireframe et pourquoi?

6 Oct 2011 by céline

En l’honneur de Steve Jobs, quelques citations inspirantes:

“Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it’s really how it works. The design of the Mac wasn’t what it looked like, although that was part of it. Primarily, it was how it worked. To design something really well, you have to get it. You have to really grok what it’s all about. It takes a passionate commitment to really thoroughly understand something, chew it up, not just quickly swallow it. Most people don’t take the time to do that.

“Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn’t really do it, they just saw something. It seemed obvious to them after a while. That’s because they were able to connect experiences they’ve had and synthesize new things. And the reason they were able to do that was that they’ve had more experiences or they have thought more about their experiences than other people.

“Unfortunately, that’s too rare a commodity. A lot of people in our industry haven’t had very diverse experiences. So they don’t have enough dots to connect, and they end up with very linear solutions without a broad perspective on the problem. The broader one’s understanding of the human experience, the better design we will have. [Wired, February 1996]

Cours #3 : Inventaire de contenu, tri de carte, et arborescence

29 Sep 2011 by céline

Voici le résumé du cours #3 en Design d’intéraction donné le 27 septembre au Collège Salette à Montréal.

Première partie: Collaboration & inventaire de contenu

Pendant ce cours nous avons dans un premier temps, collaboré sur Google Docs en faisant tous ensemble l’inventaire de contenu de la Maison Corbeil. Cet exercice nous a permit de prendre conscience des différentes sections du site, de leur contenu, ainsi que des répétitions ou manques dans l’arborescence.

Deuxième partie: Tri de carte

En deuxième temps, nous avons effectué un atelier en classe de tri de carte.

Sur le tableau nous avons débuté une ré-organisation des grands contenus du site. Cela nous a permit de commencer à conceptualiser l’arborescence.

Troisième partie: Arborescence (navigation principale)

En utilisant Omnigraffle (pour la premier fois pour la classe) nous avons commencé à construire l’arborescence principale. Celle-ci s’adresse à 80% des utilisateurs, elle doit donc être bien organisée permettant d’accéder facilement aux différentes sections du site. Tel que démontré lors du cours #2 la semaine passée, l’arborescence principale sert de porte d’entrée sur les différentes sections et offre la possibilité d’approfondir la découverte avec l’organisation des sous-menus (ou navigation secondaire).

Quatrième partie: Pied de page

Nous avons rapidement survolé les normes et standards à respecter lors de la création du pied de page.
Un pied de page, ou footer en anglais (utilisé plus fréquemment dans l’industrie), est une navigation se trouvant très souvent au pied de la page Web. Cette navigation s’adresse à 20% des utilisateurs et leur sert de portes d’entrées vers d’autres partie du site lorsqu’ils sont entrain de naviguer aisément le contenu.
Les utilisateurs naviguent. C’est un fait. En anglais on aurait dit: Users scroll.
Donc une fois qu’ils sont rendu en bas de page, et qu’ils ne trouvent aucun autre moyen de continuer à parcourir l’information de votre site, ils quittent. C’est un fait. Les cul-de-sac sont à éviter sur le Web. Ils sont chiants.

Les pieds de page doivent être conceptualisé de façon à ce que la navigation continue de se faire de façon transparente. Cela ne veut pas dire qu’il faut systématiquement répéter les éléments de navigation principaux, ou qu’il faut mettre un glossaire complet du site, ou encore de s’assurer d’avoir un lien vers le dit “sitemap” comme dans l’ancien temps. Non. Il suffit de conceptualiser selon les objectifs suivants:

1. Objectif de l’utilisateur (Quels sont les outils essentiels à l’utilisateur? Quels pourraient être le comportement de l’utilisateur en bas de page, selon le contenu du site?)

2. Objectif de la marque (Quels sont les moyens de communication de la marque ou du produit? Comment continuer la conversation avec leurs utilisateurs?)

3. Objectif d’affaire (Quels sont les objectifs d’affaire de ce produit ou de cette marque? Quelle est leur stratégie d’optimisation de la participation de leurs audiences?)

Selon les objectifs, le pied de page se construit. Il faut donc poser ou se poser beaucoup de questions. Nous allons corriger ensemble au prochain cours les arborescences principales, secondaire et du pied de page. Selon le brief du client, nous allons peut-être devoir développer un “network hat” si le client désire avoir une boutique en ligne.

Le “network hat” est la navigation personnalisée de l’utilisateur. En général elle se trouve en haut de la navigation principale et englobe les actions portées au compte personnel de l’utilisateur, soit son compte, ses favoris, ou son panier d’achat. Nous allons voir plus en profondeur au prochain cours.

Bonne semaine!

a Neutrino

23 Sep 2011 by céline

I imagined the neutrino, after reading about its discovery today, and how the scientists were all surprised, it made me smile to picture the scientists actually surprised by the mystery of nature and the universe. I had an image in my head and quickly wanted to digitalize it, so I looked for ready-made vector art that is free, and found it!

So this can mean that time travel will be possible, I hope I live to see this. And this means all sorts of science fiction theories to be valid. But mostly, what disconcerns all the comfortable thinkers, is that it second questions a century of scientific theories, and makes Einstein not so right after all.

How amazing to be able to visualize speed, and the fastest than light element. Who knows if there are elements we will be able to experiment that are even faster! This makes me smile. I am happy we discover new things all the time, and that the things we discover open new doors, and second question all that we have “validated” in the past.

Its very healthy for a society in a way, forces people to understand that the absolute truth is very very subjective, and that they need to chill out on what they think they know, or control. Control is an illusion after all…

Design d’intéraction, cours #2

20 Sep 2011 by céline

Voici le second cours donné aujoud’hui au Collège Salette

Bonne référence : Jared M. Spool, The Unintuitive Nature of Creating Intuitive Designs

OMG WTF LOL

19 Sep 2011 by céline

New piece.

Stayed home in Montreal while the CC Global Summit in Warsaw was happening… Feel sad to have missed my friends, so I decided to make something to compensate the fact that I wasn’t there when I should have been. Oh well… Montreal in September is the best month of the year. Its sunny and a cold but mostly warm in the sun, and the light is magnificent.

Walked around in the neighborhood and found these letters.

Premier cours : design d’intéraction

14 Sep 2011 by céline

Introduction à la philosophie du design centré sur l’humain.

Ce cours a été donné au Collège Salette à Montréal, le 13 septembre 2011.