Criar um Web-site completo a partir por uma plano simples

Nos meus www.vupt.com.br 10 anos de experiência na gestão de uma empresa de desenvolvimento web, tem havido muitos quadros em que os clientes vêm até mesmo mim com apenas um conceito básico do que eles querem progredir. Às vezes, eles me enviam uma descrição do projeto 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 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 que seja o caso, eles olham você não apenas como desenvolvedores da Web, mas também igualmente similarmente identicamente conjuntamente como um consultor especialista que pode orientá-los sobre este caminho perfeito a atravessar.

Você então se depara usando 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 de estratégias de que garantem de que você possa atender às expectativas de seus clientes e transformar 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 de que o sitio deve ter. Faça perguntas ao cliente se você acha de que não entende. Se você já possui experiência pelo desenvolvimento do 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) usando uma breve descrição de cada seção, detalhando este 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, este mapa do site também igualmente similarmente identicamente conjuntamente mostra como cada divisão está vinculada entre si. Compartilhe este documento com este cliente e, se possível, explique o documento para ele. Às vezes, seus pensamentos são mais natural explicados quando fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama do wireframe.

Existe uma diferença entre criar 1 diagrama de wireframe e o que pessoalmente prefiro. Eu simplesmente projeto este 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 o wireframe. No documento a respeito 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 este comportamento do site. saiba como visitante navegaria no sitio. Neste ponto, o cliente pode ver visualmente a sua ideia tomando estilo. Do documento, ele entende como o site vai parecer e como vai se comportar. Para mim, pessoalmente, este é o passo mais crucial e, quanto mais preciso 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 por 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 é relativamente super veloz e elementar de produzir. Quanto muito mais complexo for o site, mais eficaz será a armação do arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente elementar se você souber o que precisa ser projetado. O designer decide sobre o esquema de cores, cria seu estilo de layout e gráficos. Às vezes, este designer ajusta o desenho das seções para aquelas que são mais visualmente atraentes. Foi claro que se o site tiver tudo a ver com branding e apresentação, então o design deve ser por alta excelência. 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 também igualmente similarmente identicamente conjuntamente é uma tarefa em muito desafiadora.

No fim deste estágio, todos os designs de página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele permanecequeda 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 este maior alento 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 você tenha feito. – Este design da página deve permanecer justamente o exatamente depois por programar saiba como era antes. – 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 do trabalho do site mesmo que carregada em um servidor de teste no qual o cliente possa visualizar o melhoria 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 do pesquisa. Então, por favor, assegure-se de que o site esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por sinal durante todo o desenvolvimento de desenvolvimento.

5. processo de 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 este projeto e colocá-lo em funcionamento. O processo do teste têm a possibilidade de 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, saiba como as que ajudam você a visualizar sua página da Web em multiplos navegadores. Para ver saiba 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 no mundo em desenvolvimento. Portanto, você precisa garantir de que o tempo médio por 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. é um serviço em linha gratuito de que imita a maneira saiba como uma página é carregada no browser da web. Ele mostra 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 alternativa, você pode usar este Firebug no 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ê têm a possibilidade de criar um grupo do usuários de teste de que testará este site em termos de facilidade do uso e experiência por navegação. Ouça atentamente estes comentários deles e talvez deseje incorporar algumas por suas sugestões ao seu site. Alternativamente, você têm a possibilidade de entrar em contato usando sites de que têm uma base do usuários por testadores de que farão o teste para você. é especialmente um exemplo disso. – Teste do carga, estresse e performance? Se o seu sitio tiver o potencial de ser usado por milhares de usuários, será preciso 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 está lidando com 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 por testar sites da Web, servidores da Web e aplicativos por intranet usando interfaces da Web. O visitante pode testar e analisar as características de desempenho sob várias condições do carga para encontrar gargalos nas as 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, você não têm a possibilidade de garantir 1 site do 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. É de 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, você deve ter uma equipe em standby que possa responder a situações do emergência dentro de 4 a 6 horas após 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, mas isso têm a possibilidade de servir tais como uma diretriz básica para aqueles de que estão no negócio por desenvolver e projetar aplicativos da web, bem saiba como clientes de que desejam produzir um empreendimento on-line de sucesso.