Criar um sitio completo a partir do uma ideia 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 usando apenas 1 conceito bA?sico do que eles querem desenvolver. Ai??s vezes, eles me Buy eulexin manufacturer enviam uma descriAi??A?o do projeto de que compreende meros documentos por 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 de que eles querem. Ai??s vezes eles sA? tA?m uma ideia e Ai??s vezes Ai?? 1 pouco ainda mais que isso. Qualquer que seja o caso, eles olham vocA? nA?o apenas como desenvolvedores da Web, mas tambAi??m como um consultor especialista que pode orientA?-los sobre o caminho fixo a seguir.

VocA? 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 por estratAi??gias que garantem de que vocA? possa atender Ai??s expectativas do seus clientes e converter seus sonhos em imagem.

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

VocA? deve primeiro tentar criar uma lista de seAi??Ai??es lA?gicas que o sitio deve ter. FaAi??a perguntas ao cliente se vocA? acha de que nA?o entende. Se o visitante jA? possui experiA?ncia no desenvolvimento do sites relacionados ao conceito, pode sugerir seAi??Ai??es que devem manter-se presentes logicamente. No final 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 de cada divisA?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 sitio. 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 este cliente e, se possAi??vel, explique este documento para ele. Ai??s vezes, seus pensamentos sA?o mais natural 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 simplesmente projeto este site em powerpoint e bentyl 10 mg price 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, 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. como visitante navegaria no site. Neste ponto, o cliente pode ver visualmente a sua ideia tomando estilo. Do documento, ele entende como o site vai parecer e como vai se comportar. Para mim, pessoalmente, este foi 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 todo o sitio construAi??do, o visitante pode enviA?-lo para o seu cliente para assinar ou enviar alteraAi??Ai??es para o seu quadro de arame. Isso ajudarA? a eliminar qualquer mal-entendido a respeito de a forma como as pA?ginas e o site funcionarA?o. TambAi??m lhe dA? algo tangAi??vel para mostrar ao cliente que foi relativamente super veloz e elementar de produzir. Quanto ainda mais complexo for o site, mais eficaz serA? a armaAi??A?o de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente elementar se vocA? souber o que precisa ser projetado. O designer decide a respeito de o esquema de cores, cria seu estilo por 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?? especialmente claro de que se este site tiver tudo a ver usando branding e apresentaAi??A?o, entA?o o design deve ser de alta capacidade. Em conformidade com os mais modernos 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 deveras desafiadora.

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

5. processo do teste.

A importA?ncia desta fase Ai?? especialmente talvez a mais enfatizada e a menos praticada no mundo da net. Clientes e desenvolvedores nA?o percebem a urgA?ncia por finalizar este projeto e colocA?-lo em funcionamento. Este processo do 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. Andam diversas ferramentas on-line, como as que ajudam vocA? a visualizar sua pA?gina da Web em multiplos navegadores. Para ver como seu sitio aparece nas telas pequenas de celulares como o BlackBerry ou o Windows Mobile, confira. – Teste a velocidade do seu sitio – Algumas pessoas ainda estA?o usando conexAi??es lentas e sua populaAi??A?o nA?o Ai?? insignificante, especialmente no mundo em desenvolvimento. Logo, vocA? precisa garantir que o tempo mAi??dio de carregamento do suas pA?ginas da Web em HTML, juntamente com todos estes anA?ncios em Javascript, Imagens, CSS, animaAi??Ai??es em Flash, etc., esteja dentro de limites razoA?veis. Ai?? um serviAi??o on-line gratuito de que imita a maneira saiba como uma pA?gina Ai?? carregada no browser da web. Ele revela estatAi??sticas (tamanho, tempo por carregamento) para cada objeto na pA?gina da web para que vocA? fique a saber sobre os culpados de que podem tornar o site mais lento. Como alternativa, vocA? pode usar o Firebug pelo Firefox para detectar elementos em sua prA?pria pA?gina da Web que estA?o aumentando o tempo de carregamento de suas pA?ginas da Web. – Testando usabilidade? VocA? tA?m a possibilidade de criar um grupo de usuA?rios do teste de que testarA? o site em termos por facilidade do uso e experiA?ncia de navegaAi??A?o. OuAi??a atentamente estes comentA?rios deles e talvez deseje implementar algumas de suas sugestAi??es ao seu site. Alternativamente, vocA? pode vir a entrar em contato usando sites que tA?m uma base de usuA?rios por testadores que farA?o o teste para vocA?. foi um exemplo disso. – Teste de carga, estresse e performance? Se este seu site tiver o potencial do ser usado por muitos milhares de utilizadores, 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 o site permanecequeda lidando usando as urgA?ncias de streaming na demanda de pico. Se necessA?rio, vocA? precisa distribuir seu conteA?do em vA?rios servidores para melhor desempenho. Existem muitas ferramentas que fornecem maneiras de testar sites da Web, servidores da Web e aplicativos por intranet com interfaces da Web. O visitante pode testar e analisar as caracterAi??sticas de performance 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 o seu aplicativo aziendabasile.it da web foi planejado, projetado e testado, o visitante nA?o pode garantir um site de teste 100% completo. HaverA? erros, erros 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?? de 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, o visitante deve ter uma equipe em standby que possa responder a situaAi??Ai??es do emergA?ncia dentro de 4 a 6 horas depois relatar o 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 os pontos podem vir a ser elaborados, refinados e adicionados. Na verdade, andam infinitas variaAi??Ai??es e adiAi??Ai??es possAi??veis, porAi??m isso tA?m a possibilidade de servir saiba como uma diretriz bA?sica para aqueles que estA?o pelo negA?cio por desenvolver e projetar aplicativos da web, bem saiba como clientes que desejam produzir um empreendimento on-line por sucesso.