Construindo um Website completo a partir do uma plano simples

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

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

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

O visitante deve 1o tentar produzir uma lista de seções lógicas que o sitio deve deter. Faça perguntas ao cliente se você acha de que não entende. Se você já tem experiência pelo desenvolvimento do sites relacionados ao juízo, pode sugerir seções que devem manter-se presentes logicamente. No final deste exercício, você deve criar um 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 por cada seção, detalhando este objetivo primário e o fim do documento. seção. Em termos técnicos, você pode chamar isso de mapa do site. Além das seções, este mapa do site igualmente mostra tais como cada seção está vinculada entre si. Compartilhe este documento com este cliente e, se possível, explique este documento para ele. Às vezes, seus pensamentos são mais bem explicados quando você fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama por wireframe.

Existe uma diferença entre criar um diagrama de wireframe e o que eu pessoalmente prefiro. Eu basicamente projeto este site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto bastante mais rápido usando powerpoint e não tenho que confiar em meus programadores para criar o wireframe. No documento sobre powerpoint, simplesmente projetamos cada página da web desprovida de cores e gráficos, mas tentamos mostrar dados simulados, as colocações destes dados e como eles aparecem, botões, alertas, pop-ups e organizar os slides simulando o comportamento do site. tais como visitante navegaria no sitio. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando maneira. Do documento, ele entende como o site vai parecer e saiba como vai se comportar. Para mim, pessoalmente, este foi o passo mais crucial e, quanto mais preciso você estiver na sua preparação do seu wireframe, mais fácil e suave será o desenvolvimento de design e desenvolvimento. Depois de ter todo o site 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 sobre a forma como as páginas e o sitio funcionarão. Igualmente lhe dá algo tangível para mostrar ao cliente que é relativamente rápido e elementar de criar. Quanto ainda 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 o visitante souber este que precisa ser projetado. O designer decide a cerca de o esquema de cores, cria seu estilo do layout e gráficos. Às vezes, o designer ajusta o arranjo das seções para aquelas que são mais visualmente atraentes. Foi claro de que se este site tiver tudo a ver usando branding e apresentação, então o design deve ser por alta capacidade. Em conformidade com estes mais modernos padrões da Web 2. 0 e design inteligente de seções de interface do usuário com pop-ups JQuery / AJAX também igualmente similarmente identicamente conjuntamente é uma tarefa bastante desafiadora.

No fim deste estágio, todos os designs de página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele está em analogia com este design do wireframe e se todas as seções / dados foram cobertos.

4. Programação do site.

Durante a programação, assegure-se o seguinte com este maior cuidado 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 de programar tais como era antes. – Todas 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 progresso e este comentário. Recorde-se de que os sites enviados em 1 servidor por teste igualmente 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 no total o processo de desenvolvimento.

5. processo por teste.

A importância desta fase é especialmente talvez a mais enfatizada e a menos praticada no universo da internet. Clientes e desenvolvedores não percebem a urgência de finalizar o projeto e colocá-lo em funcionamento. O processo de teste pode vir a ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos de design estão em vigor em todos os navegadores populares. Há diversas ferramentas on-line, 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 o Windows Mobile, confira. – Teste a velocidade do seu sitio – Várias pessoas ainda estão usando conexões lentas e sua população não é insignificante, especialmente pelo mundo em desenvolvimento. Portanto, você precisa garantir de que o tempo médio de carregamento por suas páginas da Web em HTML, juntamente com todos estes anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro do limites razoáveis. é 1 serviço em linha gratuito que imita a maneira tais como uma página é carregada no navegador da web. Ele mostra estatísticas (tamanho, tempo por carregamento) para cada objeto na página da web para que você fique a saber sobre estes culpados de que podem tornar o site mais lento. Como alternativa, você pode vir a usar este Firebug no Firefox para detectar elementos em sua 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 1 grupo do usuários de teste de que testará este site em termos de facilidade de uso e experiência do navegação. Ouça atentamente estes comentários deles e talvez deseje incorporar algumas de suas sugestões ao seu site. Alternativamente, você têm a possibilidade de entrar em contato com sites de que têm uma base de usuários por testadores que farão este teste para você. foi um exemplo disso. – Teste de carga, estresse e desempenho? Se este seu site tiver o potencial por ser usado por muitos milhares de utilizadores, será preciso testar seu site para monitorar o desempenho do site. Particularmente, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se o site permanecequeda lidando usando as urgências de streaming na demanda de pico. Se preciso, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Há muitas ferramentas que fornecem maneiras do testar sites da Web, servidores da Web e aplicativos de intranet com 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 o seu aplicativo da web foi planejado, projetado e testado, o visitante não pode vir a garantir 1 site por teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos de que um sitio esteja ativo e trabalhando com usuários reais e dados em tempo real. É de extrema mais valia que o visitante 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, você deve deter uma equipe em standby que possa responder a situações por emergência dentro de 4 a 6 horas após relatar este problema. Os clientes devem entender a importância disso e manter-se preparados para ter um orçamento alocado para tal finalidade.

Em conclusão, todos estes pontos podem ser elaborados, refinados e adicionados. Na verdade, existem infinitas variações e adições possíveis, porém isso pode servir saiba como uma diretriz básica para aqueles que estão no negócio do desenvolver e projetar aplicativos da web, bem tais como clientes de que desejam produzir um empreendimento on-line por sucesso.