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 atA� mim usando apenas um conceito bA?sico do que eles querem desenvolver. A�s vezes, eles me enviam uma descriA�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 informaA�A?o. NA?o A� esperado que seus clientes sejam tA?o natural informados quanto definir exatamente o que eles querem. A�s vezes eles apenas tA?m uma ideia e A�s vezes A� 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 estratA�gias que garantem de que vocA? possa atender A�s expectativas por seus clientes e transformar seus sonhos em imagem.

1. Entenda o conceito e delineie as seA�A�es e recursos bA?sicos.

VocA? deve primeiro tentar criar uma lista de seA�A�es lA?gicas de que o site deve deter. FaA�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 ao juA�zo, pode sugerir seA�A�es que devem manter-se presentes logicamente. No fim deste exercA�cio, vocA? deve criar um documento onde todas as seA�A�es, subseA�A�es, pA?ginas sejam listadas em ordem lA?gica (talvez em um formato com marcadores simples) usando uma breve descriA�A?o por cada seA�A?o, detalhando este objetivo principal e a finalidade do documento. seA�A?o. Em termos tA�cnicos, vocA? pode chamar isso de mapa do site. AlA�m de seA�A�es, o mapa do site tambA�m mostra como cada seA�A?o estA? vinculada entre si. Compartilhe este documento com este cliente e, se permitido, explique este documento para ele. A�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 diferenA�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 colocaA�A�es dos dados e como eles aparecem, botA�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 A� especialmente o passo mais crucial e, quanto mais preciso vocA? estiver na sua prA?pria preparaA�A?o do seu wireframe, mais fA?cil e suave serA? o desenvolvimento de design e desenvolvimento. Depois de ter no total o site construA�do, o visitante pode enviA?-lo para o seu cliente para assinar ou enviar alteraA�A�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. TambA�m lhe dA? algo tangA�vel para mostrar ao cliente que A� relativamente instantaneo e fA?cil de criar. Quanto muito mais complexo for o site, mais eficaz serA? a armaA�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. A�s vezes, este designer ajusta o desenho das seA�A�es para aquelas que sA?o mais visualmente atraentes. A� claro que se este site tiver tudo a ver usando branding e apresentaA�A?o, entA?o o design deve ser de alta qualidade. Em conformidade com estes mais novos padrA�es da Web 2. 0 e design inteligente de seA�A�es de interface do usuA?rio com pop-ups JQuery / AJAX tambA�m A� uma tarefa bastante desafiadora.

No fim deste estA?gio, todos os designs do pA?gina estA?o prontos. Mostre-o ao seu cliente para aprovaA�A?o e verifique se ele estacionaestaficafixa jazepararpermanecequeda em conformidade com este design do wireframe e se praticamente as seA�A�es / dados foram cobertos.

4. ProgramaA�A?o do site.

Durante a programaA�A?o, assegure-se o seguinte com o maior cuidado e influA?ncia: – A estrutura e a codificaA�A?o da pA?gina da Web devem ser muito limpas e validadas. – Remova qualquer codificaA�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 seguranA�a estA?o conectadas – O site carrega rA?pido e A� compatA�vel na maioria dos navegadores A� 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 tambA�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 A� 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 conexA�es lentas e sua prA?pria populaA�A?o nA?o A� insignificante, especialmente pelo mundo em desenvolvimento. Por isso, vocA? precisa garantir de que o tempo mA�dio por carregamento de suas pA?ginas da Web em HTML, juntamente usando todos estes anA?ncios em Javascript, Imagens, CSS, animaA�A�es em Flash, etc., esteja dentro por limites razoA?veis. A� 1 serviA�o em linha gratuito de que imita a maneira como uma pA?gina A� carregada no browser da web. Ele mostra estatA�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 navegaA�A?o. OuA�a atentamente os comentA?rios deles e talvez deseje incorporar algumas do suas www.lubemanperu.com sugestA�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?. A� 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 vA�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 condiA�A�es por carga para encontrar gargalos nas as suas aplicaA�A�es web.

seis. Suporte pA?s lanA�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. A� 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 situaA�A�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 orA�amento alocado para essa finalidade.

Em conclusA?o, todos estes pontos podem possibilitar ser elaborados, refinados e adicionados. Na verdade, existem infinitas variaA�A�es e adiA�A�es possA�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.