Criar um Web-site completo a partir de uma plano fácil

Nos meus mega-jo.com 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 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 justamente o de que eles querem. Às vezes eles só 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 também como um 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 empreendimento on-line completo que tenha o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui está uma lista do estratégias que garantem de que você possa atender às expectativas do seus clientes e converter seus sonhos em imagem.

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

Você deve primeiro tentar criar uma lista de seções lógicas que o site deve ter. Faça perguntas ao cliente se você acha de que não entende. Se você já possui experiência pelo desenvolvimento de sites relacionados ao conceito, pode sugerir seções que devem manter-se 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) com uma breve descrição por cada seção, detalhando o objetivo primário e o objectivo do documento. seção. Em termos técnicos, você pode chamar isso de mapa do sitio. Além de seções, o mapa do site igualmente mostra 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 1 diagrama do wireframe.

Existe uma diferença entre criar um diagrama de wireframe e o que pessoalmente prefiro. Eu basicamente projeto este 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. Pelo 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. saiba como visitante navegaria no site. Neste ponto, o cliente pode olhar 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 discriminado você estiver na sua preparação do seu wireframe, mais fácil e suave será o processo de design e desenvolvimento. Depois de ter a 100% o site 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. Também igualmente similarmente identicamente conjuntamente lhe dá algo tangível para mostrar ao cliente que é especialmente relativamente super veloz e fácil de criar. Quanto ainda mais complexo for o sitio, mais útil será a armação por arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente fácil se você souber o que precisa ser projetado. O designer decide sobre 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. É claro de que se o site tiver tudo a ver usando branding e apresentação, então o design deve ser por alta capacidade. 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 é uma tarefa em muito desafiadora.

No final deste estágio, todos os designs de página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele estacionaestaficafixa jazepararpermanecequeda 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 este maior alento 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. – O design da página deve permanecer exatamente o exatamente depois de programar como era previamente. – Praticamente 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 do trabalho do site mesmo que carregada em um servidor de questionário no qual o cliente possa visualizar o progresso e este comentário. Recorde-se de que estes sites enviados em 1 servidor do teste também igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos de 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 no total o processo de desenvolvimento.

5. processo de teste.

A importância desta fase foi talvez a mais enfatizada e a menos praticada no universo da net. Clientes e desenvolvedores não percebem a urgência de finalizar o projeto e colocá-lo em funcionamento. Este processo por teste têm a possibilidade de 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. Há diversas ferramentas on-line, tais como as de que ajudam você a visualizar sua página da Web em diferentes navegadores. Para ver como seu site 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 população não é insignificante, especialmente no mundo em desenvolvimento. Logo, você precisa garantir de que o tempo médio de 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. é 1 serviço on-line 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 que você fique a saber sobre estes culpados que podem tornar o sitio mais lento. Como alternativa, você pode vir a usar o Firebug pelo Firefox para detectar elementos em sua própria página da Web que estão aumentando o tempo de carregamento de suas páginas da Web. – Testando usabilidade? Você pode vir a criar 1 grupo do usuários de teste que testará este site em termos de facilidade de uso e experiência do navegação. Ouça atentamente os comentários deles e talvez deseje incorporar algumas do suas sugestões ao seu site. Alternativamente, você têm a possibilidade de entrar em contato com sites que têm uma base de usuários por testadores que farão o teste para você. é especialmente um exemplo disso. – Teste por carga, estresse e desempenho? Se este seu site tiver este potencial do ser usado por muitos milhares de usuários, será necessário testar seu site para monitorar o desempenho do site. Em particular, se você 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. Existem 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 numerosas 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 1 site de teste 100% completo. Haverá erros, erros que não podem ser previstos, a menos que um site esteja ativo e trabalhando com usuários reais e dados em tempo real. É por extrema influência que você 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, o visitante deve ter uma equipe em standby que possa responder a situações de emergência dentro de 4 a seis horas depois 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, há infinitas variações e adições possíveis, mas isso pode vir a servir saiba como uma diretriz básica para aqueles de que estão pelo negócio por desenvolver e projetar aplicativos da web, bem saiba como clientes de que desejam produzir um empreendimento on-line por sucesso.