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

Nos meus 10 anos de experiência na gestão de uma empresa do desenvolvimento web, tem havido muitos casos em que os clientes vêm até mim com apenas 1 conceito básico do que eles querem progredir. Às vezes, eles me enviam uma descrição do projeto de que compreende meros documentos de 1 a 2 frases a 100 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 que eles querem. Às vezes eles só têm uma ideia e às vezes é 1 pouco ainda mais que isso. Qualquer que seja o caso, eles olham você não somente como desenvolvedores da Web, mas também como um consultor especialista que pode orientá-los sobre este caminho fixo a atravessar.

O visitante então se depara usando o desafio de converter a ideia básica em um empreendimento on-line completo que possua o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui está uma lista de estratégias de que garantem de 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.

O visitante deve 1o tentar criar uma lista de seções lógicas de que o site deve deter. Faça perguntas ao cliente se você acha que não entende. Se você já possui experiência pelo desenvolvimento por sites relacionados ao juízo, pode sugerir seções de 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) com uma breve descrição por cada seção, detalhando o objetivo primário e o objectivo do documento. seção. Em termos técnicos, você têm a possibilidade de chamar isso de mapa do sitio. Além de seções, este mapa do site também igualmente similarmente identicamente conjuntamente mostra como cada seção está vinculada entre si. Compartilhe este documento com o cliente e, se possível, explique o documento para ele. Às vezes, seus pensamentos são mais natural explicados quando você fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama de wireframe.

Existe uma diferença entre criar um diagrama de wireframe e o que eu pessoalmente prefiro. Eu basicamente projeto este 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. 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 dos dados e como eles aparecem, botões, alertas, pop-ups e organizar os slides simulando o comportamento do site. saiba como visitante navegaria no sitio. Neste ponto, o cliente pode ver visualmente a sua ideia tomando maneira. 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 preparação do seu wireframe, mais fácil e suave será o processo de design e desenvolvimento. Depois de 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 por 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 é especialmente relativamente instantaneo e fácil de produzir. Quanto muito mais complexo for o sitio, mais eficiente será a armação de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente fácil se o visitante souber o que precisa ser projetado. O designer decide a cerca 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. É claro de que se o site tiver tudo a ver usando branding e apresentação, então o design deve ser do alta capacidade. Em analogia 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 bastante desafiadora.

No final deste estágio, todos os designs por página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele estacionaestaficafixa jazepararpermanecequeda 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 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 você tenha feito. – Este design da página deve permanecer exatamente o mesmo depois de programar tais como era antes. – Praticamente as brechas de segurança estão conectadas – O site carrega rápido e é compatível na maior parte dos navegadores É recomendável que uma versão de trabalho do site seja carregada em um servidor de questionário no qual o cliente possa visualizar o melhoria e o comentário. Lembre-se de que os sites enviados em 1 servidor de 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 de que o sitio esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante no total o processo de desenvolvimento.

5. processo do 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 este projeto e colocá-lo em funcionamento. Este processo de teste pode ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos estes elementos do design estão em vigor em todos os navegadores populares. Há diversas ferramentas on-line, como as que ajudam você a visualizar sua página da Web em variados 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 sitio – Algumas pessoas ainda estão usando conexões lentas e sua própria população não é insignificante, especialmente pelo mundo em desenvolvimento. Logo, você precisa garantir de que o tempo médio de carregamento do suas páginas da Web em HTML, juntamente usando todos estes anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro de limites razoáveis. é 1 serviço em linha gratuito que imita a maneira tais 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 que você saiba sobre os culpados de que podem tornar o sitio mais lento. Como alternativa, você pode vir a usar o Firebug no 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 um grupo por usuários por teste de que testará o site em termos por facilidade de uso e experiência por navegação. Ouça atentamente os comentários deles e talvez deseje incorporar algumas de suas sugestões ao seu site. Alternativamente, você têm a possibilidade de entrar em contato usando sites de que têm uma base do usuários de testadores de que farão este teste para você. é especialmente um exemplo disso. – Teste do carga, estresse e performance? Se o seu site tiver este potencial do ser utilizado por muitos milhares de utilizadores, será preciso 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 permanecequeda lidando com as necessidades 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 por testar sites da Web, servidores da Web e aplicativos de intranet usando interfaces da Web. Você pode testar e analisar as características de desempenho sob várias condições do carga para encontrar gargalos nas as suas aplicações web.

seis. Suporte pós lançamento.

Independentemente de quão bem o seu aplicativo konitourtravel.com da web foi planejado, projetado e testado, você não têm a possibilidade de garantir 1 site por teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos de que um sitio esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É por extrema mais valia 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, você deve ter uma equipe em standby que possa responder a situações por emergência dentro de 4 a seis horas depois relatar este 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, existem infinitas variações e adições possíveis, contudo isso pode servir saiba como uma diretriz básica para aqueles que estão pelo negócio por desenvolver e projetar aplicativos da web, bem saiba como clientes de que desejam criar um empreendimento on-line do sucesso.