Construindo um site completo a partir de uma plano fácil

Nos meus kabluchka.com 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é mesmo mim usando 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 do 1 a 2 frases a cem páginas detalhados com diagramas, referências e assim por diante. Em ambos os casos, você se depara com pouca ou muita informação. Não é esperado que seus clientes sejam tão natural informados quanto definir exatamente o 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 somente como desenvolvedores da Web, mas também como 1 consultor especialista que pode orientá-los sobre este caminho fixo a completar.

O visitante então se depara com o desafio de transformar a ideia básica em um negócio on-line completo que possua o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui está uma lista do estratégias que garantem 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 1o tentar criar uma lista de seções lógicas que o site deve deter. Faça perguntas ao cliente se você acha de que não entende. Se o visitante já possui experiência pelo desenvolvimento de sites relacionados ao conceito, pode sugerir seções que devem estar 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 por cada divisão, detalhando o objetivo primário e o objectivo do documento. seção. Em termos técnicos, você pode vir a chamar isso de mapa do sitio. Além das seções, este mapa do site também igualmente similarmente identicamente conjuntamente 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 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 do wireframe e o que eu pessoalmente prefiro. Eu sobretudo 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. Pelo 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 o comportamento do site. como visitante navegaria no sitio. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando forma. Do documento, ele entende como o sitio vai parecer e como vai se comportar. Para mim, pessoalmente, este foi o passo mais crucial e, quanto mais detalhado você estiver na sua preparação do seu wireframe, mais fácil e suave será o desenvolvimento de design e desenvolvimento. Depois de ter todo o site construído, o visitante pode enviá-lo para o 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 sitio funcionarão. Igualmente lhe dá algo tangível para mostrar ao cliente que é relativamente super veloz e fácil de produzir. Quanto mais complexo for o sitio, mais útil será a armação do 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 a cerca de o esquema de cores, cria seu estilo de layout e gráficos. Às vezes, o designer ajusta o arranjo 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 por alta qualidade. Em analogia 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 estes designs do página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele está em analogia 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 o maior alento e importâ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 o visitante tenha feito. – O design da página deve permanecer exatamente o precisamente depois do programar saiba como era antes. – Praticamente as brechas de segurança estão conectadas – Este site carrega rápido e é compatível na maioria dos navegadores É aconselhável que uma versão de trabalho do site mesmo que carregada em um servidor de teste no qual o cliente possa visualizar o melhoria e o comentário. Lembre-se de que os sites enviados em 1 servidor de teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos do pesquisa. Então, por benefício, assegure-se de que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por senha durante no total o desenvolvimento de desenvolvimento.

5. processo do teste.

A importância desta fase é especialmente talvez a mais enfatizada e a menos praticada no mundo da net. Clientes e desenvolvedores não percebem a urgência de finalizar o projeto e colocá-lo em funcionamento. Este processo de 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, tais como as de que ajudam o visitante a visualizar sua página da Web em variados 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 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 que o tempo médio do 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 do limites razoáveis. é 1 serviço online gratuito de que imita a maneira saiba como uma página é carregada no browser da web. Ele revela estatísticas (tamanho, tempo de carregamento) para cada objeto na página da web para de que você saiba sobre os culpados que podem tornar o sitio mais lento. Como alternativa, você têm a possibilidade de usar este 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ê pode vir a criar um grupo do usuários do teste que testará o site em termos de facilidade do uso e experiência de 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 usando sites que têm uma base de usuários do testadores que farão o teste para você. foi um exemplo disso. – Teste por carga, estresse e performance? Se este seu site tiver o potencial por ser utilizado por milhares de utilizadores, 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 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 de testar sites da Web, servidores da Web e aplicativos de intranet usando interfaces da Web. O visitante pode testar e analisar as propriedades de performance sob diversas condições do carga para encontrar gargalos nas as suas aplicações web.

6. Suporte pós lançamento.

Independentemente de quão bem este seu aplicativo da web foi planejado, projetado e testado, você não pode garantir um site por 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 influência 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 depois relatar o problema. Estes 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, andam 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 tais como clientes de que desejam produzir um negócio on-line por sucesso.