Après un travail de plusieurs jours, la V2 du site viens d'être dévoilé. Elle possède surement quelques petits bug qu'il faudra réparé mais elle a le mérite d'en réparer d'autres. Les précédents billets sur ce blog prévenait qu'un changement majeur allait être effectué, mais celui-ci est venu plus rapidement que prévu.

Menu latéral gauche

Pas la peine de trop s'attarder sur le design, il a été présenté précédemment et tous les visiteurs peuvent le voir directement (ce qui est plus pratique que de le décrire avec des mots). Il y a malgré tout quelques petits changements autre que le design. Tout d'abord une bonne nouvelle avec un menu latéral gauche épuré. On y retrouve un lien vers la page présentant la liste des articles. De plus la publicité à été déplacée dans une nouvelle barre latérale droite pour évité les confusions et réellement mettre en avant le menu de navigation.

Forum

Courant avril, j'annoncais à travers un billet sur ce blog, intitulé "Quelques nouveautés", que le forum était placé sur un sous-domaine. Cela comporte quelques petits avantages, malheureusement un bug inattendu à eu raison de cette solution. Pour les connaisseurs de PHP, il s'agit de la variable de Session qui ne fonctionne pas en principe sur un sous-domaine. Même avec une adaptation du code, le problème à persisté.

En conséquent, le forum retourne a son ancienne place à l'adresse suivante: http://www.infowebmaster.fr/forum/

Mot de la fin

N'hésitez pas à donner votre avis sur ce renouveau du site. Bonne fin de journée à tous.

Suite au précédent billet présentant le design de la future version du site, c'est cette fois-ci le logo qui a été retravaillé. Une première version avait déjà été réalisée, mais grâce au commentaire de Maigret (blogueur sur Protuts.net), j'ai pris conscience que le logo qui était envisagé fait une rupture trop radicale avec l'ancien logo. Un travail a été effectué dans le but d'améliorer ce défaut majeur. Si la rupute est trop importante, les 30% de visiteurs qui ont l'habitude de revenir sur le site ne reconnaitrons plus du tout celui-ci et ce sera presque comme un départ à zéro pour les reconquérir.

Pour rappel le logo de la v1 (visible ci-dessous) est dans les teintes vertes, alors que le vert évoque plutôt la nature et la vie végétale. En conséquent, utiliser une telle couleur est plutôt destiné aux sites à thématique nature, voyage et découverte. Le nouveau logo doit à tout prix changé de couleurs pour être plus proche du reste du design v2.

Logo v1 du site InfoWebMaster

La capture d'écran ci-après présente quelques versions possibles du futur logo. Le premier de la liste était l'idée originel, mais comme il est possible de le constater il y a presque aucun point commun avec le logo de la V1, les visiteurs risquent véritablement de ne pas reconnaitre le site.

Différentes version du logo v2

Les versions 2, 3 et 4 ressemblent trop au numéro que l'ont vois affiché sur les maillots de football américain. C'est finalement le dernier logo de la liste qui sera (surement) choisit. J'aime bien l'idée du point d'interrogation, ça fait un élément visuel qui attire un peu plus le regard du visiteur et ce même point d'exclamation sera utilisé pour réaliser le favicon.

Bien entendu tout ceci peu encore changé selon la qualité des feedbacks que vous pouvez communiquer via les commentaires de ce billet.

Depuis quelque jour un travail conséquent est en cours pour créer une nouvelle version de ce site. C'est en quelques sortes une V2 qui se prépare. Bien que les principaux menus restent à leurs places et que le contenu va avoir à peu près la même forme, c'est tout de même un grand changement en perspective.

Nouveau design

Le design du site a été pensé pour mettre en avant l'information. Pour réussi ce paris, plusieurs éléments d'ergonomie web ont été pris en compte. Parmi les plus importants il faut souligner que le contenu a été rehaussé un petit peu dans le but d'améliorer la zone avant le pli (avant qu'il soit nécessaire de scroller la page pour voir le reste du contenu). De plus, les couleurs ont elles aussi été prise en compte, car elles ont une importance pour la thématique d'un site. Pour en savoir plus sur le sujet, la lecture d'un très bon tutorial sur le webdesign sur le site "Comment Ça marche" est de vigueur.

Aperçu du nouveau design d'InfoWebMaster

A noter que le cadre rouge dans l'entête du site sera une publicité et le cadre gris à droite sera soit une publicité soit des éléments liés à la page en cours. Pour le moment il vaut mieux en resté là car ce design peut changer, rien n'est réellement définit à 100%.

Détails sur ce changement

Logo

Le logo a été revu pour améliorer l'idée d'utiliser trois lettres pour faire une sorte d'acronyme sur le nom du site "IWM" pour "InfoWebMaster". De plus, ce titre évoque l'information et le webmastering, par conséquent le logo doit souligner l'un ou l'autre de ces points. Sachant que sur le web les informations importantes sont souvent misent en avant dans une boite de texte avec un point d'exclamation, il me semble judicieux d'incorporer cette idée dans le logo.

Autres informations

Mis à part tout ceci, il faut noter que le site va être un peu amélioré en interne pour que le code source soit un peu plus professionnel. Ce type de changement ne se vois pas pour le visiteur, mais croyez-moi ce sera un grand plus pour moi et ça demande un peu de temps à faire tous ces changements.

Donnez votre avis

J'espère réellement qu'un tel design va plaire. N'hésitez pas à donner votre avis si vous en avez-un. Les feedback sont toujours les bienvenus pour savoir si l'ont fonce tête baissé droit dans le mur où s'il y a du potentiel.

Le blog viens de se vêtir d'un tout nouveau design, très similaire au site InfoWebMaster. Cela le rend surement plus agréable à l'œil mais il est surtout beaucoup plus intégré a l'ensemble: site InfoWebMaster, Forum InfoWebMaster et Blog InfoWebMaster. Ce petit changement va être détaillé dans cet article.

L'idée

Il y a assez longtemps, lorsque le blog d'InfoWebMaster a été lancé, il n'était pas encore prévu qu'il prenne de l'importance. Au fil du temps il s'est révélé assez pratique pour révéler aux visiteurs l'actualité du site et occasionnellement présenter un article sur un sujet d'une thématique commune à InfoWebMaster.
A cause de l'importance grandissante de ce blog, le sentiment de séparation entre "le site" et "le blog" était assez grand. La principale cause (d'après moi) c'était le design et la difficulté de navigation entre ces deux éléments.

Pour remédier au problème l'idée consistait alors à faire d'une pierre deux coups en changeant un peu le site. Pour bien faire, deux étapes ont été nécessaire:

• Modifier le design du blog pour reprendre les couleurs et la structure d'InfoWebMaster. Cela permet d'améliorer l'identité visuelle pour les visiteurs.
• Ajouter un menu de navigation, très facile d'accès, qui permet de naviguer entre les principaux éléments qui compose InfoWebMaster (site, forum, blog).

Menu du haut

Il a été assez facile de mettre en place le menu vertical. Celui-ci semble apprécié des visiteurs et il permet de re-mettre en avant le forum (trop peu utilisé à mon goût). Voici l'aperçu de cet élément de navigation:

Menu haut d'InfoWebMaster

Sachant qu'en occident, on écrit de gauche à droite et de haut en bas, l'oeil humain se pose tout naturellement sur le coin en haut à gauche d'un site internet lors d'une première visite. Ce menu est ainsi, idéalement placé pour que n'importe quel visiteur puisse le voir et l'utiliser.

Il faut noter qu'auparavant le lien vers le forum était placé sur la barre horizontale qui se situe en dessous de la bannière. En ce qui concerne le lien vers le blog, c'était pire, il était situé sur le menu de gauche sous la publicité. Les visiteurs était obligé de descendre sur la page pour découvrir le lien.

Design du blog

Le design de ce blog a posé quelques soucis. Certains visiteurs qui ont été voir le blog ces derniers jours ont probablement été surpris de voir un design tout casé. C'est malheureusement de ma faute, il y a eu quelques problèmes non prévu. Mais cela semble rentré dans l'ordre.

Conclusion

J'espère que ce nouvel habillage va plaire. Si vous le souhaitez, il vous ai possible de donner un avis, n'hésitez pas. Et je finirais ces lignes en m'excusant encore une fois pour les petits problèmes rencontré ces derniers jours.

Petite news peu commune pour vous présenter une nouveauté sur le design d'InfoWebMaster. Rien de bien exceptionnel, mais je vais vous montrer la différence (idéal pour ceux qui ne distinguent pas les nouveautés ou ceux qui découvre le site que maintenant).

Présentation

Il y a quelques jours à peine InfoWebMaster fêtait son premier anniversaire. Depuis près d'un de présence sur l'internet il n'a pas beaucoup changé son design. L'une des premières raisons c'est que ce n'était pas extrèmement nécessaire. Une autre raison c'est que je ne suis pas un as pour créer de jolie design agréable à l'oeil. Néanmoins, dans le but d'améliorer le confort de lecture des visiteurs et dans l'espoir de suivre mes propres conseils (dans le dossier "faire un site efficace", voir la news nommé "penser au design"), un nouveau design a fait son apparition.

Cette news va simplement vous montrer la différence entre l'ancien et le nouveau.
(Lire la suite…)