Construindo um Web-site completo a partir do uma ideia básica

Nos meus www.lasertattooremovalma.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 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, o visitante 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 é 1 pouco mais que isso. Qualquer de que seja o caso, eles olham você não somente como desenvolvedores da Web, mas igualmente como um consultor especialista que pode orientá-los sobre o caminho fixo a completar.

Você então se depara usando o desafio de transformar 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 por estratégias que garantem de que você possa atender às expectativas do seus clientes e converter seus sonhos em imagem.

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

Você deve primeiro tentar produzir uma lista de seções lógicas que o sitio deve deter. Faça perguntas ao cliente se o visitante acha que não entende. Se o visitante já possui experiência no desenvolvimento por sites relacionados ao juízo, pode sugerir seções que devem estar 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) com uma breve descrição do cada seção, detalhando o objetivo principal e a finalidade do documento. seção. Em termos técnicos, você pode vir a chamar isso de mapa do sitio. Além de seções, este mapa do site igualmente 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 bem explicados quando fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama por 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 este wireframe. Pelo documento a cerca 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 olhar visualmente a sua ideia tomando forma. Do documento, ele entende como o site vai parecer e tais 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 desenvolvimento de design e desenvolvimento. Depois por ter a 100% 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 lhe dá algo tangível para mostrar ao cliente que é especialmente relativamente rápido e fácil de criar. Quanto mais complexo for o site, mais útil será a armação por arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente elementar se você souber o que precisa ser projetado. O designer decide a cerca de o esquema de cores, cria seu estilo por 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 analogia com estes 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 bastante 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 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 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 o visitante tenha feito. – O design da página deve permanecer justamente o exatamente depois por 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 de trabalho do site seja carregada em um servidor de questionário no qual o cliente possa visualizar o progresso e o comentário. Recorde-se de que os sites enviados em 1 servidor de teste também 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 por teste.

A importância desta fase é talvez a mais enfatizada e a menos praticada no globo da net. 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, como as que ajudam você a visualizar sua página da Web em multiplos navegadores. Para ver como seu site aparece nas telas pequenas de celulares como o BlackBerry ou este 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 no mundo em desenvolvimento. Logo, você precisa garantir 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 em linha gratuito que imita a maneira 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 que você saiba sobre estes culpados de que podem tornar o sitio mais lento. Como escolha, você têm a possibilidade de usar o Firebug pelo 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 criar 1 grupo do usuários do teste que testará este site em termos de facilidade de uso e experiência por navegação. Ouça atentamente os comentários deles e talvez deseje implementar algumas por suas sugestões ao seu site. Alternativamente, você pode vir a entrar em contato usando sites que têm uma base de usuários por testadores que farão o teste para você. é especialmente um exemplo disso. – Teste do carga, estresse e desempenho? Se este seu sitio tiver este potencial por ser utilizado por muitos milhares de usuários, será necessário testar seu site para monitorar o desempenho do site. Particularmente, 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 necessário, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Andam muitas ferramentas que fornecem maneiras do testar sites da Web, servidores da Web e aplicativos de intranet usando interfaces da Web. O visitante pode testar e analisar as propriedades de desempenho sob várias condições do carga para encontrar gargalos nas 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 1 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. É por extrema influência que o visitante 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, o visitante deve deter uma equipe em standby que possa responder a situações do emergência dentro de 4 a 6 horas depois relatar o problema. Os clientes devem entender a importância disso e estar preparados para ter 1 orçamento alocado para essa finalidade.

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