Construindo um site completo a partir por uma plano simples

Nos meus 10 anos de experiência na gestão de uma empresa de desenvolvimento web, tem havido muitos quadros em de que os clientes vêm até mim com 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 os 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 que eles querem. Às vezes eles apenas têm uma ideia e às vezes é um pouco mais que isso. Qualquer de que seja o caso, eles olham o visitante não apenas como desenvolvedores da Web, mas também como 1 consultor especialista que pode orientá-los sobre o caminho perfeito a completar.

Você 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 de estratégias de 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.

O visitante deve primeiro tentar produzir uma lista de seções lógicas de que o site deve ter. Faça perguntas ao cliente se o visitante acha que não entende. Se você já tem experiência pelo desenvolvimento do sites relacionados ao juízo, pode sugerir seções de que devem manter-se presentes logicamente. No fim 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 de cada divisão, detalhando o objetivo primário e a finalidade do documento. seção. Em termos técnicos, você pode chamar isso de mapa do sitio. Além de seções, o mapa do site também igualmente similarmente identicamente conjuntamente mostra como cada seção está vinculada entre si. Compartilhe este documento com o 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 por wireframe.

Existe uma diferença entre criar 1 diagrama de wireframe e o que pessoalmente prefiro. Eu sobretudo projeto o site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto muito mais rápido usando powerpoint e não tenho que confiar em meus programadores para criar o wireframe. Pelo 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 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 sitio vai parecer e saiba como vai se comportar. Para mim, pessoalmente, este é o passo mais crucial e, quanto mais detalhado você estiver na sua própria preparação do seu wireframe, mais fácil e suave será o desenvolvimento de design e desenvolvimento. Depois por 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 por arame. Isso ajudará a eliminar qualquer mal-entendido a cerca de a forma como as páginas e o site funcionarão. Também lhe dá algo tangível para mostrar ao cliente que é especialmente relativamente super veloz e fácil de criar. Quanto ainda mais complexo for o sitio, 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 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 desenho das seções para aquelas que são mais visualmente atraentes. É especialmente claro que se o site tiver tudo a ver usando branding e apresentação, então o design deve ser por alta excelência. Em conformidade com estes 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 em muito desafiadora.

No fim deste estágio, todos estes designs do página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele está em conformidade com este 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 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 você tenha feito. – O design da página deve permanecer justamente o exatamente depois do programar como era antes. – Todas as brechas de segurança estão conectadas – Este site carrega rápido e é compatível na maioria dos navegadores É recomendá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 o comentário. Recorde-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 sitio deve ser protegido por senha durante a 100% 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 este projeto e colocá-lo em funcionamento. Este processo de teste pode ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos estes elementos do 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 saiba 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 própria população não é insignificante, especialmente no mundo em desenvolvimento. Portanto, você precisa garantir que o tempo médio por 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 por limites razoáveis. é um serviço on-line gratuito que imita a maneira tais como uma página é carregada no browser da web. Ele mostra estatísticas (tamanho, tempo por carregamento) para cada objeto na página da web para de que você saiba sobre os culpados que podem tornar o site mais lento. Como alternativa, você pode usar este Firebug no Firefox para detectar elementos em sua página da Web que estão aumentando o tempo de carregamento de as suas páginas da Web. – Testando usabilidade? Você têm a possibilidade de criar 1 grupo de usuários por teste de que testará este site em termos do facilidade por uso e experiência por navegação. Ouça atentamente os comentários deles e talvez deseje implementar 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 de que farão o teste para você. é especialmente um exemplo disso. – Teste do carga, estresse e performance? Se este seu sitio tiver o potencial de ser utilizado por milhares de usuários, será preciso testar seu site para monitorar este desempenho do site. Em especial, se você planeja exibir conteúdo em vídeo ou áudio, verifique se este site estacionaestaficafixa jazepararpermanecequeda lidando usando 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 por testar sitios da Web, servidores da Web e aplicativos por intranet usando interfaces da Web. O visitante pode testar e analisar as propriedades de performance sob numerosas condições por carga para encontrar gargalos nas as suas aplicações web.

seis. Suporte pós lançamento.

Independentemente de quão bem este seu aplicativo tutoringnwi.com da web foi planejado, projetado e testado, o visitante não pode vir a garantir um site do 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 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, você deve ter uma equipe em standby que possa responder a situações por emergência dentro de 4 a seis horas após relatar o problema. Estes clientes devem entender a importância disso e estar preparados para ter um orçamento alocado para tal finalidade.

Em conclusão, todos estes pontos podem possibilitar 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 no negócio de desenvolver e projetar aplicativos da web, bem tais como clientes que desejam criar um negócio on-line de sucesso.