Michel Pinosa, designer spécialiste du web, nous livre ses réflexions sur la situation du web design. Une mise au point claire et utile pour une plus grande efficacité entre les designers et les donneurs d’ordre.
Quelques années après la création de cette discipline nouvelle du design, il était bon de donner la parole à un professionnel pour un état des lieux.
admirabletea-boutique.com : là où sont les meilleurs thés du monde
Depuis sa récente création, le Web Design a paré à l’urgence.
Communiquer, produire, informer, fédérer, prendre des parts de marché, tout
ceci à la vitesse grand « W » (web)
Intranet, extranet, blog, web 2, bientôt web 3, CMS, les qualificatifs ne
cessent de pousser, privilégiant souvent l’aspect technique et marketing sur
l’ergonomie, et le réel besoin du client.
Nous avons avec mon ami programmeur Patrick Nakach, pris le temps de la
réflexion, pour essayer de mettre en place une vision rafraîchie, en tenant
compte des avances techniques, et des besoins du plus grand nombre.
velib.com : pour trouver les bornes libres près de chez soi
RAPIDE ETAT DES LIEU DU WEB DESIGN
Le design doit entre autre faire face à des impératifs contradictoires.
Mettre en valeur des contenus de plus en plus riches (images, vidéo, …)
Simplifier la navigation (limiter le nombre de clicks pour atteindre une
page)
Offrir des outils d’interactions avec l’internaute et les réseaux sociaux
Mettre en avant des liens vers des pages importantes.
Ne pas changer trop vite les habitudes du visiteur
De plus le design doit tenir compte du support :
Vieilles configuration (Ecrans de 800×600)
Ecrans de salons
Ecrans réduits de Smart Phones
Il en résulte des sites encombrés de :
Bandeaux, encarts pub, menus divers, bas de pages, retours vers le haut de
page, vignettes à cliquer…
Le précieux contenu essaie d’émerger de tout cela.
operade paris.fr pour acheter ses billets sans faire la queue
FONCTIONS DEMANDEES A UN SITE
Les fonctions communes, demandées à un site par la majorité des clients sont
:
=> Fonctions premières
La possibilité par le client de pouvoir mettre à jour lui même ses info, ses
média, sans logiciel installé sur son ordinateur et sans toucher au code.
Comme on le fait avec un blog.
De pouvoir rajouter et supprimer lui même des parties de menu et des
articles.
Ce sont les fameux CMS (content manager system)
Un bon référencement naturel sur les moteurs de recherche.
Une home page représentative de l’activité, sans être trop chargée
La possibilité de faire des recherches sur le site grâce à :
Une recherche par mots
Une recherche par mots clefs
Un espace réservé à des adhérents.
La gestion de formulaires
Une Newsletter.
=> Nouvelles fonctions demandées depuis peu :
Un accès graphique pour les smart phones
Outils de communautés (face book, twitter etc…)
store.apple.com : entrez dans l’univers blanc de la marque à la pomme
VERS OU ALLER
Le confort de lecture voudrait que le contenu prenne toute sa place dans la
fenêtre du navigateur, sans pour autant utiliser des solution propriétaires
telles que « Flash ».
Ce même confort ordonne de limiter le nombre de clics, et de favoriser les
ouvertures au survol.
La logique voudrait qu’aujourd’hui les menus soient à droite, près de
l’ascenseur de la page, pour éviter les va et vient.
Qu’ils suivent également les mouvements d’ascenseur de la page.
L’arrivée récente des Iphone, Smart phones, Ipad et autres, tends à
généraliser l’utilisation d’icônes de navigation qui devraient
trouver une norme naturellement, identifiable par tous, et par toutes les
cultures informatisées.
Enfin, (vieux débat) il serait bon que tous les navigateurs suivent les
normes de langage, afin que les sites fonctionnent de la même façon quel que
soit le navigateur.
voyages-sncf.com pour réserver son Tgv à n’importe quelle heure du jour et de la nuit
DU MIEUX A VENIR COTE CODE
l’arrivée du HTML 5.
Il permet entre autre de :
Mieux structurer les pages par l’ajout de balises ayant un sens. Par
exemple la balise
signale le bloc de navigation du site, les
balises
et
contiennent le contenu
principal de la page.
Manipuler des dessins vectoriels
D’afficher des vidéos sans player
Et bien plus…
Associé à l’Ajax, il augure un web propre, open source, plus rapide, et
signifiant aux moteurs de recherche
LIENS UTILES :
Un exemple de site avec menu graphique à droite flottant, laissant de la
place au contenu.
[->html, php, ajax] . Pas un gramme de flash.
[->http://clotildetoussaint.com/]
A propos du HTML 5
En anglais
[->http://html5gallery.com/]
Quelques sites de veille :
En français
[->http://www.pompage.net/]
[->http://openweb.eu.org/]
En anglais
[->http://www.alistapart.com/]
[->http://www.smashingmagazine.com/]
