Construindo um Website completo a partir por uma ideia simples

14 mai 2018- Dans Non classé

Nos meus 10 anos de experiA?ncia na gestA?o de uma empresa por desenvolvimento web, tem havido muitos casos em que os clientes vA?m atAi?? mesmo mim com apenas 1 conceito bA?sico do que eles can you get suprax over the counter querem desenvolver. Ai??s vezes, eles me enviam uma descriAi??A?o do projeto 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, o visitante 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 ainda mais que isso. Qualquer que seja o caso, eles olham o visitante nA?o apenas como desenvolvedores da Web, mas tambAi??m igualmente similarmente identicamente conjuntamente como um consultor especialista que pode orientA?-los sobre o caminho certo a seguir.

O visitante entA?o se depara com 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. CA? estA? uma lista do estratAi??gias que garantem que vocA? possa atender Ai??s expectativas de seus clientes e converter seus sonhos em realidade.

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

O visitante deve 1o tentar produzir uma lista de seAi??Ai??es lA?gicas de que o sitio deve ter. FaAi??a perguntas ao cliente se vocA? acha que nA?o entende. Se o visitante jA? possui 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 por cada seAi??A?o, detalhando o objetivo principal e o objectivo do documento. seAi??A?o. Em termos tAi??cnicos, vocA? pode vir a chamar isso de mapa do site. AlAi??m de seAi??Ai??es, este mapa do site tambAi??m mostra saiba como cada seAi??A?o estA? vinculada entre si. Compartilhe este documento com este cliente e, se possAi??vel, explique o documento para ele. Ai??s vezes, seus pensamentos sA?o mais bem explicados quando fala diretamente com seu cliente.

2. Converta seu documento em um diagrama por wireframe.

Existe uma diferenAi??a entre criar um diagrama por wireframe e o que eu pessoalmente prefiro. Eu simplesmente projeto este 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. No documento sobre powerpoint, sobretudo 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. tais como visitante navegaria no site. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando maneira. Do documento, ele entende como o site vai parecer e tais como vai se comportar. Para mim, pessoalmente, este foi o passo mais crucial e, quanto mais detalhado 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 a 100% o sitio construAi??do, o visitante pode enviA?-lo para este seu cliente para assinar ou enviar alteraAi??Ai??es para o Cuanto sale fincar una casa seu quadro de arame. Isso ajudarA? a eliminar qualquer mal-entendido a cerca de a maneira como as pA?ginas e o site funcionarA?o. Igualmente lhe dA? algo tangAi??vel para mostrar ao cliente que Ai?? relativamente rA?pido e elementar de criar. Quanto mais complexo for o sitio, mais A?til serA? a armaAi??A?o por 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 cerca de o esquema de cores, cria seu estilo do layout e grA?ficos. Ai??s vezes, o designer ajusta o arranjo das seAi??Ai??es para aquelas que sA?o mais visualmente atraentes. Ai?? especialmente claro de que se este site tiver tudo a ver com branding e apresentaAi??A?o, entA?o o design deve ser do 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 em muito desafiadora.

No fim deste estA?gio, todos estes designs do pA?gina estA?o prontos. Mostre-o ao seu cliente para aprovaAi??A?o e verifique se ele estacionaestaficafixa jazepararpermanecequeda em analogia com o 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 este maior cuidado e importA?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 exatamente o mesmo depois de programar saiba como era antes. – Todas as brechas de seguranAi??a estA?o conectadas – Este site carrega rA?pido e Ai?? compatAi??vel na maior parte dos navegadores Ai?? aconselhA?vel que uma versA?o do trabalho do site mesmo que carregada em um servidor de questionA?rio no qual o cliente possa visualizar o progresso e este comentA?rio. Lembre-se de que estes sites enviados em um servidor do teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. EntA?o, por benefAi??cio, assegure-se de que o sitio esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por sinal durante a 100% o processo de desenvolvimento.

5. processo de teste.

A importA?ncia desta fase Ai?? talvez a mais enfatizada e a menos praticada no universo da internet. 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 estes elementos por design estA?o em vigor em todos os navegadores populares. Andam diversas ferramentas on-line, como as que ajudam vocA? a visualizar sua pA?gina da Web em multiplos navegadores. Para ver como seu site aparece nas telas pequenas de celulares como o BlackBerry ou este Windows Mobile, confira. – Teste a velocidade do seu sitio – VA?rias pessoas ainda estA?o usando conexAi??es lentas e sua prA?pria populaAi??A?o nA?o Ai?? insignificante, especialmente no mundo em desenvolvimento. Portanto, vocA? precisa garantir de que o tempo mAi??dio de carregamento por 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 online gratuito que imita a maneira saiba 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? saiba sobre os culpados que podem tornar o site mais lento. Como alternativa, vocA? pode usar este Firebug no 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? pode vir a criar um grupo do usuA?rios de teste de que testarA? o site em termos de facilidade de uso e experiA?ncia por navegaAi??A?o. OuAi??a atentamente os comentA?rios deles e talvez deseje incorporar algumas de suas sugestAi??es ao seu site. Alternativamente, vocA? pode entrar em contato com sites que tA?m uma base por usuA?rios de testadores que farA?o o teste para vocA?. Ai?? especialmente um exemplo disso. – Teste do carga, estresse e performance? Se este seu sitio tiver este potencial de ser utilizado por milhares de usuA?rios, serA? necessA?rio testar seu site para monitorar este desempenho do site. Particularmente, se o visitante planeja exibir conteA?do em vAi??deo ou A?udio, verifique se este site estA? lidando usando 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 por intranet usando interfaces da Web. O visitante pode testar e analisar as caracterAi??sticas de desempenho sob numerosas condiAi??Ai??es do carga para encontrar gargalos nas suas aplicaAi??Ai??es web.

6. Suporte pA?s lanAi??amento.

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

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