✦ Bonus · Tutoriel Claude Design · 15 minutes
Dessinez d'abord.
Publiez ensuite.
Une nouvelle section sur l'accueil, une nouvelle page dans le menu : Claude Design vous montre d'abord une maquette, l'image de la page avant qu'elle existe. Vous l'affinez, il la critique, puis il la développe. Le site ne bouge qu'à votre feu vert.
/design Sur l'accueil, ajoute une section « Promotions du moment » : des cartes spéciales promo, et un filtre « En promo » sur la liste des voyages…
Le geste à retenir : le premier mot du message, toujours /design.
Échauffement · 30 secondes · {{triScore}}
/design, ou conversation normale ?
Six demandes : lesquelles méritent /design, lesquelles se règlent en une conversation normale ? Fiez-vous à votre intuition, la règle s'affiche à la fin.
La règle : le contenu change (une info, un chiffre, une phrase) ? Conversation normale. La forme change (un bloc, une section, une page qui n'existent pas encore) ? /design.
Au programme :Exemple 1 · Une sectionExemple 2 · Une page, pas à pasEntraîner son œil
Exemple 1 · Une section · 5 minutes
« Promotions du moment » sur l'accueil
Pour une section précise, vous pouvez tout dire d'un coup. Une bonne demande répond à cinq questions : où, pour quoi, quoi, comment ça se comporte, sans toucher à quoi. Voici la demande, découpée.
/design
Une fois la section en ligne, mettre un voyage en promo ou l'en retirer n'a plus rien de design : une conversation normale suffit.
Exemple 2 · Une page entière · 6 étapes
« Voyages regroupés » : trois phrases, et laissez-vous guider
Pour une page entière, ne la décrivez pas : racontez votre idée, Claude Design mène l'entretien. La structure, les blocs, les boutons, c'est son métier. Le vôtre : savoir ce que vous voulez dire, et à qui.
Préparer : votre idée en une phrase, vos documents sous la main
Un voyage regroupé, c'est quoi ? Voyager en groupe, en partant seul ou à deux. L'agence réunit des voyageurs individuels sur un même départ, en petit nombre. Chacun profite des avantages du groupe : tarifs de groupe, visites organisées, programme tout compris, et des compagnons de route. « Voyager seul n'empêche pas de voyager ensemble ! »
Rien à rédiger : rassemblez seulement ce que vous avez déjà. Ici, des pièces jointes imaginaires :
Lancer : deux ou trois phrases, c'est tout
Nouvelle conversation, documents joints, puis votre idée comme vous la diriez à un collègue. La dernière phrase est la plus importante.
/design {{idee}}
Pas de plan, pas de liste de blocs, pas de couleurs : Claude Design s'en charge, et il le fera mieux que nous.
Se laisser guider : la conversation avant le dessin
Claude pose ses questions, une fois, avec des propositions. Répondez court, comme à l'oral. « Je ne sais pas, propose » est une très bonne réponse.
Le plan d'abord, le dessin ensuite. Valider un plan en quelques lignes prend dix secondes ; refaire une maquette entière, bien plus. Si Claude dessine sans rien demander : « Attends, pose-moi d'abord tes questions. »
Regarder et affiner : un brouillon, pas un verdict
Devant la maquette, trois questions d'abord : comprend-on l'idée en dix secondes ? Les blocs sont-ils dans le bon ordre ? Le bouton « Demander un devis » saute-t-il aux yeux ? Puis un ou deux retours par message : quoi changer, et ce qu'on garde. « Bof » fait tout changer au hasard. Les six familles de retours :
Sur la maquette aussi : cliquez sur un élément pour y laisser un commentaire, déplacez à la souris, Ctrl + Z pour revenir. Pas d'historique des versions : avant un grand changement, « garde cette version de côté ».
La relecture critique : Claude joue l'expert exigeant
Quand la page vous plaît, demandez-lui de la passer au crible, avec l'œil d'un expert de l'expérience visiteur et de l'interface. Il repère ce qui freine : ce qui se comprend mal, se lit mal, se clique mal. Une page plus simple, plus claire, plus agréable, sans que vous ayez à trouver les défauts.
Développer et publier : quatre coches, puis le feu vert
« {{phraseFeu}} »
- Claude développe la page et prépare l'aperçu : quelques minutes.
- Sur l'aperçu, ordinateur et téléphone : cliquez chaque bouton et le lien du menu.
- « Mets en ligne. » C'est publié.
Entraîner son œil · {{score}}
Laquelle donne le plus envie ?
Six duels de maquettes. Fiez-vous à votre œil, puis lisez pourquoi : c'est exactement ce que vous direz à Claude.
{{d1.verdict}}
{{d2.verdict}}
{{d3.verdict}}
{{d4.verdict}}
{{d5.verdict}}
{{d6.verdict}}
Hors de portée : formulaires, paiement en ligne, comptes clients, refonte complète du site. Pour ça, parlez-en à la personne responsable du site.