Criar um Website completo a partir de uma plano simples

14 mai 2018- Dans Non classé

Nos meus stjohnumcpontiac.org 10 anos de experiA?ncia na gestA?o de uma empresa de desenvolvimento web, tem havido muitos casos em de que os clientes vA?m atAi?? mim com apenas 1 conceito bA?sico do que eles querem desenvolver. Ai??s vezes, eles me enviam uma descriAi??A?o do projeto de que compreende meros documentos do 1 a 2 frases a cem pA?ginas detalhados com diagramas, referA?ncias e assim por diante. Em ambos estes casos, vocA? se depara com pouca ou muita informaAi??A?o. NA?o Ai?? esperado que seus clientes sejam tA?o natural informados quanto definir justamente o que eles querem. Ai??s vezes eles sA? tA?m uma ideia e Ai??s vezes Ai?? um pouco mais que isso. Qualquer de que seja o caso, eles olham o visitante nA?o somente como desenvolvedores da Web, mas tambAi??m como 1 consultor especialista que pode orientA?-los sobre este caminho perfeito a completar.

O visitante entA?o se depara usando o desafio de converter a ideia bA?sica em um empreendimento on-line completo que possua o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui estA? uma Cheap vasodilan side lista de estratAi??gias de que garantem de que vocA? possa atender Ai??s expectativas por seus clientes e converter seus sonhos em imagem.

1. Entenda o conceito e delineie as seAi??Ai??es e recursos bA?sicos.

VocA? deve primeiro tentar criar uma lista de seAi??Ai??es lA?gicas que o sitio deve deter. FaAi??a perguntas ao cliente se vocA? acha de que nA?o entende. Se vocA? jA? tem experiA?ncia pelo desenvolvimento por sites relacionados ao juAi??zo, pode sugerir seAi??Ai??es de que devem estar presentes logicamente. No final deste exercAi??cio, vocA? deve criar 1 documento onde todas as seAi??Ai??es, subseAi??Ai??es, pA?ginas sejam listadas em ordem lA?gica (talvez em um formato com marcadores simples) usando uma breve descriAi??A?o de cada seAi??A?o, detalhando o objetivo primA?rio e a finalidade do documento. seAi??A?o. Em termos tAi??cnicos, vocA? tA?m a possibilidade de chamar isso de mapa do sitio. AlAi??m de seAi??Ai??es, o mapa do site tambAi??m mostra como cada seAi??A?o estA? vinculada entre si. Compartilhe este documento com este cliente e, se permitido, explique o documento para ele. Ai??s vezes, seus pensamentos sA?o mais natural explicados quando fala diretamente com seu cliente.

2. Converta seu documento em um diagrama de wireframe.

Existe uma diferenAi??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 rA?pido usando powerpoint e nA?o tenho que confiar em meus programadores para criar este wireframe. Pelo documento a cerca de powerpoint, basicamente projetamos cada pA?gina da web desprovida de cores e grA?ficos, mas tentamos mostrar dados simulados, as colocaAi??Ai??es dos dados e como eles aparecem, botAi??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 vocA? estiver na sua prA?pria preparaAi??A?o do seu wireframe, mais fA?cil e suave serA? o desenvolvimento de design e desenvolvimento. Depois por ter a 100% o site construAi??do, vocA? pode enviA?-lo para este seu cliente para assinar ou enviar alteraAi??Ai??es para o seu quadro do arame. Isso ajudarA? a eliminar qualquer mal-entendido a respeito de a maneira como as pA?ginas e o sitio funcionarA?o. Igualmente lhe dA? algo tangAi??vel para mostrar ao cliente que Ai?? relativamente rA?pido e elementar de produzir. Quanto muito mais complexo for o sitio, mais eficiente serA? a armaAi??A?o do arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente elementar se vocA? souber este que precisa ser projetado. O designer decide sobre o esquema de cores, cria seu estilo de layout e grA?ficos. Ai??s vezes, o designer ajusta o arranjo das seAi??Ai??es para aquelas que sA?o mais visualmente atraentes. Foi claro de que se o site tiver tudo a ver com branding e apresentaAi??A?o, entA?o o design deve ser por alta qualidade. Em conformidade com os mais recentes padrAi??es da Web 2. 0 e design inteligente de seAi??Ai??es de interface do usuA?rio com pop-ups JQuery / AJAX tambAi??m Ai?? uma tarefa deveras desafiadora.

No final deste estA?gio, todos estes designs por pA?gina estA?o prontos. Mostre-o ao seu cliente para aprovaAi??A?o e verifique se ele estA? em analogia com este design do wireframe e se todas as seAi??Ai??es / dados foram cobertos.

4. ProgramaAi??A?o do site.

Durante a programaAi??A?o, assegure-se o seguinte com o maior cuidado e influA?ncia: – A estrutura e a codificaAi??A?o da pA?gina da Web devem ser muito limpas e validadas. – Remova qualquer codificaAi??A?o comentada desnecessA?ria que o visitante tenha feito. – O design da pA?gina deve permanecer justamente o exatamente depois do programar tais como era antes. – Praticamente as brechas de seguranAi??a estA?o conectadas – O site carrega rA?pido e Ai?? compatAi??vel na maioria dos navegadores Ai?? aconselhA?vel que uma versA?o de trabalho do site seja carregada em um servidor de teste no qual o cliente possa visualizar o progresso e o comentA?rio. Lembre-se de que estes sites enviados em 1 servidor de teste tambAi??m igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos de pesquisa. EntA?o, por benefAi??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 importA?ncia desta fase foi talvez a mais enfatizada e a menos praticada no mundo da internet. Clientes e desenvolvedores nA?o percebem a urgA?ncia de finalizar este projeto e colocA?-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 estA?o em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, saiba como as que ajudam o visitante a visualizar sua pA?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 estA?o usando conexAi??es lentas e sua populaAi??A?o nA?o Ai?? insignificante, especialmente pelo mundo em desenvolvimento. Por isso, vocA? precisa garantir de que o tempo mAi??dio de carregamento do suas pA?ginas da Web em HTML, juntamente usando todos os anA?ncios em Javascript, Imagens, CSS, animaAi??Ai??es em Flash, etc., esteja dentro do limites razoA?veis. Ai?? 1 serviAi??o on-line gratuito que imita a maneira tais como uma pA?gina Ai?? carregada no browser da web. Ele mostra estatAi??sticas (tamanho, tempo por carregamento) para cada objeto na pA?gina da web para de que vocA? fique a saber sobre estes culpados que podem tornar o site mais lento. Como escolha, vocA? pode vir a usar este Firebug pelo Firefox para detectar elementos em sua prA?pria pA?gina da Web de que estA?o aumentando o tempo de carregamento de suas pA?ginas da Web. – Testando usabilidade? VocA? tA?m a possibilidade de criar um grupo do usuA?rios do teste que testarA? o site em termos por facilidade do uso e experiA?ncia por navegaAi??A?o. OuAi??a atentamente estes comentA?rios deles e talvez deseje incorporar algumas por suas sugestAi??es ao seu site. Alternativamente, vocA? tA?m a possibilidade de entrar em contato usando sites que tA?m uma base do usuA?rios por testadores que farA?o este teste para vocA?. Ai?? 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, serA? necessA?rio testar seu site para monitorar o desempenho do site. Particularmente, se o visitante planeja exibir conteA?do em vAi??deo ou A?udio, verifique se o site estA? lidando com as necessidades de streaming na demanda de pico. Se preciso, vocA? precisa distribuir seu conteA?do em vA?rios servidores para melhor desempenho. HA? 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 vA?rias condiAi??Ai??es por carga para encontrar gargalos nas suas aplicaAi??Ai??es web.

seis. Suporte shipping aceon pA?s lanAi??amento.

Independentemente de quA?o bem este seu aplicativo da web foi planejado, projetado e testado, o visitante nA?o pode vir a garantir um site de teste 100% completo. HaverA? erros, erros que nA?o podem ser previstos, a menos que um site esteja ativo e trabalhando com utilizadores reais e dados em tempo real. Ai?? de extrema importA?ncia que vocA? tenha um desenvolvedor ou equipe pronta para lidar com qualquer uma dessas eventualidades. Se o seu site lida com dados que sA?o acessados em tempo real por seus usuA?rios, o visitante deve ter uma equipe em standby que possa responder a situaAi??Ai??es de emergA?ncia dentro de 4 a seis horas depois relatar o problema. Os clientes devem entender a importA?ncia disso e manter-se preparados para ter 1 orAi??amento alocado para essa finalidade.

Em conclusA?o, todos os pontos podem vir a ser elaborados, refinados e adicionados. Na verdade, andam infinitas variaAi??Ai??es e adiAi??Ai??es possAi??veis, mas isso tA?m a possibilidade de servir como uma diretriz bA?sica para aqueles que estA?o no negA?cio do desenvolver e projetar aplicativos da web, bem tais como clientes de que desejam criar um empreendimento on-line do sucesso.