— Origine —
L’idée de cette application vient d’un travaille pour la modification du design du site www.cordes.fr. (Essais visibles sur le porfolio).
Afin de faciliter le choix de la police et du design j’ai développer un système de présentation interactif qui utilise une copie d’une page du site.
Le but est de remplacer la classique présentation de captures d’écrans statiques par un ensemble de possibilités nettement plus large, le tout en une seule interface.
— Description —
Une barre de bouton en haut donne accès aux différents choix de remplacement pour plusieurs parties de l’affichage.
On peut remplacer le logo de la page, l’image de fond du bandeau, celle du menu, la couleur de la police du menu, etc. Ce n’est donc pas limité aux images mais fonctionne avec tout élément de style.
J’ai conçus le script pour être facile à installer et paramétrer. Un néophyte en langage du Net doit pouvoir y arriver.
Il nécessite, pour l’instant, de donner un ID à chaque élément visuel à modifier, donner le nombre exact d’images à prendre en compte pour chacun quand c’est le cas. Les images enfin doivent être nommées selon une règles claire : un nom (toujours le même) + « . » + un chiffre (il doivent se suivre) + l’extension de fichier (.jpg ou autre)
On ne touche pas à la structure HTML par contre, au design en générale, ce qui limite au minimum l’intervention dans le code.
Mais c’est bien sûr envisageable. Il est aussi possible de travailler sur une maquette sortie directement de Photoshop (voir des écrans fixes mais on perd tout l’intérêt …).
— Reflexions —
J’ai conçus cette application pour les graphistes et webdesigners et dans le but d’ouvrir les possibilités de présentations.
C’est la création des éléments « image » qui est donc la plus « difficile ». Plus de choix sous entend plus d’images et chacune doit avoir des dimensions précises car elle correspond a un emplacement unique dans la page.
Je pense que l’utilisation de ce type d’outils demande une organisation particulière et un temps de « rodage ».
Néanmoins il offre une approche potentiellement meilleur pour certains cas de client « difficile », hésitants … L’accès en ligne est un avantage supplémentaire.
En tant qu’outil interne ce type d’approche me parait également avoir un fort potentiel. On peut par exemple faire une présentation finale à base d’écran fixe mais ceci auront été capturés depuis l’interface interactive au préalable.
Par rapport à ce qui est déjà fait, le script est utilisable tel quel, il reste de nombreuses améliorations envisageables, voir nécessaires. Plus la mise en place coté designer sera facilité plus l’appli sera utile et utilisable. Idem pour sa mise en oeuvre concrète face à un client.
Il manque par exemple une interface pour entrer les informations sans éditer le code. Certaines options sont à regrouper en un seul choix pour ne pas avoir à les chercher.
— Testez ! —
Testez vous même avec cette présentation basée sur la page des accessoires, et donnez moi votre avis qui me sera fort utiles pour les évolutions possibles à venir. (les liens de la page ne fonctionnent bien sûr pas ou mal)
