Tag - conception web

Fil des billets - Fil des commentaires

23 novembre 2009

Accélérer votre codage HTML et CSS avec Zen Coding

Zen Coding est un plugin permettant d'accélérer l'écriture des pages XHTML et des feuilles de style CSS. Ce plug-in est disponible pour les logiciels TextMate, Top Style, Aptana et bien d'autres.

Zen Coding de Sergey Chikuyonok

Autres démonstrations vidéo :

21 octobre 2009

Refonte site Web, le cas Allociné

Quelle stupéfaction j'ai eu lorsque j'ai regardé la refonte du site Allociné. Que dire, mis à part que ce redesign web a été raté.

Refonte d'un site Internet

On doit tenir compte de l'existant et du schéma de navigation (habitude de l'internaute).

Que vient chercher l'internaute sur mon site ?

La date de sortie d'un film, une séance de cinéma dans ma ville, une nouveauté... Du contenu lisible et accessible très rapidement.

Lisibilité du contenu, la taille du texte

On peut se rendre compte que la taille de police de caractères varie de 11px à 8px et  le contraste gris sur fond blanc pour le texte secondaire ne sont pas forcément très lisibles.

Taille de police de caractère Allociné

Par exemple la copie d'écran ci-dessus, montre que les commentaires liés à la fiche du film sont illisibles.

Navigation, les liens

Liens Allociné, 4 styles différents

On essaie au maximum de respecter les couleurs, mais aussi le style de lien (souligné) afin que l'internaute s'y retrouve et ne casse pas ces repères de navigation. On peut constater qu'ils proposent des liens soulignés et non soulignés, ce qui peut tromper l'internaute. Dans le cas d'Allociné 4 types sont disponibles (souligné, non souligné, gras, regular).

Cas d'étude

Je suis un internaute de Nice potentiellement intéressé par la sortie du film 2012 et notamment de sa sortie au cinéma, je suis donc à la recherche des séances disponibles dans ma ville.

Objectif

Chercher une séance de film 2012 dans un cinéma de Nice.

Description expérience utilisateur

Page d'accueil, je ne vois pas de zone lié au séance de film.

Je clique sur le menu déroulant cinéma. Aucun terme se rapportant à séance de cinéma ou séance de cinéma près de chez vous.

Je tape dans le moteur de recherche le mot clé 2012. 2 résultats me sont proposés. Le premier correspondant au film que je recherche, je clique pour y accéder. La fiche du film apparait, sa description, mais J'ai du mal à localiser la navigation secondaire qui se trouve en bas à gauche, et dans laquelle se trouve un lien séances.

Je clique sur séances.

Le moteur de recherche apparait, je tape Nice puis je clique sur le bouton rechercher. Aucune séance de cinéma à Nice n'est disponible (aucun message d'avertissement) et je n’ai que les résultats des Bouches-du-Rhône au lieu de me proposer les cinémas de Nice ainsi que les séances films disponibles dans ceux-ci.

Résultat de recherche, étude de cas sur mot clé Nice

Concrètement, j'abandonnerais ma recherche à la localisation de la navigation, comme certains utilisateurs me l'ont signalé.

Amélioration expérience utilisateur

Amélioration ergonomie résultat de recherche Allociné

Une idée, pourquoi lorsque l'on trouve aucun résultat pour une séance de film on ne l'indique pas à l'internaute. Exemple de conversion d'utilisateur : Nous sommes désolés, mais ce film n'est actuellement pas sorti plus un champ texte pour laisser son e-mail et être averti dès que celui-ci sera disponible dans une salle de Nice.

Conclusion

Si vous souhaitez plus d'amélioration ergonomique et une étude ergonomique de votre site, n'hésitez pas contactez-nous, nous nous ferons un plaisir de vous faire une proposition commerciale.

19 juillet 2009

Le temps de chargement des pages web toujours d'actualités

Les concepteurs Web ont tendances à penser que les utilisateurs d'Internet demandent de plus en plus d'applications sophistiquées. Cependant, ce sondage de 318 internautes indique que l'intérêt des utilisateurs Web passe par un chargement rapide des pages et une bonne organisation du contenu.

  • 50.9% "temps de chargement long"
  • 24.8% "contenu désorganisé"
  • 24.2% "aspect esthétique"
Un site long a charger qui a un contenu désorganisé (mauvaise ergonomie) vous êtes sur que vous perdrez 75,7% de vos visiteurs même si celui-ci à un design magnifique.

Source : Webdesignerwall.com

1 mai 2009

Site Internet pour les restaurants et TVA à 5.5%

Comme vous le savez si bien la TVA dans le domaine de la restauration devrait d'ici juillet passer à 5.5%. Pourquoi je parle de ça me direz vous, tout simplement car je remarque que de nombreux restaurants ne possèdent pas de site Web. En fait s’il en possède un, celui-ci est tellement mal conçu qu'il n'apparait dans aucun moteurs de recherches. Je dirais que faire faire un site Web par un amateur à autant de résultats que mettre des prospectus sur les pare brise des voitures. Actuellement comme bon nombre de personnes, les voyages, les weekend et les sorties se préparent sur Internet. Malheureusement, je constate qu'en France nombreuses sont les personnes qui hésitent à communiquer sur Internet, se faisant conseiller par l'ami de l'ami qui sait se servir du web enfin ce même ami parce qu'il sait lancer un logiciel se dit que créer sur le web c'est aussi simple que de lancer un logiciel. Je pousse un coup de gueule, car mon associé et moi même concevant des plateformes de création de sites Web de qualité. Vous pourriez me dire qui suis je pour critiquer le travail d'autres personnes. Pour une publicité télévisuelle à qui demanderiez-vous conseil ? A votre ami voisin, ou à un spécialiste de la publicité ? Ou encore pour refaire votre façade de magasin, la feriez-vous refaire par n'importe qui, sachant qu'il y a des normes à respecter.

Sur le web il y a des normes et des professionnels, ça a un coût, mais la personne qui n'a pas l'envie d'investir sérieusement par exemple 24.90€ HT, à tel vraiment l'ambition de communiquer sur le Web ?

Nous avons créé une plateforme web de création de site restaurant ComResto. Oui me direz-vous encore une plateforme de plus pour faire des sites, mais il en existe des gratuites pour le faire... Maintenant je vais rentrer dans les détails, est-ce que ces plateformes sont bien référencées ? Autre point regardez attentivement le site de démonstration ComResto. Il a une grosse police de caractère, mais pourquoi (c'est lisible n'est-ce pas), savez-vous que ne nombreuses personnes ont des soucis de lecture sur le Web c'est pour cela qu'une norme à fait récemment l'apparition 100E2R qui conseille d'avoir une certaine taille de caractère afin de faciliter sa lecture. Autre point, le design ne clignote pas c'est pas moderne ... mais sachez vous que ce même site a une ergonomie étudié pour faciliter son accès à l'information, avoir un meilleur taux de conversion (le client qui vient consulter votre site, que vient il chercher ? L'information ou la super animation qui clignote et qui bouge ?). À noter que ce site s'affiche en quelques secondes sur une connexion de type ADSL. Ce site respecte t'il les normes établies par le W3C ? Absolument, même l'emploi correct de la sémantique a été étudié vous me direz la sémantique c'est quoi, un truc technique qui sert à rien. La sémantique est ce qui donne du sens à votre contenu à l'information et qui facilitera l'accessibilité de votre site ainsi que son indexation (référencement) dans les moteurs de recherche.

Savez-vous également que nous travaillons afin de valider ces mêmes sites sur Opquast (outils permettant de valider la qualité d'un site Web), actuellement les sites affichent un respect des bonnes pratiques de 87% et que nous améliorions pour espérer atteindre les 100%.

Maintenant, à quoi bon faire tout ça, c'est sur ! le site fait par mon voisin est beaucoup moins cher, il ne sera pas référencé voir très mal par rapport à ses concurrents. C'est vrai que le Web n'a peut-être pas d'avenir en France ou simplement que les gens ne sont pas près, et pourtant il y a de plus en plus d'internautes. Je n'y connais rien au web, je ne saurais pas mettre à jour le site (je vous invite à regarder la vidéo de démonstration) nous avons fait un travail justement pour faciliter l'accès au personne sachant à peine se servir d'Internet. Non je préfère que ce soit quelqu'un d'autre qui s'occupe de rédiger le contenu de mon site (mais qui connait mieux votre métier que vous même).

Est-ce le moment d'investir, vous me direz que je prêche pour ma paroisse, mais avec un taux de TVA à 5.5% très bientôt il serait dommage de s'en priver.

C'est ma manière quelque part de dire mon ras le bol de voir des personnes qui négligent autant Internet et s'imaginent que faire un site c'est aussi simple que de lancer un traitement de texte.

(Point de vue d'un entrepreneur français qui paie ces charges et qui travaille légalement)

18 mars 2009

Conditional CSS

Conditional-CSS est original dans son concept, il vous permet d'écrire et de maintenir des feuilles de style CSS avec la logique conditionnelle, permettant ainsi de cibler des déclarations CSS en fonction d'un navigateur ou d'une famille de navigateur.

28 janvier 2009

K-HTML, un éditeur XHTML Open Source

Pour ceux qui n'aiment pas les éditeurs WYSIWYG et préfèrent taper le XHTML directement dans un éditeur texte (Notepad...), K-HTML est un outil fait pour vous.

Cet éditeur XHTML Open Source crée par Normand Lamoureux, vous permettra avec ces nombreux raccourcis clavier de générer votre code XHTML d'une manière agréable et rapide. Actuellement, il n'est disponible que sous Microsoft Windows.

- page 1 de 8