Construindo um Web-site completo a partir do uma plano básica

Nos meus glenlivetmountainresort.com 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 um conceito básico do que eles querem desenvolver. À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 os casos, você se depara com pouca ou muita informação. Não é esperado que seus clientes sejam tão bem informados quanto definir exatamente o de que eles querem. Às vezes eles só têm uma ideia e às vezes é 1 pouco muito mais que isso. Qualquer que seja o caso, eles olham o visitante não exclusivamente como desenvolvedores da Web, mas igualmente como um consultor especialista que pode orientá-los sobre este caminho certo a atravessar.

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

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

O visitante deve primeiro tentar produzir uma lista de seções lógicas que o site deve deter. Faça perguntas ao cliente se você acha de que não entende. Se o visitante já possui experiência no desenvolvimento de sites relacionados ao conceito, pode sugerir seções de que devem estar 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) com uma breve descrição de cada seção, detalhando este 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 de seções, o mapa do site também mostra como cada divisão está vinculada entre si. Compartilhe este documento com este 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 do wireframe e o que eu pessoalmente prefiro. Eu basicamente 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. Pelo 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 o comportamento do site. 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 é o passo mais crucial e, quanto mais preciso você estiver na sua própria preparação do seu wireframe, mais fácil e suave será o desenvolvimento de design e desenvolvimento. Depois de ter no total o sitio construído, você 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 site funcionarão. Também igualmente similarmente identicamente conjuntamente lhe dá algo tangível para mostrar ao cliente que é relativamente rápido e fácil de produzir. Quanto ainda mais complexo for o sitio, mais eficiente será a armação do arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente elementar se você souber este que precisa ser projetado. O designer decide a respeito de o esquema de cores, cria seu estilo por layout e gráficos. Às vezes, o designer ajusta o arranjo das seções para aquelas que são mais visualmente atraentes. É especialmente claro que se este site tiver tudo a ver usando branding e apresentação, então o design deve ser de alta excelência. 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 final 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 conformidade 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 o maior cuidado 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. - O design da página deve permanecer justamente o precisamente depois de programar como era antes. - 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 por trabalho do site mesmo que carregada em um servidor de teste no qual o cliente possa visualizar o progresso e este comentário. Relembre-se de que os sites enviados em 1 servidor por teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos por 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 todo o processo de desenvolvimento.

5. processo de teste.

A importância desta fase foi talvez a mais enfatizada e a menos praticada no mundo da net. Clientes e desenvolvedores não percebem a urgência por 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 estes elementos de design estão em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, saiba como as de que ajudam o visitante a visualizar sua página da Web em multiplos navegadores. Para ver tais como seu sitio aparece nas telas pequenas de celulares como o BlackBerry ou o 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 pelo mundo em desenvolvimento. Por isso, você precisa garantir de 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 por limites razoáveis. é um serviço on-line gratuito que imita a maneira saiba como uma página é carregada no navegador da web. Ele revela estatísticas (tamanho, tempo de carregamento) para cada objeto na página da web para de que você saiba sobre os culpados de que podem tornar o sitio mais lento. Como alternativa, você pode vir a 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 criar 1 grupo do usuários de teste que testará este site em termos por facilidade por uso e experiência por navegação. Ouça atentamente estes 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 com 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 o seu site tiver o potencial de ser usado por milhares de utilizadores, será necessário testar seu site para monitorar este desempenho do site. Particularmente, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se este 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. Andam muitas ferramentas que fornecem maneiras de testar sitios da Web, servidores da Web e aplicativos de intranet usando interfaces da Web. O visitante 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 o seu aplicativo da web foi planejado, projetado e testado, o visitante não têm a possibilidade de garantir 1 site de teste 100% completo. Haverá erros, erros que não podem ser previstos, a menos que um sitio esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É por extrema mais valia 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, 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 este problema. Estes clientes devem entender a importância disso e manter-se preparados para ter 1 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 têm a possibilidade de servir saiba como uma diretriz básica para aqueles de que estão no negócio do desenvolver e projetar aplicativos da web, bem como clientes de que desejam produzir um negócio on-line do sucesso.

Related Stories:

Leave a Reply