Criar um Web-site completo a partir por uma ideia simples

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 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 natural informados quanto definir justamente o de que eles querem. Às vezes eles só têm uma ideia e às vezes é um pouco ainda mais que isso. Qualquer que seja o caso, eles olham você não exclusivamente como desenvolvedores da Web, mas igualmente como um consultor especialista que pode orientá-los sobre este caminho perfeito a seguir.

O visitante então se depara com 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 de que garantem de que você possa atender às expectativas por seus clientes e converter seus sonhos em imagem.

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

O visitante deve 1o tentar produzir uma lista de seções lógicas que o sitio deve ter. Faça perguntas ao cliente se você acha de que não entende. Se o visitante já tem experiência no desenvolvimento do sites relacionados ao conceito, pode sugerir seções de que devem estar 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) usando uma breve descrição de cada divisão, detalhando este objetivo principal e o objectivo do documento. seção. Em termos técnicos, você pode chamar isso de mapa do site. Além de seções, o mapa do site igualmente mostra como cada divisão está vinculada entre si. Compartilhe este documento com o 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 por wireframe e o que pessoalmente prefiro. Eu simplesmente projeto este 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 cerca de powerpoint, sobretudo projetamos cada página da web desprovida de cores e gráficos, mas tentamos mostrar dados simulados, as colocações destes 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 ver visualmente a sua ideia tomando estilo. Do documento, ele entende como o site vai parecer e como vai se comportar. Para mim, pessoalmente, este é especialmente o passo mais crucial e, quanto mais detalhado você estiver na sua preparação do seu wireframe, mais fácil e suave será o processo de design e desenvolvimento. Depois do ter a 100% o site construído, o visitante 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 sobre a maneira como as páginas e o sitio funcionarão. Também lhe dá algo tangível para mostrar ao cliente que é especialmente relativamente instantaneo 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 reforma relativamente elementar se você 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 arranjo das seções para aquelas que são mais visualmente atraentes. Foi claro que se este site tiver tudo a ver com branding e apresentação, então o design deve ser por alta qualidade. 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 também igualmente similarmente identicamente conjuntamente é uma tarefa em muito desafiadora.

No fim 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 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 exatamente o exatamente depois de programar como era antes. – Praticamente as brechas de segurança estão conectadas – Este site carrega rápido e é compatível na maior parte dos navegadores É recomendável que uma versão por trabalho do site seja carregada em um servidor de teste 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 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 site deve ser protegido por senha durante todo 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 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 de design estão em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, como as que ajudam o visitante a visualizar sua página da Web em diferentes navegadores. Para ver tais como seu sitio 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 própria população não é insignificante, especialmente no mundo em desenvolvimento. Portanto, você precisa garantir de que o tempo médio por carregamento do 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 em linha gratuito de que imita a maneira saiba como uma página é carregada no browser da web. Ele revela estatísticas (tamanho, tempo do carregamento) para cada objeto na página da web para que você fique a saber sobre estes culpados de que podem tornar o site mais lento. Como escolha, você pode vir a usar o 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 do facilidade de uso e experiência por navegação. Ouça atentamente os comentários deles e talvez deseje implementar algumas de suas sugestões ao seu site. Alternativamente, você pode vir a entrar em contato usando sites de que têm uma base por usuários de testadores de que farão o teste para você. é especialmente um exemplo disso. – Teste de carga, estresse e desempenho? Se este seu site tiver o potencial por ser utilizado por muitos milhares de utilizadores, 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 este site permanecequeda lidando usando 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 de testar sites da Web, servidores da Web e aplicativos do intranet usando interfaces da Web. O visitante pode testar e analisar as características de performance sob diversas condições de carga para encontrar gargalos nas as suas aplicações web.

seis. Suporte pós lançamento.

Independentemente de quão bem este seu aplicativo www.zonnahomes.com da web foi planejado, projetado e testado, você não têm a possibilidade de garantir 1 site do teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos de que um site esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É por extrema mais valia 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 por emergência dentro de 4 a 6 horas depois relatar este problema. Estes clientes devem entender a importância disso e estar preparados para ter um orçamento alocado para tal 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, mas isso pode vir a servir como uma diretriz básica para aqueles de que estão pelo negócio do desenvolver e projetar aplicativos da web, bem tais como clientes de que desejam criar um negócio on-line por sucesso.