Construindo um site completo a partir por uma plano básica

Nos meus www.quintana.cat 10 anos de experiência na gestão de uma empresa por desenvolvimento web, tem havido muitos casos em de que os clientes vêm até mim com apenas um conceito básico do que eles querem progredir. Às vezes, eles me enviam uma descrição do projeto de que compreende meros documentos do 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 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 igualmente como um consultor especialista que pode orientá-los sobre este caminho fixo 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 que garantem que você possa atender às expectativas de seus clientes e transformar seus sonhos em realidade.

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

O visitante deve 1o tentar criar uma lista de seções lógicas de 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 por sites relacionados ao conceito, 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 a finalidade do documento. seção. Em termos técnicos, você têm a possibilidade de chamar isso de mapa do sitio. Além de seções, este mapa do site também mostra saiba 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 natural explicados quando você fala diretamente com seu cliente.

2. Converta seu documento em um diagrama do wireframe.

Existe uma diferença entre criar 1 diagrama do wireframe e o que eu pessoalmente prefiro. Eu simplesmente 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 o wireframe. No documento sobre powerpoint, sobretudo 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. como visitante navegaria no site. Neste ponto, o cliente pode ver visualmente a sua ideia tomando estilo. Do documento, ele entende como o site vai parecer e saiba como vai se comportar. Para mim, pessoalmente, este é especialmente o passo mais crucial e, quanto mais discriminado você estiver na sua própria preparação do seu wireframe, mais fácil e suave será o processo de design e desenvolvimento. Depois do ter todo o sitio construído, você 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 a cerca de a maneira 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 instantaneo e elementar de produzir. Quanto mais complexo for o sitio, 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 este 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. Foi claro que se o site tiver tudo a ver usando branding e apresentação, então o design deve ser de alta capacidade. Em conformidade com estes mais recentes 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 fim deste estágio, todos estes designs do página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele permanecequeda em conformidade com o 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 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 de programar tais como era antes. – Praticamente as brechas de segurança estão conectadas – O site carrega rápido e é compatível na maioria dos navegadores É recomendável que uma versão de trabalho do site mesmo que carregada em um servidor de teste no qual o cliente possa visualizar o progresso e o comentário. Relembre-se de que os sites enviados em um servidor por teste também podem ser rastreados pelo Google e indexados pelos mecanismos de pesquisa. Então, por favor, assegure-se que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante a 100% o processo de desenvolvimento.

5. processo de teste.

A importância desta fase é especialmente talvez a mais enfatizada e a menos praticada no universo da internet. Clientes e desenvolvedores não percebem a urgência por 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 estes elementos do design estão em vigor em todos os navegadores populares. Andam diversas ferramentas on-line, saiba como as de que ajudam o visitante a visualizar sua página da Web em diferentes navegadores. Para ver tais como seu site 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. Por isso, 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. é um serviço on-line gratuito que imita a maneira como uma página é carregada no browser da web. Ele mostra estatísticas (tamanho, tempo de carregamento) para cada objeto na página da web para de que você saiba sobre estes culpados que podem tornar o site mais lento. Como escolha, você pode usar o 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ê pode vir a criar um grupo de usuários de teste que testará este site em termos por facilidade do uso e experiência por navegação. Ouça atentamente estes comentários deles e talvez deseje implementar algumas de suas 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 o teste para você. foi um exemplo disso. – Teste de carga, estresse e desempenho? Se este seu sitio tiver este potencial do ser usado por muitos milhares de usuários, será preciso testar seu site para monitorar o desempenho do site. Em especial, se você planeja exibir conteúdo em vídeo ou áudio, verifique se o 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. Há muitas ferramentas que fornecem maneiras do testar sitios da Web, servidores da Web e aplicativos de intranet usando interfaces da Web. Você pode testar e analisar as características de desempenho sob numerosas condições de 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 têm a possibilidade de garantir 1 site do teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos de que um site 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 de emergência dentro de 4 a seis horas após relatar o problema. Os clientes devem entender a importância disso e manter-se preparados para ter 1 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, porém isso pode servir saiba como uma diretriz básica para aqueles que estão pelo negócio por desenvolver e projetar aplicativos da web, bem como clientes que desejam criar um negócio on-line por sucesso.