Criar um Website completo a partir de uma plano simples

14 mai 2018- Dans Non classé

Nos meus stjohnumcpontiac.org 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é 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 do 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 que eles querem. Às vezes eles só têm uma ideia e às vezes é um pouco mais que isso. Qualquer de que seja o caso, eles olham o visitante não somente como desenvolvedores da Web, mas também como 1 consultor especialista que pode orientá-los sobre este caminho perfeito a completar.

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 imagem.

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

Você deve primeiro tentar criar uma lista de seções lógicas que o sitio deve deter. Faça perguntas ao cliente se você acha de que não entende. Se você já tem experiência pelo desenvolvimento por sites relacionados ao juízo, pode sugerir seções de que devem estar presentes logicamente. No final 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 seção, detalhando o objetivo primário e a finalidade 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, o mapa do site também mostra como cada seção está vinculada entre si. Compartilhe este documento com este cliente e, se permitido, explique o 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 de wireframe.

Existe uma diferença entre criar 1 diagrama de wireframe e o que pessoalmente prefiro. Eu basicamente projeto o 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. Pelo documento a cerca 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. saiba como visitante navegaria no site. Neste ponto, o cliente pode ver visualmente a sua ideia tomando forma. Do documento, ele entende como o site vai parecer e saiba 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 por ter a 100% o site construído, você pode enviá-lo para este seu cliente para assinar ou enviar alterações para o seu quadro do arame. Isso ajudará a eliminar qualquer mal-entendido a respeito de a maneira como as páginas e o sitio funcionarão. Igualmente lhe dá algo tangível para mostrar ao cliente que é relativamente rápido e elementar de produzir. Quanto muito mais complexo for o sitio, mais eficiente será a armação do arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente elementar se você souber este que precisa ser projetado. O designer decide sobre o esquema de cores, cria seu estilo de layout e gráficos. Às vezes, o 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 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 é uma tarefa deveras desafiadora.

No final deste estágio, todos estes designs por página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele está em analogia 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 o 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 o visitante tenha feito. – O design da página deve permanecer justamente o exatamente depois do programar tais 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 teste no qual o cliente possa visualizar o progresso e o comentário. Lembre-se de que estes sites enviados em 1 servidor de teste também igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos de 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 todo o processo de desenvolvimento.

5. processo do teste.

A importância desta fase foi talvez a mais enfatizada e a menos praticada no mundo da internet. Clientes e desenvolvedores não percebem a urgência de finalizar este projeto e colocá-lo em funcionamento. Este processo do teste pode vir a ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos estes elementos por design estão em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, saiba como as que ajudam o visitante a visualizar sua página da Web em variados navegadores. Para ver como seu sitio 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 população não é insignificante, especialmente pelo mundo em desenvolvimento. Por isso, 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. é 1 serviço on-line gratuito que imita a maneira tais 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ê fique a saber sobre estes culpados que podem tornar o site mais lento. Como escolha, você pode vir a usar este Firebug pelo 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 do usuários do teste que testará o site em termos por facilidade do uso e experiência por navegação. Ouça atentamente estes comentários deles e talvez deseje incorporar algumas por suas sugestões ao seu site. Alternativamente, você têm a possibilidade de entrar em contato usando sites que têm uma base do usuários por testadores que farão este teste para você. é especialmente um exemplo disso. – Teste por carga, estresse e performance? Se este seu sitio tiver este potencial por ser usado por muitos 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 necessidades de streaming na demanda de pico. Se preciso, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Há muitas ferramentas que fornecem maneiras de testar sites da Web, servidores da Web e aplicativos de intranet com interfaces da Web. O visitante pode testar e analisar as propriedades de performance sob várias condições por carga para encontrar gargalos nas suas aplicações web.

seis. Suporte pós lançamento.

Independentemente de quão bem este seu aplicativo da web foi planejado, projetado e testado, o visitante não pode vir a garantir um site de 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. É de extrema importâ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 seis horas depois relatar o problema. Os clientes devem entender a importância disso e manter-se preparados para ter 1 orçamento alocado para essa finalidade.

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