Articles pour le mot-clé ‘design’


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

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!

  • Twitter
  • Facebook
Tara O'Doherty

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!

  • Twitter
  • Facebook

Yesterday was Word Usability Day and this year theme is designing for a sustainable world, which focuses on how our products and services impact our world.

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/

  • Twitter
  • Facebook

It can be overwhelming to understand the production environment of websites, front-end developers, back-end developers, integration, programmings, what’s that? As client, you may be happy to understand a little bit more about the structure behind it.

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.

  • Twitter
  • Facebook

Minimalisme = expertise

28 septembre 2009 | par Sébastien Guy

StreamTheWorldDans la dernière décennie le design web a connu toute une évolution, je serais même tenté de parler de révolution. ,  En rétrospective, au tournant de l’année 2000 lorsqu’un client  voulait un site web, une image claire se dessinait dans sa tête : un site dynamique, chargé de couleurs et d’ornements de toutes sortes, du clinquant donc.  Bien que ce dernier avait rarement une idée claire de ses besoins réels,  une chose était par contre beaucoup plus précise: il voulait attirer les regards par des couleurs vives et  pétillantes, des boutons d’applications prédominants  et ce au détriment de l’accessibilité. La phrase qui revenait souvent était : Fais-moi un site Jazzé…

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

  • Twitter
  • Facebook