Criar um Web-site completo a partir de uma ideia simples

Nos meus 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 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 estes casos, você 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 mais que isso. Qualquer de 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 fixo a completar.

Você então se depara com o desafio de transformar a ideia básica em um negócio on-line completo que possua o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui 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 este 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 site deve ter. Faça perguntas ao cliente se o visitante acha de que não entende. Se o visitante já tem experiência no desenvolvimento por 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 de cada divisão, detalhando o objetivo primário e o objectivo do documento. seção. Em termos técnicos, você pode vir a chamar isso de mapa do site. Além das seções, o mapa do site também igualmente similarmente identicamente conjuntamente mostra saiba como cada divisão está vinculada entre si. Compartilhe este documento com este cliente e, se permitido, explique o documento para ele. Às vezes, seus pensamentos são mais bem explicados quando você 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 basicamente 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 este 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 destes dados e como eles aparecem, botões, alertas, pop-ups e organizar os slides simulando o comportamento do site. tais como visitante navegaria no sitio. Neste ponto, o cliente pode ver visualmente a sua ideia tomando forma. Do documento, ele entende como o site vai parecer e 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 do ter todo 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 sobre a forma como as páginas e o site funcionarão. Também lhe dá algo tangível para mostrar ao cliente que foi relativamente instantaneo e elementar de produzir. Quanto ainda mais complexo for o site, 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 este que precisa ser projetado. O designer decide a cerca de o esquema de cores, cria seu estilo de layout e gráficos. Às vezes, o designer ajusta o desenho das seções para aquelas que são mais visualmente atraentes. É especialmente claro que se este site tiver tudo a ver com branding e apresentação, então o design deve ser por alta capacidade. Em analogia com estes mais modernos 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 estes designs de página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele permanecequeda em analogia 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 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 exatamente depois por 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 É 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 progresso e o comentário. Relembre-se de que os sites enviados em 1 servidor do teste também igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. Então, por benefício, assegure-se que o sitio esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por sinal durante a 100% o desenvolvimento de desenvolvimento.

5. processo de teste.

A importância desta fase é especialmente 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. Este processo de teste têm a possibilidade de 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. Há diversas ferramentas on-line, como as de que ajudam o visitante a visualizar sua página da Web em variados navegadores. Para ver tais 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 de que o tempo médio de carregamento por suas páginas da Web em HTML, juntamente usando todos estes anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro de limites razoáveis. é 1 serviço em linha gratuito de que imita a maneira como uma página é carregada no navegador da web. Ele revela estatísticas (tamanho, tempo do carregamento) para cada objeto na página da web para de que você fique a saber sobre os culpados 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 página da Web de que estão aumentando o tempo de carregamento de suas páginas da Web. – Testando usabilidade? Você pode criar um grupo de usuários de teste que testará este site em termos por facilidade do uso e experiência por navegação. Ouça atentamente estes comentários deles e talvez deseje incorporar algumas do suas blog.alusoingatiadvocates.com sugestões ao seu site. Alternativamente, você pode vir a entrar em contato com sites que têm uma base de usuários do testadores que farão o teste para você. é especialmente um exemplo disso. – Teste de carga, estresse e desempenho? Se este seu site tiver este potencial de ser usado por muitos milhares de utilizadores, será necessário testar seu site para monitorar o desempenho do site. Em especial, se você planeja exibir conteúdo em vídeo ou áudio, verifique se este site está lidando usando 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 de testar sitios da Web, servidores da Web e aplicativos de intranet com interfaces da Web. O visitante pode testar e analisar as propriedades de desempenho sob diversas condições do 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 que um sitio esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É por extrema influência 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 deter uma equipe em standby que possa responder a situações de emergência dentro de 4 a seis horas após relatar este problema. Estes clientes devem entender a importância disso e estar preparados para ter um orçamento alocado para essa finalidade.

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