9 Des Meilleures Façons De Présenter Un Site Web À Un Client

9 Des Meilleures Façons De Présenter Un Site Web À Un Client

La phase de conception de la création d’un site Web est assez standard pour la plupart des concepteurs de sites Web, mais lorsqu’il s’agit de présenter la maquette à un client avant de découper / coder la conception, certains problèmes se posent, alors je suis sorti et j’ai demandé à la communauté comment ils présentent une conception de site Web à un client.

Après avoir filtré toutes les réponses et les avoir résumées, je suis maintenant prêt à vous présenter 9 des meilleures façons de présenter un design de site Web à un client, ainsi que les avantages et les inconvénients de chaque méthode.

Les problèmes

En tant qu’individus avertis du Web, il est assez facile de saisir et de comprendre le concept selon lequel les maquettes sont simplement des images statiques qui décrivent à quoi ressemblerait un site. Cependant, ce que de nombreux concepteurs de sites Web ont constaté, c’est que ce concept est incroyablement difficile à comprendre pour les clients.

En tant que concepteurs et communicateurs, nous essayons de faire comprendre aux clients que ce qu’ils regardent est une image statique et plate de la conception de leur site potentiel. Pourtant, de nombreuses questions et commentaires proviennent des clients après que vous ayez présenté le design, tels que ceux que Verne Ho de Creating Briefing et bien d’autres, ont vécus ci-dessous:

• Pourquoi aucun des liens ne fonctionne-t-il?
• Comment modifier le texte à ce sujet?
• Comment se fait-il que je ne puisse pas mettre en surbrillance le texte?
• Le site Web est trop petit (cela se produit parce que le navigateur a rétréci l’image par défaut)!
• Je n’aime pas l’espace blanc qui entoure le site.
• Peut-on centrer le site ?

Dans une certaine mesure, je peux comprendre la confusion they ils regardent quelque chose qui ressemble à un site Web qui se trouve dans un navigateur ou une visionneuse d’images, cependant, curieusement, cela n’agit pas comme un site Web obviously évidemment, ce fait soulèverait des questions.

Pour savoir ce que font les différents concepteurs Web pour contourner ces problèmes, je suis allé demander à mes amis sur Twitter (Suivez-moi) et Facebook (Ajoutez-moi) de voir ce qu’ils font lorsqu’ils présentent une maquette de conception Web à un client.

Méthodes de présentation de Maquettes de conception Web

Après avoir reçu des réponses de mes amis Twitter / Facebook (un grand merci), je suis arrivé à ces 9 méthodes pour présenter une maquette de conception Web à un client. Sans ordre particulier :

Placez l’image sur une page web et envoyez-leur un lien.

Les gens peuvent probablement mieux identifier une image lorsqu’elle apparaît telle qu’ils la voient normalement, comme dans un navigateur Web, mais cela crée beaucoup plus de questions comme je l’ai précédemment décrit ci-dessus.

Si vous choisissez cette méthode, essayez de la personnaliser en la téléchargeant sur votre propre serveur use utilisez le répertoire /clients/clientname/index.htm. Une autre astuce ici était d’utiliser le fournisseur de domaine .tk gratuit afin que vous puissiez leur envoyer un lien tel que http://clientsdomain.tk qui semble également assez professionnel. Merci pour le conseil .tk Herbert.

Envoyer un JPEG ou PNG par e-mail

Envoyer une maquette par e-mail est probablement le moyen le plus simple, mais ce n’est pas toujours le meilleur Some Certains utilisateurs ont de petites résolutions d’écran, ce qui signifie que l’image peut rétrécir, ce qui signifie plus de questions avec les autres que j’ai décrites ci-dessus.

Utilisez une sorte d’application Web

L’utilisation d’une application Web pour présenter des maquettes renforce l’idée que c’est quelque chose sur « l’affichage » et que ce n’est pas un exemple en direct qui peut conduire à moins de questions.

Utilisez le site Web CodedPreview

CodedPreview vous permet de créer des pages d’aperçu HTML simples, montrant à quoi devrait ressembler un modèle lorsqu’il est codé. (Merci liamuk7 pour celui-ci.) Encore une fois, essayez de le personnaliser autant que vous le pouvez, adapté à votre client.

Créer un ‘Studio Client’

Plutôt que d’utiliser une application en ligne, vous pouvez configurer votre propre ‘studio’ sur votre propre serveur où le client peut se connecter et afficher des maquettes (jpg sur une page html) qu’il approuve You Vous pouvez mettre des révisions sur la même page (nouveaux jpg) et une fois approuvées, vous pouvez ajouter un lien pour afficher le site fonctionnel en cours.

Voici un exemple d’IDesignStudios.  » J’envoie des e-mails aux clients avec l’URL du studio client, ainsi que leur identifiant client, leur nom d’utilisateur et leur mot de passe. Vous devez avoir un nom d’utilisateur / mot de passe pour accéder même au premier écran (avec avertissement et liste déroulante des IDENTIFIANTS du client). Un client ne peut continuer que sur sa propre zone client (comme dans, tous les clients peuvent voir la première page avec la liste déroulante, mais vous ne pouvez vous connecter à 1 zone client qu’après cela). »Vous pouvez afficher une capture d’écran de l’écran de connexion et à l’intérieur du studio client.

Exporter des maquettes au format PDF

Plutôt que d’enregistrer au format jpeg ou png qui n’est qu’une image qui peut être ouverte dans le logiciel de visualisation d’images par défaut des clients, l’avoir au format PDF signifie, dans la plupart des cas, qu’ils doivent ouvrir le site Web dans Adobe Reader. L’avantage de cela est qu’il y a moins d’attentes pour qu’il fonctionne comme un site Web. L’utilisation de comps de calques est également utile dans les PDF pour montrer les variations d’un design.

Ignorer photoshop et concevoir en HTML

Il y a quelques débats sur celui-ci et cela se résume généralement au processus qui permet le mieux votre créativité, mais celui-ci est à vous de décider.

Faites venir Le Client Dans Votre Bureau

Bien que ce ne soit pas toujours possible, c’est généralement le meilleur moyen de présenter une maquette Web à un client car cela vous permet de parler de l’ensemble du projet avec le client. Si vous avez cette opportunité, saisissez-la toujours.

Envoyez-leur un JPEG ou PNG & Demandez-leur de l’imprimer

C’était juste une idée que j’ai eu… si vous leur envoyez une maquette JPEG à grande échelle du design et leur demandez de l’imprimer, ils ne penseront pas que le site fonctionnera comme il le fait normalement, ce qui à son tour signifiera moins de questions. Un inconvénient de cela est cependant que le site ne sera pas à l’échelle.

Réponses originales

Voici quelques-unes des réponses originales de mes amis sur Twitter et Facebook… encore une fois merci. Facebook et pendant que vous y êtes, Rejoignez Le Groupe Facebook Just Creative Design.

marioOlckers @justcreative Stealth live installe sur le serveur pour illustrer la preuve de concept, puis revient à la planche à dessin après entrée et consultation.

netbramha @justcreative PNG, Et vous ?

brianyerkes @justcreative Enregistrez-le au format jpeg, téléchargez-le dans un répertoire sur votre serveur appelé /clients/clientname. Faites un index.page html. Ajouter une image jpg.

brownaddesign @ justcreative Je viens de poster le design sur mon serveur Web, dans un répertoire que je crée pour le client, et de leur envoyer un lien à afficher.

marnieb @justcreative Au format JPG. 🙂

metalgod @justcreative J’ai assemblé un PDF avec des annotations et je l’envoie au client. Ensuite, je fais un suivi avec un appel pour les guider à travers ça.

trisnadi @justcreative Le client a-t-il déjà vu le brouillon ? Je fais normalement une promenade complète avant de les laisser le toucher ou poser des questions.

ClarkleSparkle @ justcreative Email.

bradsherrill @ justcreative Demandez au client d’entrer dans votre bureau et de le laisser afficher à l’échelle 1: 1, de préférence au format jpeg. Si vous ne pouvez pas le faire, envoyez-leur un e-mail.

jessjoyce @justcreative – Nous envoyons / téléchargeons.png des documents Photoshop / Illustrator

spinfly321 @ justcreative – Concevoir dans photoshop et présenter au format jpg

biwerw @ justcreative – Créer une page Web avec le.jpgs des concepts dessus et envoyez-leur le lien. J’espère que cela vous aidera.

liamuk7 @ justcreative – Juste comme une image ou en utilisant http://www.codedpreview.com

idesignstudios @ justcreative – Je donne aux clients l’accès à leur propre « studio client » – ils peuvent se connecter et afficher des maquettes (jpg sur une page html) au fur et à mesure qu’ils approuvent – Je mets les révisions sur la même page (nouveaux jpg). Une fois approuvé, j’ajoute un lien pour afficher le site fonctionnel en cours.

marcoslhc @justcreative – Je livre généralement des croquis physiques (papier et crayons de couleur) à la deuxième réunion, et des croquis numériques à la 3e

stevemoseley @justcreative – Dépend de 2 choses: taille du projet et difficulté du client. Si l’un ou l’autre – maquette photoshop. Si ni l’un ni l’autre, première coupe de html.

adellecharles @ justcreative J’enregistre généralement pour le web et insère dans un document HTML / télécharge sur le serveur juste pour que le client puisse voir

craftisan @ justcreative Ce que je fais dépend du client – parfois des aperçus Web en direct ou des maquettes pdf / jpg – principalement des jpg.

fichier JPG randaclay @ justcreative, ou parfois PDF

EliteByDesign @ justcreative Généralement juste un JPG par e-mail ou téléchargé sur mon site. Rien d’extraordinaire, après tout, ce n’est qu’une première ébauche !

pointlessramble @ justcreative Collez-le dans un fichier HTML avec tous les arrière-plans nécessaires / etc.

RyanDownie @ justcreative Pour présenter des maquettes, je mets l’image dans un répertoire sur le serveur / nom, puis j’ajoute une image backgound au navigateur complet

Herbert via FaceBook: Je télécharge généralement le site Web avec un domaine gratuit www.yourdomain.tk , il est facile de rediriger le chemin de votre hébergement vers le domaine gratuit.

Steve via Facebook: Nous avons un web.yourcompany.com configurez et donnez au client l’URL web.yourcompany.com/client .

Patrick McColley via Facebook: Je le poste généralement sur mon serveur ou s’ils me le laissent, le leur.

Autres discussions

Voici quelques autres articles sur ce sujet des maquettes et de la présentation.

• Maquettes Photoshop vs Attentes Des Clients
• Améliorez Votre Processus Créatif, Une Meilleure Conception, Des Approbations Plus Rapides
• Pourquoi Donner Aux Clients Plus Qu’Une Seule Maquette?
• Vivre Par La Maquette, Mourir Par La Maquette
• Maquettes De Site Web Client & Comps: Ça vous Dérange ?
• Les maquettes de conception ne fonctionnent pas

Celles déjà liées à cet article:

• La gestion des Maquettes
• La conception Ne Concerne pas les Outils
• Pourquoi Nous ne Sautons pas Photoshop
• Conception, Maquettes & Outils

Alors je vous demande, comment présentez-vous vos maquettes de conception Web et après avoir vu les méthodes suggérées, quelle est selon vous la meilleure façon?

Et si mérité, un digg serait apprécié. Merci.