Construindo um sitio completo a partir de uma conceito básica

Nos meus 10 anos de experiência na gestão de uma empresa de desenvolvimento web, tem havido muitos casos em de que os clientes vêm até mesmo mim com apenas 1 conceito básico do que eles querem desenvolver. Às vezes, eles me enviam uma descrição do projeto de que compreende meros documentos por 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 natural informados quanto definir justamente o de que eles querem. Às vezes eles só têm uma ideia e às vezes é 1 pouco muito mais que isso. Qualquer de que seja o caso, eles olham você não exclusivamente como desenvolvedores da Web, mas também igualmente similarmente identicamente conjuntamente como um consultor especialista que pode orientá-los sobre este caminho perfeito a completar.

Você então se depara com o desafio de converter a ideia básica em um negócio on-line completo que tenha o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui está uma lista de estratégias que garantem que você possa atender às expectativas do seus clientes e transformar seus sonhos em imagem.

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

O visitante deve primeiro tentar criar uma lista de seções lógicas que o sitio deve deter. Faça perguntas ao cliente se você acha que não entende. Se você já possui experiência pelo desenvolvimento de sites relacionados ao conceito, 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 a finalidade do documento. seção. Em termos técnicos, você pode 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 este 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 do wireframe.

Existe uma diferença entre criar um diagrama do wireframe e o que 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 este 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 este comportamento do site. 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 como vai se comportar. Para mim, pessoalmente, este foi 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 desenvolvimento de design e desenvolvimento. Depois de ter no total o sitio construído, o visitante pode enviá-lo para este seu cliente para assinar ou enviar alterações para o seu quadro de arame. Isso ajudará a eliminar qualquer mal-entendido a cerca de a forma como as páginas e o site funcionarão. Também igualmente similarmente identicamente conjuntamente lhe dá algo tangível para mostrar ao cliente que foi relativamente rápido e fácil de criar. Quanto 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 elementar se você 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, este designer ajusta o arranjo das seções para aquelas que são mais visualmente atraentes. Foi claro de que se o site tiver tudo a ver com branding e apresentação, então o design deve ser de alta qualidade. Em analogia com os mais novos 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 fim deste estágio, todos os 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 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 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. – 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 – Este site carrega rápido e é compatível na maior parte dos navegadores É aconselhável que uma versão por 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 estes sites enviados em um servidor de teste também igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. Então, por favor, assegure-se de que o site esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por senha durante no total o desenvolvimento de desenvolvimento.

5. processo de teste.

A importância desta fase é especialmente talvez a mais enfatizada e a menos praticada no universo da net. Clientes e desenvolvedores não percebem a urgência de finalizar este projeto e colocá-lo em funcionamento. Este processo do teste têm a possibilidade de ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos do design estão em vigor em todos os navegadores populares. Andam diversas ferramentas on-line, como as que ajudam o visitante a visualizar sua página da Web em diferentes navegadores. Para ver saiba como seu site aparece nas telas pequenas de celulares como o BlackBerry ou o Windows Mobile, confira. – Teste a velocidade do seu site – Algumas pessoas ainda estão usando conexões lentas e sua própria população não é insignificante, especialmente no 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 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 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 de que você saiba sobre os culpados de que podem tornar o sitio mais lento. Como alternativa, você têm a possibilidade de usar este 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 do usuários por teste que testará este site em termos por facilidade do uso e experiência de navegação. Ouça atentamente estes comentários deles e talvez deseje implementar algumas do suas surftoday.com.br sugestões ao seu site. Alternativamente, você pode vir a entrar em contato com sites que têm uma base do usuários do 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 milhares de utilizadores, será necessário testar seu site para monitorar o desempenho do site. Particularmente, se o visitante 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. Há muitas ferramentas que fornecem maneiras por testar sites da Web, servidores da Web e aplicativos de intranet com interfaces da Web. Você pode testar e analisar as propriedades de performance sob numerosas condições do carga para encontrar gargalos nas as suas aplicações web.

6. Suporte pós lançamento.

Independentemente de quão bem o 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 que um site esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É por extrema importância 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, o visitante deve deter uma equipe em standby que possa responder a situações de emergência dentro de 4 a seis horas após relatar este problema. Estes clientes devem entender a importância disso e estar preparados para ter 1 orçamento alocado para essa 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, mas isso pode servir tais como uma diretriz básica para aqueles que estão pelo negócio de desenvolver e projetar aplicativos da web, bem tais como clientes de que desejam produzir um negócio on-line do sucesso.