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

Nos meus uat-a-la-une.unebeauty.com 10 anos de experiência na gestão de uma empresa de desenvolvimento web, tem havido muitos quadros em que os clientes vêm até mim com apenas 1 conceito básico do que eles querem progredir. Às vezes, eles me enviam uma descrição do projeto que compreende meros documentos do 1 a 2 frases a cem páginas detalhados com diagramas, referências e assim por diante. Em ambos estes 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 é um pouco muito mais que isso. Qualquer de que seja este caso, eles olham você não apenas como desenvolvedores da Web, mas também como 1 consultor especialista que pode orientá-los sobre este caminho certo a completar.

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 de que garantem de que você possa atender às expectativas de seus clientes e transformar seus sonhos em imagem.

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

Você 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 você já possui experiência no desenvolvimento do sites relacionados ao juízo, 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 por cada divisão, detalhando o objetivo primário e o objectivo do documento. seção. Em termos técnicos, você têm a possibilidade de chamar isso de mapa do site. Além das seções, este mapa do site também igualmente similarmente identicamente conjuntamente mostra tais como cada divisã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 1 diagrama do wireframe.

Existe uma diferença entre criar um diagrama por wireframe e o que eu pessoalmente prefiro. Eu sobretudo projeto este 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. No documento sobre 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 este comportamento do site. tais como visitante navegaria no sitio. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando forma. Do documento, ele entende como o sitio vai parecer e como vai se comportar. Para mim, pessoalmente, este foi o passo mais crucial e, quanto mais discriminado você estiver na sua preparação do seu wireframe, mais fácil e suave será o desenvolvimento de design e desenvolvimento. Depois de ter todo o site construído, o visitante pode enviá-lo para este seu cliente para assinar ou enviar alterações para o seu quadro de arame. Isso ajudará a eliminar qualquer mal-entendido sobre 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 instantaneo e elementar de produzir. Quanto ainda 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 tarefa relativamente elementar se o visitante souber o que precisa ser projetado. O designer decide sobre 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 do alta capacidade. Em analogia com os mais recentes 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 deveras desafiadora.

No final deste estágio, todos estes 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 praticamente as seções / dados foram cobertos.

4. Programação do site.

Durante a programação, assegure-se o seguinte com este maior cuidado 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 mesmo depois do programar tais como era previamente. – Todas 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 de trabalho do site seja carregada em um servidor de questionário no qual o cliente possa visualizar o melhoria e este comentário. Relembre-se de que estes sites enviados em um servidor de teste também podem ser rastreados pelo Google e indexados pelos mecanismos do 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 a 100% o desenvolvimento de desenvolvimento.

5. processo por teste.

A importância desta fase é especialmente talvez a mais enfatizada e a menos praticada no universo da net. Clientes e desenvolvedores não percebem a urgência de finalizar este projeto e colocá-lo em funcionamento. O processo por teste têm a possibilidade de ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos de design estão em vigor em todos os navegadores populares. Há diversas ferramentas on-line, tais como as de que ajudam você a visualizar sua página da Web em multiplos 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 sitio – Várias 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 de carregamento por suas páginas da Web em HTML, juntamente com todos os anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro do limites razoáveis. é um serviço online gratuito que imita a maneira saiba como uma página é carregada no browser da web. Ele mostra estatísticas (tamanho, tempo de carregamento) para cada objeto na página da web para que você fique a saber sobre os culpados de que podem tornar o sitio mais lento. Como alternativa, 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 por usuários por teste que testará o site em termos de facilidade de uso e experiência por 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 por usuários do testadores que farão este teste para você. foi um exemplo disso. – Teste por carga, estresse e desempenho? Se este seu site tiver este potencial de ser utilizado por milhares de usuários, será preciso testar seu site para monitorar este desempenho do site. Em particular, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se o site está lidando usando as necessidades de streaming na demanda de pico. Se preciso, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Andam muitas ferramentas que fornecem maneiras de testar sitios da Web, servidores da Web e aplicativos do intranet usando interfaces da Web. Você pode testar e analisar as propriedades de desempenho sob numerosas condições de carga para encontrar gargalos nas suas aplicações web.

seis. Suporte pós lançamento.

Independentemente de quão bem o seu aplicativo da web foi planejado, projetado e testado, o visitante não pode garantir um site do teste 100% completo. Haverá erros, erros 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 influência 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 deter uma equipe em standby que possa responder a situações por 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 essa finalidade.

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