Construindo um site completo a partir por uma plano fA?cil

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 quadros em de que os clientes vA?m atAi?? mim com 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 por 1 a 2 frases a cem pA?ginas detalhados com diagramas, referA?ncias e assim por diante. Em ambos estes casos, o visitante se depara com pouca ou muita informaAi??A?o. NA?o Ai?? esperado que seus clientes sejam tA?o bem informados quanto definir exatamente o que eles querem. Ai??s vezes eles apenas tA?m uma ideia e Ai??s vezes Ai?? um pouco ainda mais que isso. Qualquer que seja este caso, eles olham vocA? nA?o exclusivamente como desenvolvedores da Web, mas igualmente como um consultor especialista que pode orientA?-los sobre este caminho fixo a atravessar.

VocA? entA?o se depara usando o desafio de converter a ideia bA?sica em um negA?cio on-line completo que tenha o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui estA? uma lista do estratAi??gias que garantem de que vocA? possa atender Ai??s expectativas por seus clientes e converter seus sonhos em imagem.

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

O visitante deve primeiro tentar criar uma lista de seAi??Ai??es lA?gicas de que o sitio deve ter. FaAi??a perguntas ao cliente se o visitante acha que nA?o entende. Se o visitante jA? possui experiA?ncia no desenvolvimento por sites relacionados ao conceito, pode sugerir seAi??Ai??es de 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 o fim do documento. seAi??A?o. Em termos tAi??cnicos, vocA? pode chamar isso de mapa do site. AlAi??m de seAi??Ai??es, este mapa do site igualmente mostra como cada seAi??A?o estA? vinculada entre si. Compartilhe este documento com o 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 do wireframe.

Existe uma diferenAi??a entre criar um diagrama de 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 o wireframe. No documento sobre powerpoint, simplesmente projetamos cada purchase renagel vs renvela 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 ver visualmente a sua ideia tomando maneira. Do documento, ele entende como o site vai parecer e saiba como vai se comportar. Para mim, pessoalmente, este Ai?? especialmente o passo mais crucial e, quanto mais detalhado vocA? estiver na sua preparaAi??A?o do seu wireframe, mais fA?cil e suave serA? o desenvolvimento de design e desenvolvimento. Depois do ter no total o sitio construAi??do, vocA? pode enviA?-lo para este seu cliente para assinar ou enviar alteraAi??Ai??es para o 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 foi relativamente super veloz e fA?cil de produzir. Quanto ainda mais complexo for o site, mais A?til serA? a armaAi??A?o do arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente fA?cil se o visitante souber o que precisa ser projetado. O designer decide sobre o esquema de cores, cria seu estilo do layout e grA?ficos. Ai??s vezes, este designer ajusta o arranjo das seAi??Ai??es para aquelas que sA?o mais visualmente atraentes. Foi claro de que se este site tiver tudo a ver usando branding e apresentaAi??A?o, entA?o o design deve ser por alta excelA?ncia. 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 bastante desafiadora.

No final 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 permanecequeda em analogia com o 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 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 precisamente depois por programar como era antes. – Todas as brechas de seguranAi??a estA?o conectadas – O site carrega rA?pido e Ai?? compatAi??vel na maior parte dos navegadores Ai?? aconselhA?vel que uma versA?o de trabalho do site mesmo que carregada em um servidor de teste no qual o cliente possa visualizar o progresso e este comentA?rio. Relembre-se de que os sites enviados em 1 servidor por teste tambAi??m igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. EntA?o, por benefAi??cio, assegure-se de que o site esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por sinal durante a 100% o processo de desenvolvimento.

5. processo por teste.

A importA?ncia desta fase Ai?? especialmente talvez a mais enfatizada e a menos praticada no universo da net. Clientes e desenvolvedores nA?o percebem a urgA?ncia do finalizar este projeto e colocA?-lo em funcionamento. O processo por teste pode 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. Existem diversas ferramentas on-line, saiba como as 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. Por isso, vocA? precisa garantir que o tempo mAi??dio por carregamento do suas pA?ginas da Web em HTML, juntamente com todos os 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 tais como uma pA?gina Ai?? carregada no navegador da web. Ele mostra estatAi??sticas (tamanho, tempo do carregamento) para cada objeto na pA?gina da web para de que vocA? fique a saber Purchase eurax sobre os culpados de que podem tornar o sitio mais lento. Como escolha, vocA? pode vir a usar o Firebug pelo Firefox para detectar elementos em sua pA?gina da Web de que estA?o aumentando o tempo de carregamento de as suas pA?ginas da Web. – Testando usabilidade? VocA? pode vir a criar 1 grupo de usuA?rios por teste que testarA? o site em termos do facilidade por uso e experiA?ncia do 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 usando sites que tA?m uma base por usuA?rios de testadores de que farA?o este teste para vocA?. Ai?? um exemplo disso. – Teste de carga, estresse e performance? Se o seu site tiver o potencial do ser usado por 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 o 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. Existem muitas ferramentas que fornecem maneiras do testar sitios da Web, servidores da Web e aplicativos do intranet com interfaces da Web. O visitante pode testar e analisar as propriedades de desempenho sob numerosas condiAi??Ai??es por carga para encontrar gargalos nas as suas aplicaAi??Ai??es web.

6. Suporte pA?s lanAi??amento.

Independentemente de quA?o bem este seu aplicativo www.borniabouwadvies.nl da web foi planejado, projetado e testado, o visitante nA?o pode vir a garantir 1 site por 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?? por 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 do emergA?ncia dentro de 4 a 6 horas apA?s relatar este problema. Estes clientes devem entender a importA?ncia disso e manter-se preparados para ter 1 orAi??amento alocado para tal 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, contudo isso tA?m a possibilidade de servir saiba como uma diretriz bA?sica para aqueles de que estA?o pelo negA?cio do desenvolver e projetar aplicativos da web, bem tais como clientes que desejam criar um empreendimento on-line de sucesso.