Construindo um Website completo a partir do uma conceito bA?sica

14 mai 2018- Dans Non classé

Nos meus 10 anos de experiA?ncia na gestA?o de uma empresa de desenvolvimento web, tem havido muitos casos em que os clientes vA?m atAi?? mim usando apenas um 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 100 pA?ginas detalhados com diagramas, referA?ncias e assim por diante. Em ambos os 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 exatamente o que eles querem. Ai??s vezes eles apenas 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 apenas como desenvolvedores da Web, mas igualmente como um consultor especialista que pode orientA?-los sobre este caminho certo a completar.

O visitante entA?o se depara com o desafio de transformar a ideia bA?sica em um negA?cio on-line completo que possua o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui estA? uma lista de estratAi??gias que garantem de que vocA? possa atender Ai??s expectativas por seus clientes e transformar 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 de que o site deve deter. FaAi??a perguntas ao cliente se o visitante acha de que nA?o entende. Se o visitante jA? tem experiA?ncia pelo desenvolvimento de sites relacionados Buy aleve in bulk ao juAi??zo, pode sugerir seAi??Ai??es que devem manter-se presentes logicamente. No fim deste exercAi??cio, vocA? deve criar um 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 por cada seAi??A?o, detalhando este objetivo principal e a finalidade do documento. seAi??A?o. Em termos tAi??cnicos, vocA? pode chamar isso de mapa do site. 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 este documento para ele. Ai??s vezes, seus pensamentos sA?o mais bem explicados quando vocA? fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama do wireframe.

Existe uma diferenAi??a entre criar 1 diagrama do wireframe e o que eu pessoalmente prefiro. Eu basicamente projeto o site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto demasiado mais rA?pido usando powerpoint e nA?o tenho que confiar em meus programadores para criar o wireframe. Pelo documento a cerca de powerpoint, simplesmente 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 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 Ai?? especialmente 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 de ter no total o site construAi??do, o visitante pode enviA?-lo para o seu cliente para assinar ou enviar alteraAi??Ai??es para o seu quadro por arame. Isso ajudarA? a eliminar qualquer mal-entendido sobre a maneira como as pA?ginas e o site funcionarA?o. TambAi??m lhe dA? algo tangAi??vel para mostrar ao cliente que Ai?? relativamente instantaneo e fA?cil de criar. Quanto muito mais complexo for o site, mais eficaz serA? a armaAi??A?o do arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente elementar se o visitante souber o que precisa ser projetado. O designer decide a respeito de o esquema de cores, cria seu estilo do layout e grA?ficos. Ai??s vezes, este designer ajusta o desenho das seAi??Ai??es para aquelas que sA?o mais visualmente atraentes. Ai?? claro que se este site tiver tudo a ver usando branding e apresentaAi??A?o, entA?o o design deve ser de alta qualidade. Em conformidade com estes mais novos 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 bastante desafiadora.

No fim deste estA?gio, todos os designs do pA?gina estA?o prontos. Mostre-o ao seu cliente para aprovaAi??A?o e verifique se ele estacionaestaficafixa jazepararpermanecequeda em conformidade com este design do wireframe e se praticamente 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 vocA? tenha feito. – Este design da pA?gina deve permanecer justamente o exatamente depois do programar como era antes. – Todas as brechas de seguranAi??a estA?o conectadas – O site carrega rA?pido e Ai?? compatAi??vel na maioria dos navegadores Ai?? recomendA?vel que uma versA?o de trabalho do site seja carregada em um servidor de teste no qual o cliente possa visualizar o melhoria e o comentA?rio. Recorde-se de que os sites enviados em um servidor do teste tambAi??m podem ser rastreados pelo Google e indexados pelos mecanismos do pesquisa. EntA?o, por purchase ralista 6 favor, assegure-se que o sitio esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante no total o desenvolvimento de desenvolvimento.

5. processo por teste.

A importA?ncia desta fase Ai?? talvez a mais enfatizada e a menos praticada no globo da net. Clientes e desenvolvedores nA?o percebem a urgA?ncia por finalizar este projeto e colocA?-lo em funcionamento. Este processo por teste pode ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos do design estA?o em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, como as que ajudam o visitante a visualizar sua pA?gina da Web em diferentes navegadores. Para ver saiba como seu site aparece nas telas pequenas de celulares como o BlackBerry ou este Windows Mobile, confira. – Teste a velocidade do seu site – VA?rias pessoas ainda estA?o usando conexAi??es lentas e sua prA?pria populaAi??A?o nA?o Ai?? insignificante, especialmente pelo mundo em desenvolvimento. Por isso, vocA? precisa garantir de que o tempo mAi??dio por carregamento de suas pA?ginas da Web em HTML, juntamente usando todos estes anA?ncios em Javascript, Imagens, CSS, animaAi??Ai??es em Flash, etc., esteja dentro por limites razoA?veis. Ai?? 1 serviAi??o em linha gratuito de que imita a maneira como uma pA?gina Ai?? carregada no browser da web. Ele mostra estatAi??sticas (tamanho, tempo de carregamento) para cada objeto na pA?gina da web para que vocA? saiba sobre estes culpados de que podem tornar o site mais lento. Como escolha, vocA? pode usar este Firebug no Firefox para detectar elementos em sua 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 1 grupo por usuA?rios por teste de que testarA? o site em termos por facilidade de uso e experiA?ncia de navegaAi??A?o. OuAi??a atentamente os comentA?rios deles e talvez deseje incorporar algumas do suas www.lubemanperu.com sugestAi??es ao seu site. Alternativamente, vocA? pode entrar em contato usando sites que tA?m uma base do usuA?rios do testadores que farA?o este teste para vocA?. Ai?? um exemplo disso. – Teste por carga, estresse e performance? Se este seu site tiver este potencial do ser utilizado por muitos milhares de usuA?rios, serA? necessA?rio testar seu site para monitorar o desempenho do site. Em particular, se o visitante planeja exibir conteA?do em vAi??deo ou A?udio, verifique se este site estacionaestaficafixa jazepararpermanecequeda lidando usando as urgA?ncias 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 por testar sites da Web, servidores da Web e aplicativos do intranet usando interfaces da Web. O visitante pode testar e analisar as propriedades de performance sob numerosas condiAi??Ai??es por carga para encontrar gargalos nas as suas aplicaAi??Ai??es web.

seis. Suporte pA?s lanAi??amento.

Independentemente de quA?o bem este seu aplicativo da web foi planejado, projetado e testado, o visitante nA?o tA?m a possibilidade de garantir 1 site por teste 100% completo. HaverA? erros, enganos que nA?o podem ser previstos, a menos de que um site esteja ativo e trabalhando com utilizadores reais e dados em tempo real. Ai?? do 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 deter uma equipe em standby que possa responder a situaAi??Ai??es de emergA?ncia dentro de 4 a 6 horas apA?s relatar este problema. Estes clientes devem entender a importA?ncia disso e estar preparados para ter um orAi??amento alocado para essa finalidade.

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