Construindo um Website completo a partir de uma plano básica

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

O visitante então se depara usando 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 transformar seus sonhos em realidade.

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

Você deve 1o tentar produzir uma lista de seções lógicas de que o sitio deve deter. Faça perguntas ao cliente se você acha de que não entende. Se o visitante já possui experiência no desenvolvimento por sites relacionados ao juízo, pode sugerir seções que devem manter-se 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 por cada seção, detalhando este objetivo primário e o objectivo do documento. seção. Em termos técnicos, você pode chamar isso de mapa do site. Além de seções, este 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 bem explicados quando fala diretamente com seu cliente.

2. Converta seu documento em um diagrama de wireframe.

Existe uma diferença entre criar 1 diagrama por wireframe e o que eu pessoalmente prefiro. Eu sobretudo projeto o 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. Pelo documento a respeito de powerpoint, simplesmente 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 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 é 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 processo de design e desenvolvimento. Depois por ter no total o sitio construído, você pode enviá-lo para este seu cliente para assinar ou enviar alterações para o seu quadro do arame. Isso ajudará a eliminar qualquer mal-entendido a respeito de a forma como as páginas e o sitio funcionarão. Também lhe dá algo tangível para mostrar ao cliente que foi relativamente instantaneo e elementar 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 tarefa relativamente elementar se você souber o que precisa ser projetado. O designer decide sobre o esquema de cores, cria seu estilo de layout e gráficos. Às vezes, este designer ajusta o desenho das seções para aquelas que são mais visualmente atraentes. É claro de que se o site tiver tudo a ver com branding e apresentação, então o design deve ser de alta qualidade. 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 igualmente é uma tarefa em muito 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 estacionaestaficafixa jazepararpermanecequeda 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 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 o visitante tenha feito. – Este design da página deve permanecer justamente o exatamente depois de programar tais como era antes. – Praticamente as brechas de segurança estão conectadas – Este site carrega rápido e é compatível na maior parte dos navegadores É recomendá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 um servidor por teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. Então, por favor, assegure-se que o sitio esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por senha durante a 100% o desenvolvimento de desenvolvimento.

5. processo de teste.

A importância desta fase foi talvez a mais enfatizada e a menos praticada no globo da internet. Clientes e desenvolvedores não percebem a urgência por finalizar o projeto e colocá-lo em funcionamento. O processo por teste pode ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos estes elementos de design estão em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, como as que ajudam o visitante a visualizar sua página da Web em variados navegadores. Para ver como seu site 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 população não é insignificante, especialmente pelo mundo em desenvolvimento. Por isso, você precisa garantir que o tempo médio do carregamento do suas páginas da Web em HTML, juntamente usando todos os 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 do carregamento) para cada objeto na página da web para que você saiba sobre estes culpados de que podem tornar o site mais lento. Como alternativa, você têm a possibilidade de usar este Firebug pelo 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 um grupo por usuários de teste que testará o site em termos por facilidade por uso e experiência de navegação. Ouça atentamente os comentários deles e talvez deseje implementar algumas por suas www.flavafm.co.zm sugestões ao seu site. Alternativamente, você pode vir a entrar em contato usando sites que têm uma base por usuários do testadores que farão o teste para você. é um exemplo disso. – Teste de carga, estresse e desempenho? Se este seu site tiver o potencial por ser utilizado por milhares de utilizadores, será necessário testar seu site para monitorar o desempenho do site. Em particular, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se o site permanecequeda 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. Existem muitas ferramentas que fornecem maneiras por testar sitios da Web, servidores da Web e aplicativos do intranet usando interfaces da Web. Você pode testar e analisar as propriedades de performance 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 da web foi planejado, projetado e testado, você não pode garantir um site do teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos de que um site esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É do extrema importância que o visitante 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 do emergência dentro de 4 a seis horas após relatar este problema. Os clientes devem entender a importância disso e estar preparados para ter um orçamento alocado para tal finalidade.

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