9 Das Melhores Maneiras Para Apresentar Um Site Para Um Cliente

A fase de projeto de criação de um website é bastante padrão para a maioria dos web designers, no entanto, quando se trata de apresentar o mock-up para um cliente antes de cortar / a codificação do projeto, alguns problemas surgem, então fui para fora e pediu que a comunidade sobre como eles apresentam um design de site da web para um cliente.
depois de filtrar todas as respostas e resumi-las, agora estou pronto para apresentar a você, 9 das melhores maneiras de apresentar um design de site a um cliente, juntamente com as vantagens e desvantagens de cada método.
os problemas
como indivíduos experientes na web, é muito fácil entender e entender o conceito de que mock-ups são simplesmente imagens estáticas que retratam como seria um site. No entanto, o que muitos web designers descobriram é que esse conceito é incrivelmente difícil para os clientes envolverem a cabeça.
nós, como designers e comunicadores, tentamos deixar claro para os clientes que o que eles estão olhando é uma imagem estática e plana de seu potencial design de site. Ainda assim, muitas perguntas e comentários vêm dos clientes depois de apresentar o design, como os Verne Ho de criar Briefing e muitos outros, experimentaram abaixo:
- por que nenhum dos links funciona?
- Como faço para editar o texto sobre isso?
- por que não consigo destacar o texto?
- o site é muito pequeno (ocorre porque o navegador encolheu a imagem por padrão)!
- não gosto do espaço em branco que circunda o site.
- podemos centralizar o site?
até certo ponto, eu posso entender a confusão… eles estão olhando para algo que se parece com um site que está dentro de um navegador ou o visualizador de imagens, no entanto, estranhamente, ele não agir como um site… obviamente, esse fato poderia levantar dúvidas.
para descobrir o que vários web designers fazem para contornar esses problemas, fui e pedi aos meus amigos no Twitter (Siga-Me) e no Facebook (Adicione-Me) para ver o que eles fazem ao apresentar uma simulação de web design para um cliente.
Métodos de Apresentação de Web Design de Maquetes

patrocinado mensagem
Depois de obter as respostas do meu Twitter / Facebook amigos (muito obrigado) eu vim para estes 9 métodos de como apresentar um web design mock-up para um cliente. Em nenhuma ordem particular:
coloque a imagem em uma página da web e envie-lhes um link.
as pessoas provavelmente podem identificar melhor uma imagem quando ela aparece como normalmente a veem, como em um navegador da web, no entanto, ela cria muito mais perguntas, conforme descrito anteriormente acima.
se você escolher este método, tente personalizá-lo enviando-o para seu próprio servidor… use o diretório/clients/clientname/index.htm. Outra dica aqui foi usar o provedor de domínio .tk gratuito para que você possa enviar um link como http://clientsdomain.tk, que também parece bastante profissional. Obrigado pela dica. tk Herbert.
envie um JPEG ou PNG Por E-mail
enviar uma maquete por e-mail é provavelmente a maneira mais simples, mas nem sempre é a melhor… alguns usuários têm pequenas resoluções de Tela, O que significa que a imagem pode encolher, o que significa mais perguntas junto com as outras que descrevi acima.
Usar algum tipo de aplicativo baseado na web
patrocinado mensagem
Usando um aplicativo baseado na web para mostrar mock-ups que reforça a ideia de que se trata de algo em ‘exibir’ e ele não é um exemplo vivo que pode levar a menos perguntas.
Use o site CodedPreview
CodedPreview permite criar páginas de visualização HTML simples, mostrando como um modelo deve ser quando codificado. (Obrigado liamuk7 por este.) Novamente, tente personalizá-lo o máximo que puder, adaptado ao seu cliente.
Criar Um ‘Cliente Studio’
em Vez de usar um online do aplicativo, você pode configurar o seu próprio ‘studio’ em seu próprio servidor, onde o cliente pode fazer login e ver mock-ups (jpg em uma página html) que eles aprovam… Você pode colocar revisões na mesma página (nova jpg) e uma vez aprovado, você pode adicionar um link para exibir o site funcional em andamento.
aqui está um exemplo de IDesignStudios. “Eu e-mail clientes com o URL para o estúdio cliente, bem como o seu ID de Cliente, Nome de usuário e senha. Você tem que ter um nome de usuário/senha para entrar na primeira tela (w/ disclaimer e dropdown de ID do cliente). Um cliente só pode continuar para sua própria área de cliente (como em, todos os clientes podem ver a primeira página w/ dropdown, mas você só pode fazer login em 1 área de cliente depois disso).”Você pode ver uma captura de tela da tela de login e dentro do estúdio do cliente.
Exportação de mock-ups em PDF
em Vez de salvar no formato jpeg ou png, que é apenas uma imagem que pode ser aberto em clientes de padrão de visualização de imagem de software, tendo em formato PDF significa, na maioria dos casos, que eles devem abrir o site no Adobe Reader. A vantagem disso é que há menos expectativas de que ele funcione como um site. O uso de comps de camada também é útil em PDFs para mostrar variações de um design.
pular photoshop e design em HTML
existem alguns debates sobre este e geralmente se resume a qualquer processo que melhor Permita sua criatividade, no entanto, este é para você decidir.
Faça com que o cliente Entre em seu escritório
embora isso nem sempre seja possível, geralmente é a melhor maneira de apresentar uma simulação da web para um cliente, pois permite que você fale sobre todo o projeto junto com o cliente. Se você tiver essa oportunidade, sempre aceite.
Enviar-Lhes um JPEG ou PNG & Pedir-Lhes Para Imprimir
Esta foi apenas uma ideia que me surgiu… se você enviar-lhes uma escala completa JPEG maquete do projeto e pedir-lhes para imprimi-lo, então eles não vão pensar que o site vai funcionar como habitualmente, o que irá significar menos perguntas. Uma desvantagem disso, no entanto, é que o site não será dimensionado.
Original Respostas
patrocinado mensagem

Abaixo estão alguns dos originais respostas dos meus amigos no Twitter e Facebook… mais uma vez obrigado. Siga-Me no Twitter e me adicione no Facebook e enquanto você está nisso, Junte-se ao grupo just Creative Design Facebook.
marioOlckers @ justcreative Stealth Live install no servidor para ilustrar a prova de conceito e, em seguida, voltar à prancheta após a entrada e consulta.
netbramha @justcreative PNG, Que tal você?
brianyerkes @ justcreative Salve-o como jpeg, carregue-o em um diretório em seu servidor chamado /clients/clientname. Faça um índice.página html. Adicionar imagem jpg.
brownaddesign @ justcreative acabei de postar o design no meu servidor web, em um diretório que crio para o cliente e enviar um link para visualização.
marnieb @ justcreative em formato JPG. 🙂
metalgod @ justcreative montei um PDF com anotações e enviei para o cliente. Então eu sigo com uma chamada para orientá-los através dele.
trisnadi @ justcreative o cliente já viu o rascunho antes? Eu normalmente faço uma caminhada completa antes de deixá-los tocá-lo ou fazer perguntas.E-mail @justcreative.
patrocinado mensagem
bradsherrill @justcreative necessário o cliente entrar em seu escritório e deixá-los ver, na escala de 1:1, preferencialmente em formato jpeg. Se você não pode fazer isso e-mail-los.Como baixar e instalar Minecraft no minecraft 1.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2 .como baixar e instalar o Minecraft no minecraft 1.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2.2jpgs dos conceitos sobre ele e enviar-lhes o link. Espero que isso ajude.
liamuk7 @justcreative – a Apenas como uma imagem ou usando http://www.codedpreview.com
idesignstudios @justcreative – eu dar aos clientes o acesso aos seus próprios “cliente studio” – eles podem entrar e ver maquetes (jpg em um html pg) como eles aprovam…coloquei revisões na mesma página (nova jpg). Uma vez aprovado, adiciono um link para visualizar o site funcional em andamento.
marcoslhc @justcreative – eu geralmente entregar alguns física esboços (papel e lápis de cor) para a segunda reunião, e as digitais para a 3ª
stevemoseley @justcreative – Depende de 2 coisas: Tamanho do projeto e seletividade do cliente. Se qualquer um-photoshop maquete. Se nenhum dos dois, primeiro corte de html.
adellecharles @justcreative eu costumo salvar para a web e inserir no html e doc / upload para o servidor para que o cliente possa ver
craftisan @justcreative o Que eu faço depende do cliente… às vezes ao vivo na web visualizações ou pdf/jpg maquetes… principalmente jpgs.
randaclay @justcreative JPG file, ou às vezes PDF
EliteByDesign @justcreative geralmente apenas um JPG por e-mail ou enviado para o meu site. Nada extravagante, afinal, é apenas um primeiro rascunho!
pointlessramble @ justcreative cole – o em um arquivo HTML com quaisquer fundos necessários/etc.
RyanDownie @justcreative apresentar mock-ups eu colocar a imagem em um diretório no servidor /nome e, em seguida, adicionar um backgound de imagem lado a lado navegador completo
Herbert via FaceBook: eu costumo carregar o site com um domínio grátis www.yourdomain.tk é fácil você redirecionar o caminho da sua hospedagem para o domínio livre.
Steve via Facebook: temos um web.yourcompany.com configure e forneça ao cliente o URL web.yourcompany.com/client.Patrick McColley via Facebook: eu costumo postar no meu servidor ou se eles me deixarem, deles.
outras discussões
abaixo estão alguns artigos adicionais sobre este tópico de mock ups e apresentação.
- Photoshop Mockups vs expectativas do cliente
- melhore seu processo criativo, Melhor Design, aprovações mais rápidas
- por que dar aos clientes mais do que apenas um Mock Up?
- Live By the Mockup, Die By the Mock up
- Client Web site Mockups & Comps: você se incomoda?
- Design de Mock Ups não Funcionam
Aquelas já ligadas a este artigo:
- Gestão de Mock Ups
- Design não é Sobre Ferramentas
- Por que não Ignorar o Photoshop
- Design, Mock Ups & Ferramentas
Então eu pergunto a você, como você apresenta o seu web design de maquetes e depois de ver os métodos sugeridos, o que você acha que é o melhor caminho?
e se merecido, um digg seria apreciado. Obrigado.