Construindo um Website completo a partir do uma plano simples

Nos meus www.prjsm.org 10 anos de experiência na gestão de uma empresa por desenvolvimento web, tem havido muitos quadros em que os clientes vêm até mim com apenas um conceito básico do que eles querem desenvolver. À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 justamente o de que eles querem. Às vezes eles apenas têm uma ideia e às vezes é um pouco muito mais que isso. Qualquer de que seja o caso, eles olham o visitante não apenas 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 usando 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 por seus clientes e converter seus sonhos em realidade.

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

Você deve 1o tentar produzir uma lista de seções lógicas de que o site deve ter. Faça perguntas ao cliente se o visitante acha que não entende. Se o visitante já tem experiência pelo desenvolvimento do sites relacionados ao juízo, pode sugerir seções que devem manter-se presentes logicamente. No final 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) usando uma breve descrição de cada seção, detalhando este objetivo primário e o fim do documento. seção. Em termos técnicos, você pode vir a chamar isso de mapa do sitio. Além das seções, o mapa do site igualmente mostra tais como cada seçã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 bem explicados quando você fala diretamente com seu cliente.

2. Converta seu documento em um diagrama de wireframe.

Existe uma diferença entre criar 1 diagrama de wireframe e o que pessoalmente prefiro. Eu sobretudo projeto o site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto bastante mais rápido usando powerpoint e não tenho que confiar em meus programadores para criar o wireframe. No documento sobre powerpoint, simplesmente 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. como visitante navegaria no site. Neste ponto, o cliente pode ver visualmente a sua ideia tomando estilo. Do documento, ele entende como o sitio vai parecer e saiba como vai se comportar. Para mim, pessoalmente, este é especialmente 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 de ter no total 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 forma como as páginas e o sitio funcionarão. Igualmente lhe dá algo tangível para mostrar ao cliente que foi relativamente instantaneo e fácil de criar. Quanto ainda mais complexo for o sitio, mais eficiente será a armação por arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente fácil se o visitante souber o que precisa ser projetado. O designer decide a respeito de o esquema de cores, cria seu estilo do layout e gráficos. Às vezes, o 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 por alta excelência. 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 igualmente é uma tarefa deveras 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 estacionaestaficafixa jazepararpermanecequeda 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 cuidado 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. – Este design da página deve permanecer justamente o exatamente depois de programar saiba como era antes. – Praticamente as brechas de segurança estão conectadas – O site carrega rápido e é compatível na maioria dos navegadores É aconselhável que uma versão do trabalho do site seja carregada em um servidor de questionário no qual o cliente possa visualizar o melhoria e o comentário. Recorde-se de que estes sites enviados em 1 servidor de teste também podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. Então, por benefício, assegure-se de que o site esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por senha durante todo o processo de desenvolvimento.

5. processo de teste.

A importância desta fase foi talvez a mais enfatizada e a menos praticada no universo da internet. Clientes e desenvolvedores não percebem a urgência de finalizar o 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 por design estão em vigor em todos os navegadores populares. Há diversas ferramentas on-line, saiba como as que ajudam o visitante a visualizar sua página da Web em diferentes navegadores. Para ver como seu sitio aparece nas telas pequenas de celulares como o BlackBerry ou o Windows Mobile, confira. – Teste a velocidade do seu sitio – Algumas pessoas ainda estão usando conexões lentas e sua 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 usando todos os 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 browser da web. Ele mostra estatísticas (tamanho, tempo por carregamento) para cada objeto na página da web para de que você saiba sobre estes culpados que podem tornar o sitio mais lento. Como escolha, você pode vir a usar o Firebug pelo Firefox para detectar elementos em sua página da Web de que estão aumentando o tempo de carregamento de suas páginas da Web. – Testando usabilidade? Você pode vir a criar 1 grupo de usuários de teste de que testará o site em termos do facilidade do uso e experiência de navegação. Ouça atentamente os comentários deles e talvez deseje incorporar algumas do suas sugestões ao seu site. Alternativamente, você têm a possibilidade de entrar em contato usando sites de que têm uma base de usuários de testadores de que farão este teste para você. foi um exemplo disso. – Teste do carga, estresse e performance? Se este seu sitio tiver este potencial por ser utilizado por milhares de usuários, será preciso testar seu site para monitorar o desempenho do site. Em especial, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se o site estacionaestaficafixa jazepararpermanecequeda lidando com as urgências de streaming na demanda de pico. Se necessário, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Existem muitas ferramentas que fornecem maneiras por testar sitios da Web, servidores da Web e aplicativos por intranet usando interfaces da Web. Você pode testar e analisar as características de desempenho sob diversas condições por carga para encontrar gargalos nas 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, o visitante não têm a possibilidade de garantir 1 site por teste 100% completo. Haverá erros, erros que não podem ser previstos, a menos de que um sitio esteja ativo e trabalhando com usuários reais e dados em tempo real. É do extrema importância que você 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, você deve deter uma equipe em standby que possa responder a situações do 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 um orçamento alocado para tal finalidade.

Em conclusão, todos estes pontos podem vir a ser elaborados, refinados e adicionados. Na verdade, existem infinitas variações e adições possíveis, porém isso pode vir a servir tais como uma diretriz básica para aqueles que estão no negócio do desenvolver e projetar aplicativos da web, bem como clientes que desejam produzir um negócio on-line de sucesso.