Construindo um Website completo a partir de uma conceito básica

Nos meus www.flavafm.co.zm 10 anos de experiência na gestão de uma empresa de desenvolvimento web, tem havido muitos casos em de que os clientes vêm até mim usando 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 do 1 a 2 frases a 100 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 bem informados quanto definir exatamente o de que eles querem. Às vezes eles apenas têm uma ideia e às vezes é 1 pouco ainda mais que isso. Qualquer de que seja este caso, eles olham o visitante 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 perfeito a completar.

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

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

O visitante deve primeiro tentar criar uma lista de seções lógicas que o sitio deve deter. Faça perguntas ao cliente se o visitante acha de que não entende. Se você já tem experiência pelo desenvolvimento de sites relacionados ao juízo, pode sugerir seções de que devem estar presentes logicamente. No final 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) com uma breve descrição por cada divisão, detalhando este objetivo primário e a finalidade do documento. seção. Em termos técnicos, você pode chamar isso de mapa do sitio. Além de seções, este mapa do site igualmente mostra tais como cada divisão está vinculada entre si. Compartilhe este documento com o 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 por wireframe.

Existe uma diferença entre criar um diagrama de wireframe e o que eu pessoalmente prefiro. Eu simplesmente projeto o 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 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 destes dados e como eles aparecem, botões, alertas, pop-ups e organizar os slides simulando o comportamento do site. saiba como visitante navegaria no sitio. 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 preparação do seu wireframe, mais fácil e suave será o processo de design e desenvolvimento. Depois de ter no total o sitio construído, o visitante 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 maneira como as páginas e o sitio funcionarão. Também lhe dá algo tangível para mostrar ao cliente que é relativamente rápido e fácil de produzir. Quanto ainda mais complexo for o site, mais eficiente será a armação do 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 a cerca de o esquema de cores, cria seu estilo do layout e gráficos. Às vezes, este designer ajusta o arranjo das seções para aquelas que são mais visualmente atraentes. Foi claro de que se o site tiver tudo a ver usando branding e apresentação, então o design deve ser do alta qualidade. 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 também igualmente similarmente identicamente conjuntamente é uma tarefa deveras 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 todas as seções / dados foram cobertos.

4. Programação do site.

Durante a programação, assegure-se o seguinte com este maior cuidado e influê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. – Este design da página deve permanecer justamente o mesmo depois do programar como era antes. – Todas as brechas de segurança estão conectadas – O site carrega rápido e é compatível na maioria 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. Recorde-se de que os sites enviados em um servidor do teste também podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. Então, por favor, assegure-se de que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante todo o desenvolvimento de desenvolvimento.

5. processo por teste.

A importância desta fase é talvez a mais enfatizada e a menos praticada no universo da net. Clientes e desenvolvedores não percebem a urgência do finalizar o projeto e colocá-lo em funcionamento. Este processo por teste pode 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. Existem diversas ferramentas on-line, tais como as de que ajudam você 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 este Windows Mobile, confira. – Teste a velocidade do seu site – Algumas pessoas ainda estão usando conexões lentas e sua própria população não é insignificante, especialmente no mundo em desenvolvimento. Logo, você precisa garantir que o tempo médio por carregamento de suas páginas da Web em HTML, juntamente com todos os anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro de limites razoáveis. é 1 serviço online gratuito de que imita a maneira como uma página é carregada no navegador da web. Ele mostra estatísticas (tamanho, tempo de 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 escolha, você têm a possibilidade de usar o Firebug no Firefox para detectar elementos em sua página da Web que estão aumentando o tempo de carregamento de suas páginas da Web. – Testando usabilidade? Você têm a possibilidade de criar um grupo de usuários por teste que testará o site em termos por facilidade do uso e experiência do 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 usando sites de que têm uma base do usuários de testadores de que farão o teste para você. é especialmente um exemplo disso. – Teste de carga, estresse e desempenho? Se o seu sitio tiver o potencial de ser usado por milhares de utilizadores, será preciso 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 está 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. Existem muitas ferramentas que fornecem maneiras por testar sites da Web, servidores da Web e aplicativos por intranet com interfaces da Web. Você pode testar e analisar as propriedades de desempenho sob várias condições por 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 por teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos que um site esteja ativo e trabalhando com usuários reais e dados em tempo real. É do 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, você deve ter uma equipe em standby que possa responder a situações de emergência dentro de 4 a 6 horas depois relatar este problema. Os clientes devem entender a importância disso e estar preparados para ter um orçamento alocado para tal 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 têm a possibilidade de servir tais como uma diretriz básica para aqueles que estão pelo negócio de desenvolver e projetar aplicativos da web, bem saiba como clientes que desejam produzir um empreendimento on-line por sucesso.