Criar um site completo a partir do uma conceito básica

Nos meus 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é mesmo mim usando apenas um conceito básico do que eles querem desenvolver. Às vezes, eles me enviam uma descrição do projeto que compreende meros documentos de 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 bem informados quanto definir justamente o de que eles querem. Às vezes eles apenas têm uma ideia e às vezes é um pouco ainda mais que isso. Qualquer de que seja o caso, eles olham você não exclusivamente como desenvolvedores da Web, mas também igualmente similarmente identicamente conjuntamente como 1 consultor especialista que pode orientá-los sobre este caminho certo a seguir.

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

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

O visitante deve primeiro tentar criar 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 você já possui experiência no desenvolvimento do 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 por cada seção, detalhando o objetivo principal e a finalidade 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 igualmente mostra como cada seçã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 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 basicamente projeto o 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. 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 o comportamento do site. tais como visitante navegaria no site. Neste ponto, o cliente pode ver visualmente a sua ideia tomando forma. Do documento, ele entende como o sitio vai parecer e tais como vai se comportar. Para mim, pessoalmente, este é 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 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 de arame. Isso ajudará a eliminar qualquer mal-entendido a cerca de a forma como as páginas e o site funcionarão. Igualmente lhe dá algo tangível para mostrar ao cliente que foi relativamente super veloz e elementar de produzir. Quanto 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 reforma relativamente elementar se o visitante souber o que precisa ser projetado. O designer decide a cerca de o esquema de cores, cria seu estilo por layout e gráficos. Às vezes, este designer ajusta o arranjo 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 de alta excelência. Em analogia 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 igualmente é uma tarefa em muito desafiadora.

No final deste estágio, todos estes designs do página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele está em analogia com este 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 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 mesmo depois por 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 de trabalho do site seja carregada em um servidor de teste no qual o cliente possa visualizar o progresso e o comentário. Recorde-se de que estes sites enviados em um servidor de 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 sitio deve ser protegido por senha durante no total o processo de desenvolvimento.

5. processo por teste.

A importância desta fase é especialmente talvez a mais enfatizada e a menos praticada no mundo da net. Clientes e desenvolvedores não percebem a urgência de finalizar este 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 os elementos por design estão em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, como as que ajudam você a visualizar sua página da Web em diferentes 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 site – Algumas pessoas ainda estão usando conexões lentas e sua população não é insignificante, especialmente pelo mundo em desenvolvimento. Logo, você precisa garantir de que o tempo médio do carregamento do 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. é um serviço on-line gratuito de 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 que você saiba sobre os culpados que podem tornar o sitio mais lento. Como escolha, você têm a possibilidade de usar o 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ê pode vir a criar 1 grupo de usuários do teste de que testará este site em termos do facilidade por uso e experiência de navegação. Ouça atentamente estes comentários deles e talvez deseje implementar algumas por suas 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 este teste para você. é especialmente um exemplo disso. – Teste do carga, estresse e desempenho? Se o seu site tiver este potencial de ser usado por milhares de usuários, 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 estacionaestaficafixa jazepararpermanecequeda 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. Há muitas ferramentas que fornecem maneiras de testar sites da Web, servidores da Web e aplicativos do intranet com interfaces da Web. Você pode testar e analisar as propriedades de performance 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 o seu aplicativo revolution19.amsterdam da web foi planejado, projetado e testado, o visitante não pode garantir 1 site por teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos de que um sitio esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É do extrema influência que você 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 ter uma equipe em standby que possa responder a situações de 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 um orçamento alocado para essa finalidade.

Em conclusão, todos estes pontos podem ser elaborados, refinados e adicionados. Na verdade, há 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 pelo negócio do desenvolver e projetar aplicativos da web, bem saiba como clientes de que desejam criar um empreendimento on-line por sucesso.