Criar um site completo a partir de uma conceito básica

0
12

Nos meus ec11.com.br 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é mesmo mim com apenas 1 conceito básico do que eles querem desenvolver. Às vezes, eles me enviam uma descrição do projeto que compreende meros documentos de 1 a 2 frases a 100 páginas detalhados com diagramas, referências e assim por diante. Em ambos os 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 de que eles querem. Às vezes eles só têm uma ideia e às vezes é um pouco muito mais que isso. Qualquer que seja este caso, eles olham você não somente como desenvolvedores da Web, mas também igualmente similarmente identicamente conjuntamente como um consultor especialista que pode orientá-los sobre este caminho fixo a atravessar.

O visitante 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. Cá está uma lista de estratégias de que garantem de 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 1o tentar produzir uma lista de seções lógicas que o sitio deve ter. Faça perguntas ao cliente se o visitante acha que não entende. Se você já tem experiência no desenvolvimento por sites relacionados ao juízo, pode sugerir seções de que devem estar presentes logicamente. No fim 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) usando uma breve descrição do cada divisão, detalhando este 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 das seções, o 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 você fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama por wireframe.

Existe uma diferença entre criar 1 diagrama por wireframe e o que eu pessoalmente prefiro. Eu basicamente 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 sobre 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 sitio. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando estilo. Do documento, ele entende como o site vai parecer e saiba como vai se comportar. Para mim, pessoalmente, este é 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. 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 muito mais complexo for o site, mais eficaz 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 respeito de o esquema de cores, cria seu estilo por layout e gráficos. Às vezes, este designer ajusta o arranjo das seções para aquelas que são mais visualmente atraentes. É especialmente claro que se este site tiver tudo a ver usando branding e apresentação, então o design deve ser do alta excelência. Em analogia 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 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 conformidade com este design do wireframe e se todas as seções / dados foram cobertos.

4. Programação do site.

Durante a programação, assegure-se o seguinte com este maior cuidado e influê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 por programar tais como era previamente. – Praticamente as brechas de segurança estão conectadas – Este site carrega rápido e é compatível na maioria dos navegadores É aconselhável que uma versão do 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 de teste também podem ser rastreados pelo Google e indexados pelos mecanismos do pesquisa. Então, por favor, assegure-se de que o sitio esteja protegido contra isso. Para garantir a privacidade, seu site 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 mundo da net. Clientes e desenvolvedores não percebem a urgência do finalizar o projeto e colocá-lo em funcionamento. O processo de 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, saiba 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 este Windows Mobile, confira. – Teste a velocidade do seu site – 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 de carregamento de 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 browser da web. Ele mostra estatísticas (tamanho, tempo por 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 escolha, você têm a possibilidade de usar o Firebug no Firefox para detectar elementos em sua própria página da Web de 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 de teste de que testará o site em termos por facilidade por uso e experiência do navegação. Ouça atentamente estes comentários deles e talvez deseje implementar algumas do suas sugestões ao seu site. Alternativamente, você pode vir a entrar em contato com sites que têm uma base por usuários de testadores de que farão este teste para você. é um exemplo disso. – Teste por carga, estresse e desempenho? Se este seu site tiver este potencial do ser usado por muitos milhares de utilizadores, será necessário testar seu site para monitorar este desempenho do site. Particularmente, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se o site está 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. Existem 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 propriedades de desempenho sob várias condições por 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, você não têm a possibilidade de garantir 1 site de teste 100% completo. Haverá erros, erros que não podem ser previstos, a menos de que um sitio esteja ativo e trabalhando com usuários reais e dados em tempo real. É por extrema influê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 6 horas após relatar o problema. Estes clientes devem entender a importância disso e manter-se preparados para ter 1 orçamento alocado para essa finalidade.

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