Construindo um Web-site completo a partir de uma plano fácil

Nos meus www.ravalementdefacades.fr 10 anos de experiência na gestão de uma empresa de desenvolvimento web, tem havido muitos casos em que os clientes vêm até mim usando apenas 1 conceito básico do que eles querem desenvolver. Às vezes, eles me enviam uma descrição do projeto que compreende meros documentos do 1 a 2 frases a cem páginas detalhados com diagramas, referências e assim por diante. Em ambos estes casos, o visitante se depara com pouca ou muita informação. Não é esperado que seus clientes sejam tão bem informados quanto definir justamente o de que eles querem. Às vezes eles só têm uma ideia e às vezes é um pouco mais que isso. Qualquer de que seja este caso, eles olham o visitante não apenas como desenvolvedores da Web, mas também como 1 consultor especialista que pode orientá-los sobre este caminho certo a atravessar.

O visitante então se depara com o desafio de transformar a ideia básica em um negócio on-line completo que possua o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui está uma lista do estratégias que garantem de que você possa atender às expectativas por seus clientes e converter seus sonhos em imagem.

1. Entenda o conceito e delineie as seções e recursos básicos.

Você deve 1o tentar produzir uma lista de seções lógicas que o site deve deter. Faça perguntas ao cliente se o visitante acha de que não entende. Se você já possui experiência no desenvolvimento de sites relacionados ao conceito, pode sugerir seções de que devem manter-se presentes logicamente. No fim deste exercício, você deve criar 1 documento onde todas as seções, subseções, páginas sejam listadas em ordem lógica (talvez em um formato com marcadores simples) usando uma breve descrição de cada seção, detalhando este objetivo primário e a finalidade do documento. seção. Em termos técnicos, você pode vir a chamar isso de mapa do sitio. Além de seções, o mapa do site também mostra tais como cada divisão está vinculada entre si. Compartilhe este documento com este cliente e, se possível, explique o documento para ele. Às vezes, seus pensamentos são mais natural explicados quando fala diretamente com seu cliente.

2. Converta seu documento em um diagrama do wireframe.

Existe uma diferença entre criar um diagrama por wireframe e o que eu pessoalmente prefiro. Eu simplesmente projeto este site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto demasiado mais rápido usando powerpoint e não tenho que confiar em meus programadores para criar este wireframe. No documento a respeito de powerpoint, basicamente projetamos cada página da web desprovida de cores e gráficos, mas tentamos mostrar dados simulados, as colocações dos dados e como eles aparecem, botões, alertas, pop-ups e organizar os slides simulando o comportamento do site. tais como visitante navegaria no site. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando maneira. Do documento, ele entende como o site vai parecer e como vai se comportar. Para mim, pessoalmente, este foi o passo mais crucial e, quanto mais preciso você estiver na sua própria preparação do seu wireframe, mais fácil e suave será o processo de design e desenvolvimento. Depois por ter no total o sitio construído, o visitante pode enviá-lo para o seu cliente para assinar ou enviar alterações para o seu quadro do arame. Isso ajudará a eliminar qualquer mal-entendido a respeito de a maneira como as páginas e o site funcionarão. Também lhe dá algo tangível para mostrar ao cliente que é especialmente relativamente rápido e fácil de criar. Quanto mais complexo for o site, mais eficiente será a armação do arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente fácil se você souber este que precisa ser projetado. O designer decide a cerca de o esquema de cores, cria seu estilo por layout e gráficos. Às vezes, este designer ajusta o arranjo das seções para aquelas que são mais visualmente atraentes. É claro de que se o site tiver tudo a ver usando branding e apresentação, então o design deve ser por alta qualidade. Em conformidade com os mais novos padrões da Web 2. 0 e design inteligente de seções de interface do usuário com pop-ups JQuery / AJAX também é uma tarefa deveras desafiadora.

No final deste estágio, todos os designs do página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele estacionaestaficafixa jazepararpermanecequeda em conformidade com o design do wireframe e se praticamente as seções / dados foram cobertos.

4. Programação do site.

Durante a programação, assegure-se o seguinte com o maior alento e influência: – A estrutura e a codificação da página da Web devem ser muito limpas e validadas. – Remova qualquer codificação comentada desnecessária que você tenha feito. – Este design da página deve permanecer exatamente o mesmo depois por programar como era antes. – Praticamente as brechas de segurança estão conectadas – Este site carrega rápido e é compatível na maioria dos navegadores É aconselhável que uma versão de trabalho do site mesmo que carregada em um servidor de questionário no qual o cliente possa visualizar o melhoria e o comentário. Relembre-se de que estes sites enviados em um servidor de teste também igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos do pesquisa. Então, por benefício, assegure-se de que o site esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por senha durante todo o processo de desenvolvimento.

5. processo por teste.

A importância desta fase é especialmente talvez a mais enfatizada e a menos praticada no mundo da internet. Clientes e desenvolvedores não percebem a urgência por finalizar este projeto e colocá-lo em funcionamento. O processo de teste têm a possibilidade de ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos estes elementos de design estão em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, saiba como as que ajudam você a visualizar sua página da Web em variados navegadores. Para ver saiba como seu sitio aparece nas telas pequenas de celulares como o BlackBerry ou este Windows Mobile, confira. – Teste a velocidade do seu site – Várias pessoas ainda estão usando conexões lentas e sua população não é insignificante, especialmente no mundo em desenvolvimento. Portanto, você precisa garantir que o tempo médio do carregamento do suas páginas da Web em HTML, juntamente com todos estes anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro de limites razoáveis. é um serviço on-line gratuito que imita a maneira tais como uma página é carregada no navegador da web. Ele revela estatísticas (tamanho, tempo do carregamento) para cada objeto na página da web para que você saiba sobre estes culpados de que podem tornar o sitio mais lento. Como alternativa, você têm a possibilidade de usar este Firebug pelo Firefox para detectar elementos em sua própria página da Web de que estão aumentando o tempo de carregamento de suas páginas da Web. – Testando usabilidade? Você têm a possibilidade de criar um grupo do usuários de teste que testará este site em termos do facilidade do uso e experiência por navegação. Ouça atentamente os comentários deles e talvez deseje implementar algumas por suas sugestões ao seu site. Alternativamente, você pode vir a entrar em contato usando sites de que têm uma base do usuários do testadores de que farão este teste para você. é especialmente um exemplo disso. – Teste do carga, estresse e performance? Se o seu site tiver este potencial de ser utilizado por milhares de usuários, será necessário testar seu site para monitorar este desempenho do site. Em particular, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se o site está lidando com as necessidades de streaming na demanda de pico. Se necessário, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Existem muitas ferramentas que fornecem maneiras de testar sites da Web, servidores da Web e aplicativos do intranet usando interfaces da Web. O visitante pode testar e analisar as propriedades de desempenho sob diversas condições de carga para encontrar gargalos nas suas aplicações web.

6. Suporte pós lançamento.

Independentemente de quão bem este seu aplicativo da web foi planejado, projetado e testado, você não têm a possibilidade de garantir um site do teste 100% completo. Haverá erros, erros que não podem ser previstos, a menos que um sitio esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É por extrema importância que você tenha 1 desenvolvedor ou equipe pronta para lidar com qualquer uma dessas eventualidades. Se o seu site lida com dados que são acessados em tempo real por seus usuários, o visitante deve ter uma equipe em standby que possa responder a situações por emergência dentro de 4 a 6 horas depois relatar este problema. Estes clientes devem entender a importância disso e estar preparados para ter 1 orçamento alocado para essa finalidade.

Em conclusão, todos os pontos podem vir a ser elaborados, refinados e adicionados. Na verdade, há infinitas variações e adições possíveis, mas isso têm a possibilidade de servir como uma diretriz básica para aqueles que estão no negócio do desenvolver e projetar aplicativos da web, bem saiba como clientes de que desejam criar um empreendimento on-line do sucesso.