Criar um site completo a partir do uma plano básica

Nos meus 10 anos de experiência na gestão de uma empresa do desenvolvimento web, tem havido muitos quadros em de que os clientes vêm até mim com apenas 1 conceito básico do que eles querem desenvolver. Às vezes, eles me enviam uma descrição do projeto de que compreende meros documentos por 1 a 2 frases a cem páginas detalhados com diagramas, referências e assim por diante. Em ambos os 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 só têm uma ideia e às vezes é um pouco ainda mais que isso. Qualquer 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 este caminho fixo a seguir.

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

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

Você deve primeiro tentar produzir uma lista de seções lógicas de que o sitio deve deter. Faça perguntas ao cliente se você acha que não entende. Se o visitante já possui experiência no desenvolvimento do sites relacionados ao conceito, pode sugerir seções que devem estar 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 do cada divisão, detalhando o objetivo primário e a finalidade do documento. seção. Em termos técnicos, você têm a possibilidade de chamar isso de mapa do site. Além de seções, o mapa do site também mostra como cada seção está vinculada entre si. Compartilhe este documento com este cliente e, se permitido, explique o documento para ele. Às vezes, seus pensamentos são mais natural explicados quando você fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama do wireframe.

Existe uma diferença entre criar 1 diagrama do 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 a cerca 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 este comportamento do site. tais como visitante navegaria no site. Neste ponto, o cliente pode ver visualmente a sua ideia tomando estilo. Do documento, ele entende como o site vai parecer e tais como vai se comportar. Para mim, pessoalmente, este é especialmente o passo mais crucial e, quanto mais detalhado você estiver na sua preparação do seu wireframe, mais fácil e suave será o desenvolvimento de design e desenvolvimento. Depois de ter a 100% 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. Também 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 eficaz será a armação do arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente elementar se o visitante souber este 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 por alta capacidade. Em analogia com estes mais recentes 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 deveras 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 permanecequeda em conformidade com o 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 alento e importâ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 precisamente depois por programar como era antes. – Praticamente as brechas de segurança estão conectadas – O site carrega rápido e é compatível na maior parte dos navegadores É aconselhável que uma versão por trabalho do site mesmo que 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 de teste também igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos do pesquisa. Então, por favor, assegure-se de que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante a 100% o processo de desenvolvimento.

5. processo do teste.

A importância desta fase é 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 por teste pode vir a ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos estes elementos por design estão em vigor em todos os navegadores populares. Andam diversas ferramentas on-line, saiba como as que ajudam o visitante a visualizar sua página da Web em multiplos navegadores. Para ver como seu site 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 pelo mundo em desenvolvimento. Logo, você precisa garantir de que o tempo médio do carregamento de suas páginas da Web em HTML, juntamente com todos estes anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro por limites razoáveis. é 1 serviço em linha gratuito de que imita a maneira saiba como uma página é carregada no browser da web. Ele mostra estatísticas (tamanho, tempo do carregamento) para cada objeto na página da web para de que você fique a saber sobre estes culpados de que podem tornar o site mais lento. Como escolha, você têm a possibilidade de usar este Firebug no Firefox para detectar elementos em sua própria página da Web de que estão aumentando o tempo de carregamento de as suas páginas da Web. – Testando usabilidade? Você têm a possibilidade de criar um grupo do usuários por teste que testará o site em termos de facilidade de uso e experiência do navegação. Ouça atentamente os 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 usando sites de que têm uma base do usuários do testadores de que farão este teste para você. foi um exemplo disso. – Teste do carga, estresse e desempenho? Se este seu sitio tiver o potencial do ser utilizado por muitos milhares de usuários, será necessário testar seu site para monitorar o desempenho do site. Particularmente, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se este 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. Há muitas ferramentas que fornecem maneiras do testar sites da Web, servidores da Web e aplicativos do intranet com interfaces da Web. Você pode testar e analisar as características de desempenho sob diversas condições por carga para encontrar gargalos nas as suas aplicações web.

6. Suporte pós lançamento.

Independentemente de quão bem este seu aplicativo www.borniabouwadvies.nl da web foi planejado, projetado e testado, o visitante não pode garantir 1 site por teste 100% completo. Haverá erros, erros 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 mais valia que você tenha um 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 deter uma equipe em standby que possa responder a situações por emergência dentro de 4 a seis horas depois relatar este problema. Estes clientes devem entender a importância disso e manter-se preparados para ter um orçamento alocado para tal finalidade.

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