Construindo um sitio completo a partir do uma plano fácil

Nos meus 10 anos de experiência na gestão de uma empresa do desenvolvimento web, tem havido muitos casos em que os clientes vêm até mesmo mim com apenas 1 conceito básico do que eles querem desenvolver. Às vezes, eles me enviam uma descrição do projeto de 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 exatamente o de que eles querem. Às vezes eles apenas têm uma ideia e às vezes é um pouco ainda mais que isso. Qualquer que seja o caso, eles olham o visitante não exclusivamente como desenvolvedores da Web, mas também como 1 consultor especialista que pode orientá-los sobre este caminho fixo a completar.

Você então se depara com o desafio de transformar 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 por estratégias que garantem que você possa atender às expectativas de seus clientes e converter seus sonhos em imagem.

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

O visitante deve 1o tentar produzir uma lista de seções lógicas que o sitio deve ter. Faça perguntas ao cliente se você acha que não entende. Se o visitante já possui experiência pelo desenvolvimento do 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) usando uma breve descrição de cada divisão, detalhando o objetivo primário e o objectivo do documento. seção. Em termos técnicos, você pode chamar isso de mapa do site. Além das seções, este mapa do site igualmente mostra como cada seção está vinculada entre si. Compartilhe este documento com este cliente e, se possível, explique este 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 por wireframe e o que eu pessoalmente prefiro. Eu sobretudo projeto este 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. Pelo documento a cerca de powerpoint, simplesmente 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. como visitante navegaria no sitio. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando maneira. Do documento, ele entende como o site vai parecer e tais como vai se comportar. Para mim, pessoalmente, este é especialmente 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, o visitante 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 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 super veloz e elementar de produzir. Quanto ainda mais complexo for o site, mais útil será a armação de 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 por layout e gráficos. Às vezes, este designer ajusta o desenho das seções para aquelas que são mais visualmente atraentes. É claro 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 estes 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 bastante 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 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 o 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 o visitante tenha feito. – O design da página deve permanecer justamente o precisamente 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 por trabalho do site mesmo que carregada em um servidor de teste no qual o cliente possa visualizar o progresso e este comentário. Lembre-se de que estes sites enviados em 1 servidor por teste também igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos de pesquisa. Então, por favor, assegure-se de que o sitio esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por sinal durante a 100% o desenvolvimento de desenvolvimento.

5. processo de teste.

A importância desta fase é especialmente 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. O processo por teste pode ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos estes elementos do design estão em vigor em todos os navegadores populares. Há diversas ferramentas on-line, saiba como as de que ajudam você a visualizar sua página da Web em multiplos navegadores. Para ver saiba como seu sitio aparece nas telas pequenas de celulares como o BlackBerry ou o 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 pelo mundo em desenvolvimento. Logo, você precisa garantir que o tempo médio por carregamento do 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 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 de que você fique a saber sobre os culpados que podem tornar o site mais lento. Como escolha, você pode usar este Firebug no Firefox para detectar elementos em sua própria página da Web de que estão aumentando o tempo de carregamento de as suas páginas da Web. – Testando usabilidade? Você pode criar um grupo por usuários de teste que testará o site em termos do facilidade por uso e experiência do navegação. Ouça atentamente os comentários deles e talvez deseje incorporar algumas por suas tntshootinggrounds.com sugestões ao seu site. Alternativamente, você pode entrar em contato com sites de que têm uma base de usuários do testadores que farão este teste para você. é um exemplo disso. – Teste por carga, estresse e performance? Se este seu site tiver o potencial de ser usado por muitos milhares de usuários, será necessário testar seu site para monitorar este desempenho do site. Em particular, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se este site está lidando com as urgências de streaming na demanda de pico. Se preciso, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Existem muitas ferramentas que fornecem maneiras do testar sites da Web, servidores da Web e aplicativos do intranet usando interfaces da Web. O visitante pode testar e analisar as propriedades de desempenho sob numerosas condições por carga para encontrar gargalos nas as suas aplicações web.

seis. Suporte pós lançamento.

Independentemente de quão bem este 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, erros que não podem ser previstos, a menos de que um sitio esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É por extrema mais valia que o visitante 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 por emergência dentro de 4 a 6 horas após relatar este problema. Os clientes devem entender a importância disso e manter-se preparados para ter 1 orçamento alocado para tal finalidade.

Em conclusão, todos os pontos podem vir a ser elaborados, refinados e adicionados. Na verdade, andam infinitas variações e adições possíveis, mas isso têm a possibilidade de servir saiba 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 criar um negócio on-line do sucesso.