Construindo um Website completo a partir do uma plano fácil

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

Você então se depara com o desafio de converter 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 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 criar 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 o visitante já tem experiência no desenvolvimento de sites relacionados ao juízo, pode sugerir seções de que devem estar presentes logicamente. No final 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) com uma breve descrição de cada divisão, detalhando este objetivo primário e o fim do documento. seção. Em termos técnicos, você pode chamar isso de mapa do sitio. Além das seções, o mapa do site igualmente mostra como cada divisã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 fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama de wireframe.

Existe uma diferença entre criar 1 diagrama de wireframe e o que eu pessoalmente prefiro. Eu sobretudo 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 o wireframe. No documento a cerca de powerpoint, sobretudo 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 este comportamento do site. saiba como visitante navegaria no sitio. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando maneira. Do documento, ele entende como o sitio vai parecer e tais como vai se comportar. Para mim, pessoalmente, este é especialmente 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 do ter todo o site construído, você 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 cerca de a maneira como as páginas e o sitio funcionarão. Também igualmente similarmente identicamente conjuntamente lhe dá algo tangível para mostrar ao cliente que é relativamente rápido e elementar de produzir. Quanto muito mais complexo for o site, mais útil será a armação de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente elementar se o visitante souber o que precisa ser projetado. O designer decide a respeito de o esquema de cores, cria seu estilo do layout e gráficos. Às vezes, este designer ajusta o arranjo das seções para aquelas que são mais visualmente atraentes. Foi claro que se este site tiver tudo a ver com branding e apresentação, então o design deve ser do alta capacidade. 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 fim deste estágio, todos estes designs de página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele está 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 este maior alento e mais valia: – 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 o visitante tenha feito. – Este design da página deve permanecer exatamente o mesmo depois por programar saiba como era previamente. – Praticamente as brechas de segurança estão conectadas – O site carrega rápido e é compatível na maioria dos navegadores É aconselhável que uma versão de trabalho do site seja carregada em um servidor de questionário no qual o cliente possa visualizar o progresso e este comentário. Relembre-se de que estes sites enviados em 1 servidor do teste também igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. Então, por favor, assegure-se que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante no total o processo de desenvolvimento.

5. processo de teste.

A importância desta fase é talvez a mais enfatizada e a menos praticada no universo da net. Clientes e desenvolvedores não percebem a urgência do finalizar o projeto e colocá-lo em funcionamento. O processo do teste têm a possibilidade de ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos por design estão em vigor em todos os navegadores populares. Andam diversas ferramentas on-line, saiba como as de que ajudam o visitante a visualizar sua página da Web em diferentes navegadores. Para ver tais como seu sitio aparece nas telas pequenas de celulares como o BlackBerry ou o Windows Mobile, confira. – Teste a velocidade do seu site – Várias pessoas ainda estão usando conexões lentas e sua própria população não é insignificante, especialmente pelo mundo em desenvolvimento. Portanto, você precisa garantir de que o tempo médio do carregamento de suas páginas da Web em HTML, juntamente usando todos estes anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro do limites razoáveis. é 1 serviço on-line gratuito que imita a maneira saiba como uma página é carregada no navegador da web. Ele revela estatísticas (tamanho, tempo de 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 usar o Firebug no Firefox para detectar elementos em sua página da Web 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 de usuários por teste que testará este site em termos por facilidade do uso e experiência de 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 por testadores de que farão este teste para você. é especialmente um exemplo disso. – Teste do carga, estresse e performance? Se o seu sitio tiver este potencial de ser usado por milhares de usuários, será preciso testar seu site para monitorar o desempenho do site. Em particular, se você planeja exibir conteúdo em vídeo ou áudio, verifique se o site permanecequeda lidando com as urgências de streaming na demanda de pico. Se necessário, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Há muitas ferramentas que fornecem maneiras por testar sitios da Web, servidores da Web e aplicativos de intranet usando interfaces da Web. O visitante pode testar e analisar as características de desempenho sob numerosas condições do carga para encontrar gargalos nas as suas aplicações web.

seis. Suporte pós lançamento.

Independentemente de quão bem este seu aplicativo da web foi planejado, projetado e testado, você não pode vir a garantir 1 site por teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos que um site 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 do emergência dentro de 4 a 6 horas depois relatar este problema. Os clientes devem entender a importância disso e manter-se preparados para ter 1 orçamento alocado para tal finalidade.

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