Construindo um Website completo a partir do uma conceito básica

Nos meus 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é 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 100 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 que eles querem. Às vezes eles só têm uma ideia e às vezes é um pouco mais que isso. Qualquer de que seja este caso, eles olham o visitante não exclusivamente como desenvolvedores da Web, mas igualmente como 1 consultor especialista que pode orientá-los sobre este caminho certo a completar.

Você 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. Cá está uma lista do estratégias que garantem que você possa atender às expectativas por seus clientes e converter seus sonhos em imagem.

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

O visitante deve primeiro tentar criar uma lista de seções lógicas de que o sitio deve deter. Faça perguntas ao cliente se o visitante acha de que não entende. Se o visitante já tem experiência no desenvolvimento do sites relacionados ao conceito, pode sugerir seções que devem manter-se presentes logicamente. No fim deste exercício, você deve criar um 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 de cada divisão, detalhando este objetivo primário e a finalidade 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 mostra saiba como cada divisão está vinculada entre si. Compartilhe este documento com o cliente e, se possível, explique este documento para ele. Às vezes, seus pensamentos são mais natural explicados quando fala diretamente com seu cliente.

2. Converta seu documento em um diagrama do wireframe.

Existe uma diferença entre criar 1 diagrama por wireframe e o que eu pessoalmente prefiro. Eu basicamente 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 este wireframe. No documento a respeito de powerpoint, sobretudo 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 este comportamento do site. saiba 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 é 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 por ter a 100% o sitio 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 site funcionarão. Também igualmente similarmente identicamente conjuntamente lhe dá algo tangível para mostrar ao cliente que foi relativamente rápido e fácil de produzir. Quanto mais complexo for o sitio, mais eficaz será a armação por arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente elementar se você souber este que precisa ser projetado. O designer decide a cerca de 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 usando branding e apresentação, então o design deve ser do alta capacidade. Em conformidade com os 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 o 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 o visitante tenha feito. – Este design da página deve permanecer exatamente o precisamente depois de 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 É aconselhável que uma versão de trabalho do site seja carregada em um servidor de questionário 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 por 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 sinal durante todo o processo de desenvolvimento.

5. processo de teste.

A importância desta fase é especialmente talvez a mais enfatizada e a menos praticada no globo da internet. Clientes e desenvolvedores não percebem a urgência de finalizar este projeto e colocá-lo em funcionamento. O processo do teste pode vir a 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. Andam diversas ferramentas on-line, saiba como as de que ajudam você 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 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 pelo mundo em desenvolvimento. Portanto, você precisa garantir de que o tempo médio por 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 de limites razoáveis. é um 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 por carregamento) para cada objeto na página da web para que você fique a saber sobre os culpados de que podem tornar o site mais lento. Como alternativa, você têm a possibilidade de usar este Firebug pelo Firefox para detectar elementos em sua própria página da Web de que estão aumentando o tempo de carregamento de suas páginas da Web. – Testando usabilidade? Você pode criar 1 grupo do usuários de teste que testará este site em termos de facilidade do uso e experiência do navegação. Ouça atentamente os comentários deles e talvez deseje incorporar algumas de suas gymnastics.arbooz.info sugestões ao seu site. Alternativamente, você pode vir a entrar em contato com sites de que têm uma base do usuários por testadores que farão este teste para você. é um exemplo disso. – Teste do carga, estresse e desempenho? Se este seu sitio tiver este potencial por ser usado por milhares de usuários, será necessário testar seu site para monitorar o desempenho do site. Em particular, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se este site permanecequeda 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. Andam muitas ferramentas que fornecem maneiras do testar sitios da Web, servidores da Web e aplicativos do intranet com 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.

6. 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 um site de teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos que um sitio esteja ativo e trabalhando com usuários reais e dados em tempo real. É do extrema mais valia 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 de emergência dentro de 4 a seis horas depois relatar este 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 possibilitar ser elaborados, refinados e adicionados. Na verdade, existem infinitas variações e adições possíveis, contudo 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 como clientes que desejam criar um negócio on-line do sucesso.