Criar um sitio completo a partir do uma plano simples

14 mai 2018- Dans Non classé

Nos meus 10 anos de experiA?ncia na gestA?o de uma empresa do desenvolvimento web, tem havido muitos casos em que os clientes vA?m atAi?? mesmo mim com apenas um conceito bA?sico do que eles querem desenvolver. Ai??s vezes, eles me enviam uma descriAi??A?o do projeto que compreende meros documentos de 1 a 2 frases a 100 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 bem informados quanto definir justamente o que eles querem. Ai??s vezes eles sA? tA?m uma ideia e Ai??s vezes Ai?? 1 pouco mais que isso. Qualquer que seja o caso, eles olham vocA? nA?o somente como desenvolvedores da Web, mas igualmente como um consultor especialista que pode orientA?-los sobre o caminho perfeito a atravessar.

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

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

VocA? deve primeiro tentar produzir uma lista de seAi??Ai??es lA?gicas que o sitio deve ter. FaAi??a perguntas ao cliente se o visitante acha de que nA?o entende. Se o visitante jA? possui experiA?ncia pelo desenvolvimento de 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 do cada seAi??A?o, detalhando o objetivo principal e a finalidade do documento. seAi??A?o. Em termos tAi??cnicos, vocA? pode chamar isso de mapa do sitio. AlAi??m de seAi??Ai??es, o mapa do site igualmente mostra 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 natural explicados quando fala diretamente com seu cliente.

2. Converta seu documento em um diagrama do wireframe.

Existe uma diferenAi??a entre criar 1 diagrama do wireframe e o que eu pessoalmente prefiro. Eu simplesmente projeto este 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 respeito de powerpoint, basicamente projetamos cada pA?gina da web desprovida de cores e grA?ficos, mas tentamos mostrar dados simulados, as colocaAi??Ai??es destes dados e como eles aparecem, botAi??es, alertas, pop-ups e organizar os slides simulando este comportamento do site. tais como visitante navegaria no sitio. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando forma. Do documento, ele entende como o sitio 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 preparaAi??A?o do seu wireframe, mais fA?cil e suave serA? o processo de design e desenvolvimento. Depois por ter todo o site construAi??do, o visitante pode enviA?-lo para o seu cliente para assinar ou enviar alteraAi??Ai??es para o seu quadro do arame. Isso ajudarA? a eliminar qualquer mal-entendido sobre a maneira como as pA?ginas e o sitio funcionarA?o. Igualmente lhe dA? algo tangAi??vel para mostrar ao cliente que foi relativamente rA?pido e fA?cil de produzir. Quanto muito mais complexo for o sitio, mais eficiente serA? a armaAi??A?o por arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente elementar se o visitante 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 desenho das seAi??Ai??es para aquelas que sA?o mais visualmente atraentes. Ai?? claro de 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 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 igualmente similarmente identicamente conjuntamente Ai?? uma tarefa Buy erythromycin tablets deveras desafiadora.

No fim 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 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 este maior alento e mais valia: – 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. – O design da pA?gina deve permanecer exatamente o mesmo depois do programar tais como era previamente. – 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 por trabalho do site mesmo que carregada em um servidor de teste no qual o cliente possa visualizar o melhoria e este comentA?rio. Lembre-se de que estes sites enviados em 1 servidor por teste tambAi??m podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. EntA?o, por favor, assegure-se que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante no total o desenvolvimento de desenvolvimento.

5. processo de 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 do finalizar o projeto e colocA?-lo em funcionamento. O processo do teste tA?m a possibilidade de ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos estes elementos de design estA?o em vigor em todos os navegadores populares. Andam diversas ferramentas on-line, como as de que ajudam o visitante a visualizar sua pA?gina da Web em multiplos 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 sitio – VA?rias pessoas ainda estA?o usando conexAi??es lentas e sua populaAi??A?o nA?o Ai?? insignificante, especialmente pelo mundo em desenvolvimento. Portanto, vocA? precisa garantir que o tempo mAi??dio do 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 em linha gratuito de que imita a maneira saiba 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 de que vocA? fique a saber sobre estes culpados de que podem where can i buy diflucan online without prescription tornar o sitio mais lento. Como alternativa, vocA? tA?m a possibilidade de usar o Firebug pelo Firefox para detectar elementos em sua pA?gina da Web que estA?o aumentando o tempo de carregamento de as suas pA?ginas da Web. – Testando usabilidade? VocA? pode criar 1 grupo por usuA?rios do teste que testarA? o site em termos por facilidade por uso e experiA?ncia do navegaAi??A?o. OuAi??a atentamente estes comentA?rios deles e talvez deseje incorporar algumas do suas sugestAi??es ao seu site. Alternativamente, vocA? pode entrar em contato usando sites que tA?m uma base por usuA?rios por testadores de que farA?o este teste para vocA?. foi um exemplo disso. – Teste do carga, estresse e performance? Se o seu site tiver o potencial por ser utilizado por muitos milhares de utilizadores, serA? necessA?rio testar seu site para monitorar este desempenho do site. Em particular, 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 necessA?rio, vocA? precisa distribuir seu conteA?do em vA?rios servidores para melhor desempenho. Andam muitas ferramentas que fornecem maneiras de testar sitios da Web, servidores da Web e aplicativos do intranet com interfaces da Web. O visitante pode testar e analisar as caracterAi??sticas de desempenho sob vA?rias 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 www.cosapubblica.it da web foi planejado, projetado e testado, o visitante 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 usuA?rios reais e dados em tempo real. Ai?? por extrema mais valia que o visitante tenha 1 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 do emergA?ncia dentro de 4 a 6 horas depois relatar este problema. Os clientes devem entender a importA?ncia disso e estar preparados para ter 1 orAi??amento alocado para essa finalidade.

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