Construindo um Website completo a partir do uma plano simples

Nos meus 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é mim usando apenas um 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 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 que seja este caso, eles olham você não apenas como desenvolvedores da Web, mas também igualmente similarmente identicamente conjuntamente como um consultor especialista que pode orientá-los sobre o caminho perfeito 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 tenha o potencial de ser bem-sucedido e desafiar seus concorrentes. Cá está uma lista por estratégias que garantem de que você possa atender às expectativas por seus clientes e transformar seus sonhos em imagem.

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

Você deve primeiro tentar criar uma lista de seções lógicas de que o site deve ter. 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 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 do cada seção, detalhando o objetivo principal 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 igualmente similarmente identicamente conjuntamente mostra tais como cada seção está vinculada entre si. Compartilhe este documento com o cliente e, se permitido, explique o documento para ele. Às vezes, seus pensamentos são mais bem explicados quando fala diretamente com seu cliente.

2. Converta seu documento em um diagrama de wireframe.

Existe uma diferença entre criar um diagrama por wireframe e o que 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 destes dados e como eles aparecem, botões, alertas, pop-ups e organizar os slides simulando o comportamento do site. saiba como visitante navegaria no sitio. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando estilo. 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 detalhado você estiver na sua preparação do seu wireframe, mais fácil e suave será o desenvolvimento de design e desenvolvimento. Depois por ter a 100% o sitio construído, o visitante pode enviá-lo para o seu cliente para assinar ou enviar alterações para o seu quadro de arame. Isso ajudará a eliminar qualquer mal-entendido a cerca de a forma como as páginas e o sitio funcionarão. Igualmente lhe dá algo tangível para mostrar ao cliente que foi relativamente rápido e fácil de criar. Quanto muito mais complexo for o sitio, mais eficiente será a armação por arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente fácil se você 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 desenho das seções para aquelas que são mais visualmente atraentes. Foi claro 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 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 do 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 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 o visitante tenha feito. – Este design da página deve permanecer exatamente o precisamente depois por programar tais como era previamente. – Todas as brechas de segurança estão conectadas – O site carrega rápido e é compatível na maioria dos navegadores É recomendável que uma versão do trabalho do site seja carregada em um servidor de teste no qual o cliente possa visualizar o progresso e este comentário. Recorde-se de que os sites enviados em um servidor de teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos do pesquisa. Então, por benefício, assegure-se que o sitio esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante todo o desenvolvimento de desenvolvimento.

5. processo de 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 do finalizar o projeto e colocá-lo em funcionamento. Este processo por teste pode vir a ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos do design estão em vigor em todos os navegadores populares. Há diversas ferramentas on-line, saiba como as que ajudam você a visualizar sua página da Web em variados navegadores. Para ver tais como seu sitio aparece nas telas pequenas de celulares como o BlackBerry ou este Windows Mobile, confira. – Teste a velocidade do seu site – Algumas pessoas ainda estão usando conexões lentas e sua população não é insignificante, especialmente no mundo em desenvolvimento. Logo, você precisa garantir que o tempo médio por 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 do limites razoáveis. é um serviço online 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ê saiba sobre estes culpados que podem tornar o site mais lento. Como alternativa, você têm a possibilidade de usar o Firebug pelo 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ê pode vir a criar um grupo de usuários por teste de que testará o 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 entrar em contato com sites que têm uma base de usuários do testadores que farão o teste para você. foi um exemplo disso. – Teste de carga, estresse e performance? Se este seu sitio tiver o potencial do ser utilizado por milhares de usuários, será necessário testar seu site para monitorar este desempenho do site. Particularmente, se você planeja exibir conteúdo em vídeo ou áudio, verifique se este site estacionaestaficafixa jazepararpermanecequeda 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. Andam muitas ferramentas que fornecem maneiras do testar sitios da Web, servidores da Web e aplicativos do intranet usando interfaces da Web. Você pode testar e analisar as características 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 www.agenda-normandie.com da web foi planejado, projetado e testado, o visitante não têm a possibilidade de garantir um site por teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos que um sitio esteja ativo e trabalhando com usuários reais e dados em tempo real. É do 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, 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 estar preparados para ter um 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, porém isso têm a possibilidade de servir saiba como uma diretriz básica para aqueles que estão pelo negócio de desenvolver e projetar aplicativos da web, bem como clientes de que desejam produzir um negócio on-line do sucesso.