9 Dei Modi Migliori Per Presentare Un Sito web Per Un Cliente
La fase di progettazione la creazione di un sito web è abbastanza standard per la maggior parte dei web designer, tuttavia, quando si tratta di presentare il mock up di un cliente prima di affettare / codifica il design, alcune dovessero sorgere problemi, così sono andato fuori e ha chiesto la comunità su come presentare un progetto di sito web per un cliente.
Dopo aver filtrato tutte le risposte e sintetizzarle, ora sono pronto a presentarvi 9 dei modi migliori per presentare un design di un sito Web a un cliente, insieme ai vantaggi e agli svantaggi di ciascun metodo.
I problemi
Come individui esperti di web, è abbastanza facile comprendere e comprendere il concetto che i modelli sono semplicemente immagini statiche che descrivono come sarebbe un sito. Tuttavia, ciò che molti web designer hanno trovato è che questo concetto è incredibilmente difficile per i clienti di avvolgere la loro testa intorno.
Noi, come designer e comunicatori, cerchiamo di far capire ai clienti che ciò che stanno guardando è un’immagine statica e piatta del loro potenziale design del sito. Ancora, molte domande e commenti provengono dai clienti dopo aver presentato il design, come quelli Verne Ho di creazione di Briefing e molti altri, hanno sperimentato di seguito:
- Perché nessuno dei collegamenti funziona?
- Come faccio a modificare il testo su questo?
- Come mai non riesco a evidenziare il testo?
- Il sito web è troppo piccolo (si verifica perché il browser ha ridotto l’immagine per impostazione predefinita)!
- Non mi piace lo spazio bianco che circonda il sito.
- Possiamo centrare il sito?
In una certa misura, posso capire la confusione… stanno guardando qualcosa che sembra un sito web che si trova all’interno di un browser o visualizzatore di immagini, tuttavia, stranamente, non si comporta come un sito web obviously ovviamente questo fatto solleverebbe domande.
Per scoprire cosa fanno i vari web designer per aggirare questi problemi sono andato a chiedere ai miei amici su Twitter (Seguimi) e Facebook (Aggiungimi) di vedere cosa fanno quando presentano un mock up di web design a un cliente.
modalità di Presentazione di Disegno di Web Mockup
messaggio sponsorizzato
Dopo ottenere risposte dal mio Twitter / Facebook amici (un grande grazie a voi) mi è venuto a queste 9 metodi di come presentare un disegno di web mock up di un client. In nessun ordine particolare:
Posizionare l’immagine su una pagina web e inviare loro un link.
Le persone possono probabilmente identificare meglio un’immagine quando appare come normalmente la vedono, come in un browser Web, tuttavia crea molte più domande come ho precedentemente descritto sopra.
Se scegli questo metodo prova a personalizzarlo caricandolo sul tuo server use usa la directory / clients / clientname / index.mta. Un altro consiglio qui è stato quello di utilizzare il provider di dominio .tk gratuito in modo da poter inviare loro un link come http://clientsdomain.tk che sembra anche abbastanza professionale. Grazie per il suggerimento .tk Herbert.
Invia un JPEG o PNG via e-mail
L’invio di un mockup via e-mail è probabilmente il modo più semplice, tuttavia non è sempre il migliore Some Alcuni utenti hanno risoluzioni dello schermo di piccole dimensioni, il che significa che l’immagine potrebbe ridursi, il che significa più domande insieme alle altre che ho descritto sopra.
Usa qualche tipo di applicazione basata sul web
messaggio sponsorizzato
Utilizzando un’applicazione basata sul web per mostrare mock-up rafforza l’idea che si tratta di qualcosa su ‘display’ e non è un esempio dal vivo che può portare a meno domande.
Utilizza il sito web CodedPreview
CodedPreview consente di creare semplici pagine di anteprima HTML, mostrando come dovrebbe essere un modello quando codificato. (Grazie liamuk7 per questo.) Ancora una volta, cerca di personalizzarlo il più possibile, su misura per il tuo cliente.
Creare un ‘Client Studio’
Invece di utilizzare un’applicazione basata online, è possibile impostare il proprio ‘studio’ sul proprio server in cui il client può accedere e visualizzare mock up (jpg su una pagina html) che approvano You È possibile mettere le revisioni sulla stessa pagina (nuovi jpg) e una volta approvato è possibile aggiungere un link per visualizzare il sito funzionale in corso.
Ecco un esempio di IDesignStudios. “I client di posta elettronica con l’URL per il client studio, così come il loro ID client, nome utente e password. Devi avere un nome utente / password per entrare anche nella prima schermata (con disclaimer e menu a discesa degli ID client). Un client può continuare solo sulla propria area client (come in, tutti i client possono vedere la prima pagina con menu a discesa, ma è possibile accedere solo a 1 area client dopo di che).”È possibile visualizzare uno screenshot della schermata di accesso e all’interno del client studio.
Esporta mock-up in PDF
Invece di salvare in formato jpeg o png che è solo un’immagine che può essere aperta nel software di visualizzazione delle immagini predefinito dei client, averlo in formato PDF significa, nella maggior parte dei casi, che devono aprire il sito Web in Adobe Reader. Il vantaggio di questo è che ci sono meno aspettative per funzionare come un sito web. L’uso di composizioni di livelli è utile anche nei PDF per mostrare le variazioni di un disegno.
Salta photoshop e progetta in HTML
Ci sono alcuni dibattiti su questo e di solito si riduce a qualsiasi processo che consenta la tua creatività, tuttavia questo è per te decidere.
Fai entrare il cliente nel tuo ufficio
Anche se questo non è sempre possibile, di solito è il modo migliore per presentare un mock up web a un cliente in quanto consente di parlare dell’intero progetto insieme al cliente. Se hai questa opportunità, prendila sempre.
Invia loro un JPEG o PNG& Chiedi loro di stamparlo
Questa è stata solo un’idea che mi è venuta in mente if se invii loro un mockup JPEG in scala reale del design e chiedi loro di stamparlo, allora non penseranno che il sito web funzionerà come fa normalmente, il che a sua volta significherà meno domande. Uno svantaggio di questo tuttavia è che il sito non sarà in scala.
Risposte Originali
messaggio sponsorizzato
qui di Seguito sono alcune delle risposte originali di tutti i miei amici su Twitter e Facebook… ancora una volta grazie. Seguimi su Twitter e Aggiungimi su Facebook e mentre sei in esso, unisciti al gruppo Just Creative Design Facebook.
marioOlckers @ justcreative Stealth live installa sul server per illustrare proof-of-concept e poi torna al tavolo da disegno dopo l’input e la consultazione.
netbramha @ justcreative PNG, che ne dici di te?
brianyerkes @justcreative Salvalo come jpeg, caricalo in una directory sul tuo server chiamata / clients / clientname. Crea un indice.pagina html. Aggiungi immagine jpg.
brownaddesign @justcreative Ho appena postare il disegno sul mio server web, in una directory che creo per il client, e-mail loro un link per visualizzare.
marnieb @ justcreative In formato JPG. met
metalgod @ justcreative Ho messo insieme un PDF con annotazioni e inviarlo al client. Poi seguo con una chiamata per guidarli attraverso di essa.
trisnadi @ justcreative Il cliente ha già visto la bozza? Di solito faccio una passeggiata completa prima di lasciarli toccare o fare domande.
ClarkleSparkle @justcreative Email.
messaggio sponsorizzato
bradsherrill @ justcreative Chiedi al cliente di entrare nel tuo ufficio e lasciarli visualizzare in scala 1: 1 preferibilmente in formato jpeg. Se non è possibile farlo e-mail loro.
jessjoyce @justcreative – Inviamo/carichiamo .png dei documenti di Photoshop / Illustrator
spinfly321 @ justcreative-Design in photoshop e presente come jpg
biwerw @justcreative – Creare una pagina web con il .jpgs dei concetti su di esso e inviare loro il link. Spero che questo aiuti.
liamuk7 @justcreative – Proprio come un’immagine o usando http://www.codedpreview.com
idesignstudios @justcreative – Do ai clienti l’accesso al proprio “client studio” – possono accedere e visualizzare i mockup (jpg su un pg html) mentre approvano…Ho messo le revisioni sulla stessa pagina (nuovi jpg). Una volta approvato aggiungo un link per visualizzare il sito funzionale in corso.
marcoslhc @ justcreative – Generalmente consegno alcuni schizzi fisici (carta e matite colorate) al secondo incontro e quelli digitali al 3 °
stevemoseley @ justcreative-Dipende da 2 cose: dimensione del progetto, e pickiness del cliente. Se uno dei due-Photoshop mockup. Se nessuno dei due, primo taglio di html.
adellecharles @justcreative Di solito risparmio per il web e inserisco in e html doc / upload sul server solo così il client può vedere
craftisan @justcreative Quello che faccio dipende dal client-a volte anteprime web live o mockup pdf/jpg-per lo più jpg.
randaclay @justcreative JPG file, o talvolta PDF
EliteByDesign @justcreative Di solito solo un JPG via e-mail o caricato sul mio sito. Niente di speciale, dopo tutto, è solo una prima bozza!
pointlessramble @ justcreative Incollalo in un file HTML con qualsiasi sfondo necessario / ecc.
RyanDownie @justcreative Per presentare mock-ups ho messo l’immagine in una directory sul server /nome e quindi aggiungere un’immagine di sfondo per piastrelle browser completo
Herbert via FaceBook: io di solito caricare il sito web con un dominio gratuito www.yourdomain.tk è facile che si reindirizzare il percorso dal tuo hosting per il dominio gratuito.
Steve via Facebook: Abbiamo un web.yourcompany.com imposta e dai al client l’URL web.yourcompany.com/client.
Patrick McColley via Facebook: di solito lo pubblico sul mio server o se mi lasciano, il loro.
Ulteriori discussioni
Di seguito sono riportati alcuni ulteriori articoli su questo argomento di mock up e presentazione.
- Photoshop Mockup vs aspettative dei clienti
- Migliora il tuo processo creativo, design migliore, approvazioni più rapide
- Perché offrire ai clienti più di un Mock up?
- Vivi con il Mockup, muori con il Mock Up
- Mockup del sito Web client & Comps: ti preoccupi?
- Design Mock Ups non Funziona
Quelli già linkato in questo articolo:
- Gestione Mock Ups
- Design non si tratta di Strumenti
- Perché non Saltare Photoshop
- Progettazione Mock Ups & Strumenti
Quindi vi chiedo, come si fa a presentare il vostro web design mockup e dopo aver visto i metodi suggeriti, secondo voi qual è il modo migliore?
E se meritato, un digg sarebbe apprezzato. Ringraziamento.