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 atA� mesmo mim usando apenas 1 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 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 informaA�A?o. NA?o A� esperado que seus clientes sejam tA?o natural informados quanto definir justamente o de que eles querem. A�s vezes eles sA? tA?m uma ideia e A�s vezes A� 1 pouco ainda mais que isso. Qualquer que seja o caso, eles olham vocA? nA?o apenas como desenvolvedores da Web, mas tambA�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 estratA�gias que garantem de que vocA? possa atender A�s expectativas do seus clientes e converter seus sonhos em imagem.

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

VocA? deve primeiro tentar criar uma lista de seA�A�es lA?gicas que o sitio deve ter. FaA�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 seA�A�es que devem manter-se presentes logicamente. No final 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 de cada divisA?o, detalhando o objetivo principal e o objectivo do documento. seA�A?o. Em termos tA�cnicos, vocA? pode vir a chamar isso de mapa do sitio. AlA�m de seA�A�es, este mapa do site igualmente mostra como cada seA�A?o estA? vinculada entre si. Compartilhe este documento com este cliente e, se possA�vel, explique este documento para ele. A�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 diferenA�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 colocaA�A�es dos dados e como eles aparecem, botA�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 preparaA�A?o do seu wireframe, mais fA?cil e suave serA? o desenvolvimento de design e desenvolvimento. Depois do ter todo o sitio construA�do, o visitante pode enviA?-lo para o seu cliente para assinar ou enviar alteraA�A�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. TambA�m lhe dA? algo tangA�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 armaA�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. A�s vezes, este designer ajusta o desenho das seA�A�es para aquelas que sA?o mais visualmente atraentes. A� especialmente claro de que se este site tiver tudo a ver usando branding e apresentaA�A?o, entA?o o design deve ser de alta capacidade. Em conformidade com os mais modernos 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 deveras desafiadora.

No final deste estA?gio, todos os designs por pA?gina estA?o prontos. Mostre-o ao seu cliente para aprovaA�A?o e verifique se ele permanecequeda em conformidade com o design do wireframe e se todas 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 mais valia: – 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. – O design da pA?gina deve permanecer justamente o exatamente depois do programar saiba como era antes. – Todas as brechas de seguranA�a estA?o conectadas – Este site carrega rA?pido e A� compatA�vel na maioria dos navegadores A� 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 benefA�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 A� 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 conexA�es lentas e sua populaA�A?o nA?o A� insignificante, especialmente no mundo em desenvolvimento. Logo, vocA? precisa garantir que o tempo mA�dio de carregamento do suas pA?ginas da Web em HTML, juntamente com todos estes anA?ncios em Javascript, Imagens, CSS, animaA�A�es em Flash, etc., esteja dentro de limites razoA?veis. A� um serviA�o on-line gratuito de que imita a maneira saiba como uma pA?gina A� carregada no browser da web. Ele revela estatA�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 navegaA�A?o. OuA�a atentamente estes comentA?rios deles e talvez deseje implementar algumas de suas sugestA�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 vA�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 caracterA�sticas de performance sob numerosas condiA�A�es do carga para encontrar gargalos nas suas aplicaA�A�es web.

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

Em conclusA?o, todos os pontos podem vir a ser elaborados, refinados e adicionados. Na verdade, andam infinitas variaA�A�es e adiA�A�es possA�veis, porA�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.