Benjamin - Développeur Web STONEPOWER

Pierre - Intégrateur Web STONEPOWER

STONEPOWER : Selon vous, pourquoi le consortium W3C est encore peu utilisée dans le monde ?
Benjamin : Car c’est tout de même « contraignant » puisqu’il faut s’imposer de respecter des standards, notamment pour une meilleure accessibilité sur le site Internet (pour les mal voyants, etc…). Beaucoup de web agencies « pondent » des sites à la chaine et font au plus vite, sans forcément se soucier de cette population. D’autres part, personnellement je trouve que cela apporte une meilleure lisibilité dans le code source des pages HTML, c’est plus clair, et donc c’est plus simple de faire des mises à jour quand le travail a été bien fait à la base. Ceci est valable aussi pour tout autre langage de programmation, même si le HTML n’en est pas vraiment un, ni le CSS. Il faut aussi noter que respecter les normes W3C, c’est quasi s’assurer que tous les navigateurs se comporteront de la même façon dans l’interprétation du code source du site. Je dis quasi parce que Internet Explorer est encore en retard sur ce terrain là, même si sa version 9 prochainement disponible semble avoir intégrée cette problématique correctement, enfin !
Pierre : Lorsqu’on fait du HTML, le code fait partie du web mais rien n’est ajouté en plus pour l’agrémenter. Et pourtant! Si chacun avait créé son propre langage, le web serait une confusion sans aucune comparaison possible. Le W3C, c’est se mettre sur une racine commune, accessible par tous. C’est fédérateur, c’est montrer du respect au langage web. Ne pas se conformer à ces normes, c’est complexifier la navigation. Heureusement, les passionnés et les professionnels du web l’enrichissent continuellement.  Je pense sincèrement que beaucoup de personnes s’y intéressent et se normalisent au fur et à mesure. Tout ça, c’est aussi grâce au web 2.0, qui a apporté énormément de choses positives au W3C : bonnes pratiques, le « mieux coder », communautés de passionnés du web…

STONEPOWER : pourquoi préconiser ces normes à nos clients ?
Pierre : les normes W3C, c’est un peu une norme ISO du web. Chaque codeur, chaque professionnel, chaque utilisateur fait un travail unique et différent, mais nous parlons désormais tous le même langage. C’est le web mondial. Pour moi, utiliser les normes W3C, c’est aussi permettre au web de rester pérenne. Et une meilleure sécurité pour nos clients. Concernant l’adaptabilité d’un site aux normes W3C, il faut souligner la vigueur des normes d’accessibilité. Les handicaps sont pris en compte par une cellule du W3C, le WCAG : affichage, plug-ins, désactivations des balises, taille du texte… Un vrai système modulable d’ergonomie qui permet aux non-voyants et aux mal-voyants de profiter pleinement des ressources du web. Le site est lisible par le plus grand nombre. Le W3C évolue. Le HTML5 va aider dans sa mise à niveau, et tout va repartir du bon pied. Je trouve cela positif. Les navigateurs sont beaucoup plus impliqués qu’autrefois. Des aides se mettent en place, avec de la sensibilisation grand public, comme le projet Opquast.

STONEPOWER :  que pouvez-vous dire concernant l’engagement de STONEPOWER en ce qui concerne les normes W3C ?
Benjamin : STONEPOWER met tout en œuvre pour respecter ces normes, grâce notamment au travail de Pierre qui est vraiment sensible à cette problématique.

© STONEPOWER Agence Digitale (Laetitia) pour La Blogule de STONEPOWER - Agence Digitale Marseille, 2010. | Lien vers l'article | STONEPOWER

 » Mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. » – Tim Berners-Lee

Lorsqu’on parle des normes W3C, il s’agit en réalité d’un consortium (World Wide Web Consortium) qui regroupe les entreprises qui produisent ou utilisent des logiciels liés au Web. On y trouve en particulier Microsoft, AOL, Adobe, Sun, IBM et bien d’autres. Leur vocation est de produire, avec les entreprises y participant, des normes techniques par consensus des participants. C’est ainsi que HTML 4.01, XHTML et CSS ont été définis.

Un peu d’histoire…

La première proposition de WWW a été soumise au CERN par Tim Berners-Lee en 1989, puis affinée par lui-même et Robert Cailliau en 1990.

Le premier serveur web aux Etats-Unis fut mis en ligne en décembre 1991, là aussi dans un institut de recherche pure : le Centre de l’accélérateur linéaire de Stanford (SLAC), en Californie.
Après l’apparition des navigateurs disponibles sous Windows et sous Mac, la Communauté européenne approuva son premier projet Web (WISE) à la fin de l’année 1993. Le CERN étant l’un des partenaires.

Fin 1993, il y avait plus de 500 serveurs Web connus, et le WWW représentait 1% du trafic Internet, ce qui semblait beaucoup à cette époque !
Fin 1994, le Web comptait 10 000 serveurs, dont 2000 à usage commercial, et 10 millions d’utilisateurs.

Pour que le Web reste un standard ouvert utilisable par tous, dont personne ne puisse devenir propriétaire, le CERN soumit un projet à la Commission de l’Union Européenne. L’aboutissement du projet fut un Consortium International, en collaboration avec l’Institut de technologie du Massachusetts (MIT), que Tim Berners-Lee contribua à mettre en place. Le Web constituant une activité hors de la mission première du Laboratoire, un nouveau siège était nécessaire pour le développer. La Commission Européenne se tourna alors vers l’Institut National de la Recherche en Informatique et en Automatique (INRIA) francais, pour prendre le relais.

En janvier 1995, le Consortium international World Wide Web (W3C) fut fondé « pour amener le World Wide Web au maximum de son potentiel en développant des protocoles communs qui encouragent son évolution et assurent son utilisation génerale. »

Tim Berners-Lee en est toujours le directeur.

Les normes W3C à l’heure actuelle

Aujourd’hui, un site normé W3C respecte tous les standards, il est visible par tous les navigateurs modernes, sans exception.

Les pages qui respectent les standards du Web s’affichent de 30 à 80% plus vite que celles réalisées par les techniques des années 90. Ainsi, l’on gagne du temps, donc on travaille mieux.

On fait également le choix d’un navigateur plus efficace, plus confortable et plus sûr que celui imposé lors de l’acquisition du matériel.
L’accessibilité est simplifiée : version du site compatible avec des navigateurs de génération future, diminution de la bande passante, du temps de téléchargement, optimisation des feuilles CSS, du chargements des pages, réduction des coûts de maintenance, simplification du HTML, modifications plus accessibles… Un travail facilité pour les développeurs web!

L’utilisation des standards du Web permet également la composition de sites beaucoup plus compréhensibles pour les personnes handicapées (aveugles, malvoyants, handicapés moteur…). Celles-ci peuvent ainsi bénéficier des services du Web (acheter, s’informer…) sans avoir à se déplacer pour le faire.

Les usagers des navigateurs modernes profitent également de tous les avantages apportés par ces derniers tels que le confort, la sécurité et les améliorations permanentes.

Malheureusement, seulement 4,13 % des sites web se conforment aux standards du World Wide Web Consortium (W3C), selon une étude à grande échelle réalisée par le producteur de navigateurs web Opera auprès de 3,5 millions d’URL.
Plus étonnant encore, seule la moitié de tous les sites web qui se targuent d’être en conformité avec les normes W3C, le sont effectivement (encore).

Chez STONEPOWER, les normes World Wide Web Consortium sont un fait établi : nos développeurs et intégrateurs ne travaillent qu’en lien avec ces normes, afin de favoriser l’accès optimal au site par nos clients.

Pour vous prouver toute notre bonne foi, nous avons interviewé Pierre et Benjamin, Intégrateur et Développeur Web de STONEPOWER, à ce sujet… A très vite pour le compte rendu de cette interview !

Source : CERN , norme-w3C.com

© STONEPOWER Agence Digitale (Laetitia) pour La Blogule de STONEPOWER - Agence Digitale Marseille, 2010. | Lien vers l'article | STONEPOWER

Certains développeurs estiment en effet, qu’ils perdent 30% de leur temps à palier à la non-intégration de certaines techniques du web par Internet Explorer 6 alors que les navigateurs récents leur permettraient de faire des choses plus avancées encore.

Par exemple, IE6 ne permet pas une bonne gestion des images en transparence en ne supportant pas le format PNG. Devoir contourner ce problème fait perdre beaucoup de temps et d’énergie aux développeurs qui sont alors obligés d’y trouver des astuces et des palliatifs.

Et pourtant… En avril 2010, IE 6 est 4^ème dans le classement européen de l’utilisation des navigateurs par version, avec 8,27% de PDM sur le marché total. Les leaders restent IE8, Firefox 3.6 et IE7.

(source : http://pauldesigns.co.uk/me/?p=157)

Microsoft Australie lance alors une campagne choc pour encourager les utilisateurs d’Internet Explorer  6 à passer à la version 8 de son navigateur Internet… « Vous ne boiriez pas un lait vieux de 9 ans ? Alors pourquoi utilisez-vous encore un navigateur Internet vieux de 9 ans ?! »…

Microsoft Australie compare ainsi IE6 à du lait qui aurait tourné », chose relativement peu flatteuse.

Et si les utilisateurs connaissent quelqu’un qui boit du lait de neuf ans d’âge, ils sont invités à leur adresser un e-mail via un formulaire.

Toutes ces raisons font que l’agence STONEPOWER a décidé de ne plus supporter IE6, afin de favoriser les nouvelles techniques de développement, les standards du web qui évoluent toujours plus rapidement et la sécurité optimale proposée à nos clients.

STONEPOWER vous préconise l’utilisation de Firefox 3.6 ou de Chrome afin de vous garantir le meilleur du web.

NOS SOURCES :

http://www.pcinpact.com/actu/news/55203-google-docs-sites-arret-support-ie6-vieux-navigateurs.htm

http://www.crunchgear.com/2010/01/19/use-internet-explorer-says-microsoft-but-stop-using-ie6/

http://www.lefigaro.fr/web/2010/01/18/01022-20100118ARTFIG00674-paris-et-berlin-deconseillent-internet-explorer-.php

http://www.end6.org/eng/source/

http://deathtoie6.com/

http://www.ie6death.com/

http://iedeathmarch.org/

http://ie6funeral.com/

http://www.alsacreations.com/article/lire/81-transparence-png-ie6.html

http://www.microsoft.com/australia/technet/ie8milk/

© STONEPOWER Agence Digitale (Laetitia) pour La Blogule de STONEPOWER - Agence Digitale Marseille, 2010. | Lien vers l'article | STONEPOWER

Il en est de même pour STONEPOWER, qui cesse désormais le développement sous IE6.

La raison principale ?

Attardons-nous sur le fait que ce navigateur sorti en 2001 par Microsoft ne respecte plus les standards actuels du Web (consortium W3C), et  oblige les concepteurs de site web à passer d’innombrables heures à corriger les bugs d’affichage de IE6.

Mais encore et surtout, la découverte de failles si grandes et si conséquentes qu’elles seraient à l’origine de la cyber attaque d’origine chinoise sur Google et des militants des droits de l’Homme en décembre 2009.

Très rapidement, le 18 janvier 2010, Le Centre d’Expertise de Réponse et de traitement des attaques informatiques du gouvernement français (CERTA)  et le BSI (German Federal Office for Information Security)  recommandent aux internautes d’utiliser un logiciel de navigation autre qu’Internet Explorer 6 afin de pallier aux risques critiques de faille. (plus d’informations ici.)

Microsoft  admet alors que le problème provenait essentiellement des failles d’IE 6 ; la compagnie a donc dû rapidement faire face et préconiser l’utilisation d’une version supérieure (comme IE8), en la décrivant comme beaucoup plus sécurisée.

Ce fut le branle-bas de combat : de nombreuses campagnes anti-IE6 fleurissent et s’ouvrent enfin aux yeux du monde…

Comment le géant Microsoft a t’il pu se défendre ou même suivre de près le mouvement ?

Quels sont les arguments dont disposent les développeurs et les anti-IE6 ? De quelles manières ont-ils pu mobiliser les internautes et comment les ont-ils ralliés à leur cause ?

La suite au prochain épisode…

© STONEPOWER Agence Digitale (Laetitia) pour La Blogule de STONEPOWER - Agence Digitale Marseille, 2010. | Lien vers l'article | STONEPOWER

© STONEPOWER Agence Digitale (lcollin) pour La Blogule de STONEPOWER - Agence Digitale Marseille, 2010. | Lien vers l'article | STONEPOWER

A video made in stopmotion for competition AdobeYouGC.
The simulation of a tutorial which shows how to make the lovely butter cookies with the new Adobe Photoshop Cook!
Whole set was made with cardboard and with kitchen utensils.

© STONEPOWER Agence Digitale (lcollin) pour La Blogule de STONEPOWER - Agence Digitale Marseille, 2010. | Lien vers l'article | STONEPOWER

Je veux créer un site Web tout de suite !

Ca y’est, vous avez décidé de faire créer votre site internet, et le temps est venu de passer aux choses concrètes.

Vous allez probablement devoir faire appel à plusieurs types de compétences pour le réaliser : en l’occurrence, un webdesigner pour le graphisme du site, et un ou plusieurs développeurs pour la
réalisation technique, personnes auxquels il faudra expliquer ce que vous vous attendez d’eux.

Mais comment décrire précisément ce que l’on veut obtenir, alors que bien souvent à ce stade du projet, on ne le sait pas soi-même ?
Au delà de ce problème existentiel (que nous allons résoudre), c’est déjà une partie du succès de votre projet internet qui se joue dans cette phase de préparation.

En effet, la mauvaise conception d’un site d’e-commerce peut avoir des conséquences catastrophiques sur votre future activité : les visiteurs ont du mal trouver le chemin pour acheter vos articles, ou le design de votre site, aussi beau soit-il, n’est pas cohérent avec les repères de la cible que vous essayez de toucher.

Résultat : vous avez peu de clients, et votre investissement part en fumée au fil des jours.

Heureusement, il y a 2 documents essentiels et complémentaires à rédiger pour mettre toutes les chances de votre côté dès la conception du site : le brief créatif et le wireframe.

Rédiger un bon brief créatif pour son site Internet

L’objectif du brief créatif est de permettre au webdesigner de cerner l’univers graphique de référence dans lequel votre futur site doit évoluer.

En effet, il existe des codes graphiques particuliers selon la cible à laquelle on fait référence, et ne pas les respecter pourrait compromettre votre identification sur le segment de marché que vous visez.

Par exemple, si vous vendez des voyages de luxe et que votre site donne l’impression d’être chez Partirparcher.com (couleurs criardes, petits visuels, prix en gros, information tassée, …) vos visiteurs ne se donneront même pas la peine d’explorer votre site car ils ne retrouveront pas leur valeurs au premier coup d’oeil.

L’univers graphique du luxe, ce sont souvent des couleurs sobres, des typographies élégantes, des visuels de qualité qui occupent un large place dans la page, une mise en page aéré, et des prix discrets.

Voici un modèle pour vous permettre de vous poser les bonnes questions, et maximiser les chances d’obtenir un résultat conforme à ce que vous espérez, mais aussi pour permettre au Webdesigner de mieux comprendre votre projet, et de gagner du temps dans sa création.

1. Définition du projet

1.1. Le concept
• Expliquer brièvement l’idée.
• A quels besoins répond ce site Internet ?
• Quels sont les points forts du projet ?
1.2. Identité visuelle
• Quel est le nom du site?
• Existe t-il déjà un logo ? S’il faut en créer un, le préciser.
• Quel est la baseline du projet (le slogan) ?
1.3. Quel est le positionnement image / le positionnement prix que vous souhaitez donner ?
• Est-ce que vous proposez un produit haut de gamme, ou plutôt pour des personnes ayant des contraintes de budget ?
• Voulez-vous véhiculer à travers votre site une image « d’artisan » ou d’une structure à échelle humaine pour jouer la carte de la proximité avec votre cible, ou plutôt l’image d’une « grosse machine » pour rassurer, se positionner en leader ?

2. Le marché

2.1. Dans quel secteur professionnel allez-vous évoluer ?
- Dans la grande consommation, le BTP, la mode, l’information, la protection de l’environnement,
les loisirs cré atifs ou la high tech ?
- En B2C ou en B2B ?
2.2. A qui s’adresse t-on ?
• Définir la ou les cibles le plus précisément possible.
• Quel est leur contexte personnel et professionnel, leurs centres d’intérêt, leurs préoccupations, leurs valeurs ? Par exemple : CSP+, urbain, plus de 30 ans, jeune père de famille, propriétaire de son appartement, aimant tel ou tel loisir, sensible aux problématiques d’environnement, etc). S’il y a plusieurs cibles, mettez l’accent sur la cible principale, celle qui représentera votre plus gros potentiel de trafic.
• Pourquoi ont-ils besoin de ces produits, de ce service ?
2.3. Qui sont les concurrents ?
Cette partie est particulièrement importante car elle permet de donner des repères concrets de ce qui se fait déjà en matière de site internet dans votre domaine, de voir les bonnes pratiques et celles à éviter.
• Nommer les concurrents et les classer s’il y en a plusieurs types + donner l’URL de leur site internet.
• Que proposent-ils ?
• Quelles sont les différences avec votre projet ?
• Y a t-il des choses qui vous plaisent dans le design de leur site, ou au niveau des fonctionnalités qu’ils proposent ?
• Qu’est-ce qui ne vous plait pas chez eux ?

3. Le site

3.1. Que doivent se dire les internautes quand ils arrivent sur le site (par la page d’accueil ou par une autre) ?
• Tiens, enfin un site qui se démarque des autres du genre !
• Quel est ce superbe produit ? Il me le faut absolument !
• Ce site inspire confiance. Il a l’air d’être un bon endroit pour acheter le produit que je veux / utiliser le service que je recherche.
• Ce site à l’air actif. Je vais peut-être pouvoir trouver ce que je cherche plus rapidement qu’ailleurs ?
• Il y a l’air d’avoir du monde ici !! J’aimerai bien rejoindre cette communauté.
• Etc…
3.2. Que doivent avoir envie de faire les internautes une fois sur le site ?
• Lancer une recherche pour trouver le produit de leur rêve ?
• S’inscrire pour devenir membre de la communauté ?
• Acheter un produit en particulier ?
• Donner leur avis ?
• Parler du site autours d’eux ?
• Etc…
3.3. Quels sont les valeurs / les notions à transmettre ?
• Quelles valeurs souhaitez-vous transmettre ou partager avec votre cible à travers le site ? Par exemple, la confiance, l’expertise, la proximité, des valeurs communautaires, de partage, le plaisir, … ?
3.4. Quels sont les principales fonctionnalités / rubriques du site ?
Il faut décrire le plus précisément possible le contenu des rubriques et les sous rubriques du site. De même pour les fonctionnalités, si vous souhaitez qu’un menu s’ouvre d’une certaine manière, ou qu’une
information soit mise en valeur de manière plus importante, vous pouvez le dire. La clarté de vos explications permettra de bien comprendre l’ergonomie générale qui va structurer la navigation dans le site.
I déalement, il faudra fournir une arborescence (schéma d’articulation des rubriques entre elles), et ce que l’on appelle en conception de site Internet un Wireframe (ou storyboard).
C’est une représentation simplifiée du site Internet qui permet de comprendre d’un coup d’oeil la structure de chaque page car tous les types de contenu et les textes y sont symboliquement représentés, ainsi que leur emplacement dans la page. Nous allons voir en détail ce document très important dans la deuxième partie.
3.5. Quels sont vos sites de référence et ceux que vous n’aimez pas ?
Enfin, il est important de prendre en compte vos goûts personnels car vous devez être fier de votre futur site et vous l’approprier. Cela ne veut pas dire que le webdesigner prendra en compte tous vos souhaits, mais si vos goûts sont raccords avec ce qu’il comptait faire, ça sera un bon point en plus.
• De manière générale, quels sont les sites que vous appréciez au niveau graphique ?
• Idem au niveau des fonctionnalités ?
• Même question sur les sites qui ne vous plaisent pas. Vous avez surement dû en voir quelques uns
au cours de votre étude de la concurrence, donc n’hésitez à vous en resservir.

4. Le travail demandé

4.1. Le travail demandé
Dans un premier temps, demandez la réalisation de 2 ou 3 pistes graphiques de la page d’accueil, afin que vous ayez le choix.
Demander ensuite la déclinaison de la charte graphique validée sur les principaux gabarits du site (cf wireframe fourni avec le brief).
Si vous n’avez pas de logo, c’est le moment de le dire !
4.2. Liste des livrables et format
Les livrables sont les éléments que vous allez récupérer de la part du Webdesigner. Il faut donc être le plus précis possible sur ce point car cela défini le travail qu’il doit accomplir dans le cadre de votre projet.
Les livrables sont les pages qu’il doit créer, et livrer à l’intégrateur (celui qui va développer la partie visible de votre site).
• Page d’accueil
• Page moteur de recherche
• Page type d’une fiche produit
• Page type d’un profil membre
• Page d’explication du concept du site
• Etc…
Tous les éléments sont à fournir au format JPEG, et les sources en PSD (Adobe Photoshop) ou AI (Adobe Illustrator).
Si le Webdesigner et le Développeur sont la même personne, la démarche est simplifiée car il sait ce qu’il doit faire pour réaliser votre site en intégralité.
4.3 Budget et délais
Faut-il donner son budget ? Grand débat en perspective… La plupart diront que si vous indiquez votre budget, les prestataires essayeront automatiquement de coller à la limite haute, de manière justifiée au pas. C’est globalement vrai, mais personnellement, je pense que si vous avez une contrainte financière forte, mieux vaut être franc et la donner, car seuls les plus motivés par votre projet feront un effort. Par contre, spécifiez bien que vous consultez plusieurs prestataires, ce qui permettra d’avoir des prix réalistes de la part de chacun.

Précisez pour quelle date vous aimeriez que le site soit fini afin que le Webdesigner puisse estimer le temps qu’il va pouvoir consacrer à votre projet.
Passons maintenant au wireframe. Le webdesigner va oeuvrer pour la création d’une superbe charte graphique, mais ce n’est pas son rôle d’imaginer ce qu’il faut mettre dans chaque page de votre site. Ce travail vous reviendra peut-être, et c’est probablement l’un des plus difficile si vous n’avez jamais conçu de site internet auparavant.

Cette phase de conception est à mon avis l’une des plus importante pour s’assurer du bon déroulement de son projet internet. La réalisation de wireframes du site (ou storyboard de l’interface) va permettre de matérialiser concrètement, et dans le moindre détail, ce que va contenir votre futur site.

Comment bien concevoir l’interface de son site internet ?

1. Qu’est-ce que qu’un wireframe ?

Le wireframe est la représentation schématique de l’interface d’un site internet et permet de définir
• sa structure globale,
• l’articulation entre chaque rubriques, ou chaque page,
• les contenus de tout type (textes, titres, images, vidéos document à télécharger) et leur emplacement dans les pages,
• l’ergonomie de chaque page.
L’objectif de ce document est donc de préparer la phase de création graphique et le développement technique du front-office.
Le wireframe d’un site peut être simple, comme dans l’exemple ci-dessous.

C’est un empilement de blocs respectant la même structure à quelques détails près.

Et le blog définitif, une fois que le graphisme a été “posé” sur le wireframe.

Autre exemple d’un site plus complexe avec le wireframe de la page d’accueil de Yahoo.fr. L’exercice est difficile car la page contient beaucoup d’information à hiérarchiser, et il faut que les fonctions essentielles soient immédiatement visibles.

Ici, l’accent a été mis sur le moteur de recherche (en haut), sur le menu de navigation vertical (à gauche) et sur l’actualité (en haut de la colonne centrale). La visibilité de la publicité est aussi un point important car c’est une source de revenu pour Yahoo. Le traitement graphique qui interviendra ensuite devra renforcer de cette grille de lecture.

Et la version originale :

2. Quels sont les avantages du wireframe dans le process de conception et de production d’un site internet ?
Plus le site est important en terme de contenu et de fonctionnalités, et plus la réalisation du wireframe devient un exercice nécessaire.
Dans le cas d’un site d’e-commerce, le wireframe permet de s’assurer que chaque page est bien optimisée pour permettre un achat facile (boutons d’achat placés aux endroits stratégiques, lien vers formulaire de contact ou numéro de téléphone bien visible, fiche produit bien organisé et lisible, …) et donc espérer avoir un site rentable.

Cela prend du temps avant d’arriver à un résultat optimal, mais c’est un document dont vous ne pouvez pas faire l’économie si vous voulez être sûr que vote site internet sera bien conçu.
Les avantages de ce document sont suffisamment nombreux pour prendre le temps de bien le faire.

Pour vous :
• le wireframe va permettre de vous poser une multitude de questions au fur et à mesure que vous réfléchirez à ce que doit contenir chaque page de votre site. Vous prendrez sûrement conscience
que la conception d’un site d’e-commerce par exemple nécessite des bonnes connaissances en conception et en ergonomie, et peut justifier l’accompagnement d’un expert.
• Enfin, cela vous permet d’avoir un document de référence pour bien piloter vos prestataires (graphisme et développement), faire la recette de votre site, et garantir le résultat final.
Pour le webdesigner :
• Il visualise exactement ce qu’il doit mettre dans chaque page et comprend immédiatement les éléments qu’il doit mettre en valeur, et ceux qui sont secondaires. Il peut donc travailler plus
efficacement, plus rapidement, et vous faites des économies sur sa prestation si vous externalisez la création graphique. C’est aussi valable pour le développement.
Pour les développeurs / intégrateurs :
• Ils visualisent immédiatement le fonctionnement des outils qu’ils doivent développer, et cela permet de gagner un temps non négligeable en explications, surtout quand on est pas développeur
soi même.
Pour les deux :
• Comme ils travaillent sur la même base documentaire, cela permet de garantir qu’ils sont bien sur le même niveau de compréhension de ce que vous voulez obtenir, et seront mieux coordonnées entre eux. Là encore, gain de temps et d’efficacité important.
3. Qui réalise le wireframe ?
Généralement, le wireframe est conçu par un expert en conception de site internet qui maitrise les aspects graphiques, ergonomiques, éditoriaux et techniques d’un site.
La solution la plus confortable (mais aussi la plus chère) est de confier ce travail une agence web. La conception sera alors prise en charge par un chef de projet senior, ou un consultant ergonome qui modélisera votre site sur la base de vos explications et de leur expérience.
Aussi efficace (et moins onéreuse) est la solution du consultant indépendant qui se chargera de toute la conception. Vous pourrez ensuite aller voir qui vous souhaitez avec vos wireframes sous le bras pour la suite de votre projet, des freelances ou une agence web.
Dernière option, le faire soit même avec des outils prévus pour ça, mais si vous vous lancez dans un projet  d’e-commerce sans aucune expérience en la matière, il sera souhaitable d’avoir des avis externes de professionnels avant de lancer la phase de création et de développement du site pour vous sécuriser sur le résultat final.
4. Quels outils utiliser pour concevoir un wireframe ?
Il existe de nombreux outils en ligne ou à télécharger mais la majorité est en anglais uniquement. Vous pouvez retrouver le Top 7 des meilleurs outils de wireframing d’après le blog CMSWire, ou un Top 20 d’après Garmahis.com.

© STONEPOWER Agence Digitale (lcollin) pour La Blogule de STONEPOWER - Agence Digitale Marseille, 2009. | Lien vers l'article | STONEPOWER

Journal d’Internet : quand est né STONEPOWER et pourquoi ce nom qui rappelle le statique à l’opposé de l’animé qui préfigure le monde de l’Internet ?
Laurent Collin : STONEPOWER a été créé il y’a un peu plus d’un an. « Le pouvoir de la Pierre », ce qui nous enseigne qu’il y’a de l’énergie dans toute chose inerte et une fois que nous en sommes persuadé, il faut parvenir à la canaliser afin d’obtenir un résultat.

« Stone » représente la réflexion, l’observation, la veille, tandis que « Power » évoque l’action. Nous cherchions à ce moment un nom qui marque le contraste entre des technologies qui évoluent très vite et des chefs d’entreprise qui ne sont pas toujours prêts à entendre un langage de « technicologues ». Ce sont, pour nous, les racines du futur : on s’appuie sur l’expérience du passé pour envisager, penser, construire l’avenir.

Les NTIC sont avant tout des médias à la portée de tous. Ils ne doivent pas rester la propriété d’élus, mais se démocratiser au plus vite.

STONEPOWER présente toujours à ses clients des solutions média et marketing répondant aux objectifs commerciaux que s’est fixée l’entreprise, même la plus modeste.
La consonnance anglo-saxonne est volontaire dans notre démarche internationale.

Journal d’Internet : Qui compose l’équipe de STONEPOWER ?
L.C : Les créateurs de STONEPOWER sont des spécialistes du marketing, de la communication publicitaire, et de l’ingénierie informatique. Nous venons tous d’horizons professionnels différents mais complémentaires. C’est cette complémentarité qui fait notre richesse car elle nous permet à tout moment d’être réactif, de tenir à nos clients un discours cohérent et surtout adapté à leurs véritables besoins.

JDI : Quelles perspectives d’avenir envisagez-vous ?
L.C : Les entreprises sont conscientes que leur avenir dépend de la fidélisation de leur clientèle. Fidéliser représente dès aujourd’hui un enjeu considérable pour ces entreprises.
Il existe aujourd’hui des méthodes, des outils et des stratégies à mettre en place pour travailler sur le long terme avec ses clients.
STONEPOWER a été créé dans cet esprit en se positionnant dès le départ dans le secteur du marketing-relationnel, un passage inévitable pour les entreprises soucieuses de leur avenir et de leur marché.

JDI : Quelle est la situation du marché dans la région toulonnaise ?
L.C : Toulon et sa région sont certes un lieu privilégié tant par le climat que par l’environnement. Je regrette surtout que la synergie entre les différents acteurs économiques ne soit que superficielle. Les engagements sont difficilement tenus et rien n’indique que cela va changer avant quelques années. Mais nous ne pouvons plus attendre.
Profitant d’une opportunité de locaux disponibles, plus grands et surtout plus adaptés aux technologies numériques (une connexion par satellite est prévue), nous envisageons de nous délocaliser sur le centre de la Région Paca et participer à la création d’un Centre d’Affaires, où la Synergie sera le véritable « CREDO ».
Cette situation stratégique nous mettra aussi à une demi heure de Marseille et de Nice.
Mais nos futurs clients sont sûrement au-delà. D’ores et déjà, nous travaillons avec les Antilles, la Tunisie et la Belgique.

François Michel

© STONEPOWER Agence Digitale (asourcival) pour La Blogule de STONEPOWER - Agence Digitale Marseille, 2000. | Lien vers l'article | STONEPOWER