Construindo um sitio completo a partir do uma conceito simples

Nos meus www.cosapubblica.it 10 anos de experiência na gestão de uma empresa de desenvolvimento web, tem havido muitos casos em que os clientes vêm até mim usando apenas 1 conceito básico do que eles querem progredir. Às vezes, eles me enviam uma descrição do projeto que compreende meros documentos de 1 a 2 frases a 100 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 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 exclusivamente como desenvolvedores da Web, mas igualmente como um consultor especialista que pode orientá-los sobre o caminho perfeito a completar.

O visitante 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 por estratégias que garantem que você possa atender às expectativas por seus clientes e converter seus sonhos em realidade.

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

O visitante deve 1o tentar produzir uma lista de seções lógicas de que o site deve deter. Faça perguntas ao cliente se o visitante acha 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 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 do cada divisão, detalhando este objetivo principal e o fim do documento. seção. Em termos técnicos, você pode vir a chamar isso de mapa do site. Além de seções, o mapa do site também mostra saiba 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 natural explicados quando você fala diretamente com seu cliente.

2. Converta seu documento em um diagrama por wireframe.

Existe uma diferença entre criar 1 diagrama por wireframe e o que eu pessoalmente prefiro. Eu simplesmente 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 este wireframe. No documento sobre 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 este comportamento do site. tais como visitante navegaria no site. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando forma. 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 detalhado você estiver na sua própria preparação do seu wireframe, mais fácil e suave será o processo de design e desenvolvimento. Depois por ter todo o site construído, você pode enviá-lo para o seu cliente para assinar ou enviar alterações para o seu quadro de 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 instantaneo e elementar de criar. 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 fácil se você souber o que precisa ser projetado. O designer decide sobre o esquema de cores, cria seu estilo do 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 este site tiver tudo a ver usando branding e apresentação, então o design deve ser do alta excelência. Em conformidade com os mais modernos padrões da Web 2. 0 e design inteligente de seções de interface do usuário com pop-ups JQuery / AJAX também igualmente similarmente identicamente conjuntamente é uma tarefa em muito desafiadora.

No final deste estágio, todos os designs por 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 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. – O design da página deve permanecer exatamente o precisamente depois de programar tais como era previamente. – Todas 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 por trabalho do site mesmo que carregada em um servidor de teste no qual o cliente possa visualizar o melhoria e este comentário. Relembre-se de que estes sites enviados em 1 servidor de teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos do pesquisa. Então, por benefício, assegure-se que o sitio esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por senha durante todo o desenvolvimento de desenvolvimento.

5. processo por teste.

A importância desta fase foi talvez a mais enfatizada e a menos praticada no globo da net. Clientes e desenvolvedores não percebem a urgência de finalizar este projeto e colocá-lo em funcionamento. Este processo de teste pode vir a ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos do design estão em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, tais como as de que ajudam o visitante a visualizar sua página da Web em variados 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 – Algumas pessoas ainda estão usando conexões lentas e sua população não é insignificante, especialmente no mundo em desenvolvimento. Por isso, você precisa garantir que o tempo médio do carregamento de 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 on-line gratuito de que imita a maneira como uma página é carregada no navegador da web. Ele revela estatísticas (tamanho, tempo por carregamento) para cada objeto na página da web para de que você fique a saber sobre estes culpados de que podem tornar o sitio mais lento. Como escolha, você pode usar este Firebug pelo Firefox para detectar elementos em sua própria página da Web que estão aumentando o tempo de carregamento de as suas páginas da Web. – Testando usabilidade? Você pode vir a criar 1 grupo do usuários de teste de que testará este site em termos de facilidade de uso e experiência de navegação. Ouça atentamente estes comentários deles e talvez deseje incorporar algumas por suas sugestões ao seu site. Alternativamente, você pode entrar em contato com sites que têm uma base por usuários de testadores de que farão o teste para você. foi um exemplo disso. – Teste por carga, estresse e performance? Se este seu site tiver este potencial do ser usado por milhares de utilizadores, será necessário testar seu site para monitorar o desempenho do site. Particularmente, se você planeja exibir conteúdo em vídeo ou áudio, verifique se o site permanecequeda lidando com 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. Há muitas ferramentas que fornecem maneiras do testar sitios da Web, servidores da Web e aplicativos do intranet com interfaces da Web. O visitante pode testar e analisar as propriedades de desempenho sob numerosas condições de carga para encontrar gargalos nas as 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, o visitante não têm a possibilidade de garantir um site de teste 100% completo. Haverá erros, erros que não podem ser previstos, a menos de que um site esteja ativo e trabalhando com usuários reais e dados em tempo real. É do extrema importâ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 do emergência dentro de 4 a 6 horas depois relatar o problema. Estes clientes devem entender a importância disso e estar preparados para ter 1 orçamento alocado para essa finalidade.

Em conclusão, todos estes pontos podem ser elaborados, refinados e adicionados. Na verdade, existem infinitas variações e adições possíveis, contudo isso pode 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 negócio on-line por sucesso.