Criar um Web-site completo a partir do uma conceito simples

Nos meus greatbibletales.com 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 usando apenas um conceito básico do que eles querem progredir. Às vezes, eles me enviam uma descrição do projeto 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 natural informados quanto definir exatamente o que eles querem. Às vezes eles apenas têm uma ideia e às vezes é 1 pouco muito mais que isso. Qualquer que seja o caso, eles olham o visitante não apenas como desenvolvedores da Web, mas igualmente como 1 consultor especialista que pode orientá-los sobre este caminho perfeito a completar.

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

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

Você deve primeiro tentar criar uma lista de seções lógicas de que o sitio deve ter. Faça perguntas ao cliente se o visitante acha de que não entende. Se você já possui experiência no desenvolvimento de 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) com uma breve descrição de cada seção, detalhando o 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 de seções, o mapa do site também igualmente similarmente identicamente conjuntamente mostra saiba como cada seção está vinculada entre si. Compartilhe este documento com este cliente e, se permitido, 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 por wireframe.

Existe uma diferença entre criar 1 diagrama de wireframe e o que eu pessoalmente prefiro. Eu sobretudo 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 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 dos dados e como eles aparecem, botões, alertas, pop-ups e organizar os slides simulando este comportamento do site. tais como visitante navegaria no site. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando forma. Do documento, ele entende como o sitio vai parecer e tais como vai se comportar. Para mim, pessoalmente, este foi o passo mais crucial e, quanto mais discriminado você estiver na sua preparação do seu wireframe, mais fácil e suave será o desenvolvimento de design e desenvolvimento. Depois do ter todo o sitio construído, você pode enviá-lo para este seu cliente para assinar ou enviar alterações para o seu quadro por arame. Isso ajudará a eliminar qualquer mal-entendido a cerca de a forma como as páginas e o sitio funcionarão. Também igualmente similarmente identicamente conjuntamente lhe dá algo tangível para mostrar ao cliente que é especialmente relativamente rápido e fácil de criar. Quanto mais complexo for o sitio, mais eficaz será a armação de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente elementar se o visitante souber este que precisa ser projetado. O designer decide sobre o esquema de cores, cria seu estilo por layout e gráficos. Às vezes, o designer ajusta o desenho das seções para aquelas que são mais visualmente atraentes. É claro que se este site tiver tudo a ver com branding e apresentação, então o design deve ser de alta capacidade. Em conformidade com os mais recentes 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 em muito desafiadora.

No fim deste estágio, todos estes designs por página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele permanecequeda em analogia com o 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 este 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 você tenha feito. – Este design da página deve permanecer justamente o mesmo depois do programar tais como era previamente. – Praticamente as brechas de segurança estão conectadas – O site carrega rápido e é compatível na maior parte dos navegadores É aconselhável que uma versão por trabalho do site mesmo que carregada em um servidor de questionário no qual o cliente possa visualizar o melhoria e o 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 favor, assegure-se que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por senha durante no total o processo de desenvolvimento.

5. processo do 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 do finalizar o projeto e colocá-lo em funcionamento. O processo do teste pode ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos de design estão em vigor em todos os navegadores populares. Andam diversas ferramentas on-line, tais como as que ajudam o visitante a visualizar sua página da Web em variados 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 – Várias pessoas ainda estão usando conexões lentas e sua população não é insignificante, especialmente no mundo em desenvolvimento. Por isso, você precisa garantir que o tempo médio do carregamento por suas páginas da Web em HTML, juntamente usando todos os anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro do limites razoáveis. é um serviço online gratuito de que imita a maneira saiba como uma página é carregada no navegador da web. Ele mostra estatísticas (tamanho, tempo de carregamento) para cada objeto na página da web para que você fique a saber sobre estes culpados que podem tornar o site mais lento. Como alternativa, você pode vir a usar este Firebug pelo Firefox para detectar elementos em sua própria página da Web que estão aumentando o tempo de carregamento de suas páginas da Web. – Testando usabilidade? Você têm a possibilidade de criar 1 grupo do usuários por teste que testará este site em termos por facilidade de uso e experiência do navegação. Ouça atentamente os comentários deles e talvez deseje incorporar algumas de suas sugestões ao seu site. Alternativamente, você pode entrar em contato com sites que têm uma base do usuários do testadores que farão este teste para você. é um exemplo disso. – Teste por carga, estresse e performance? Se o seu sitio tiver este potencial de ser usado por milhares de usuários, será necessário testar seu site para monitorar este desempenho do site. Particularmente, se você planeja exibir conteúdo em vídeo ou áudio, verifique se o site está 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 de testar sites da Web, servidores da Web e aplicativos por intranet usando interfaces da Web. O visitante pode testar e analisar as características de performance sob várias condições do 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 pode vir a garantir um site por teste 100% completo. Haverá erros, erros que não podem ser previstos, a menos de que um site esteja ativo e trabalhando com utilizadores 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, 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 este problema. Os clientes devem entender a importância disso e estar preparados para ter 1 orçamento alocado para tal finalidade.

Em conclusão, todos os pontos podem ser elaborados, refinados e adicionados. Na verdade, há infinitas variações e adições possíveis, mas isso têm a possibilidade de servir tais como uma diretriz básica para aqueles que estão pelo negócio por desenvolver e projetar aplicativos da web, bem saiba como clientes que desejam produzir um empreendimento on-line por sucesso.