Criar um site completo a partir do uma ideia simples

Nos meus 10 anos de experiência na gestão de uma empresa por desenvolvimento web, tem havido muitos casos em que os clientes vêm até mesmo mim usando apenas 1 conceito básico do que eles querem progredir. Às vezes, eles me enviam uma descrição do projeto de que compreende meros documentos do 1 a 2 frases a cem páginas detalhados com diagramas, referências e assim por diante. Em ambos os casos, o visitante se depara com pouca ou muita informação. Não é esperado que seus clientes sejam tão natural informados quanto definir justamente o de que eles querem. Às vezes eles apenas têm uma ideia e às vezes é um pouco ainda mais que isso. Qualquer que seja o caso, eles olham o visitante não exclusivamente como desenvolvedores da Web, mas também como um consultor especialista que pode orientá-los sobre este caminho perfeito a completar.

O visitante então se depara usando o desafio de converter a ideia básica em um empreendimento on-line completo que tenha o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui está uma lista do estratégias de que garantem que você possa atender às expectativas de seus clientes e converter seus sonhos em realidade.

1. Entenda este conceito e delineie as se√ß√Ķes e recursos b√°sicos.

O visitante deve primeiro tentar produzir uma lista de se√ß√Ķes l√≥gicas que o site deve deter. Fa√ßa perguntas ao cliente se o visitante acha de que n√£o entende. Se voc√™ j√° possui experi√™ncia pelo desenvolvimento do sites relacionados ao ju√≠zo, pode sugerir se√ß√Ķes que devem estar presentes logicamente. No fim deste exerc√≠cio, voc√™ deve criar 1 documento onde todas as se√ß√Ķes, subse√ß√Ķes, p√°ginas sejam listadas em ordem l√≥gica (talvez em um formato com marcadores simples) usando uma breve descri√ß√£o de cada divis√£o, detalhando o objetivo principal e o objectivo do documento. se√ß√£o. Em termos t√©cnicos, voc√™ t√™m a possibilidade de chamar isso de mapa do site. Al√©m de se√ß√Ķes, o mapa do site tamb√©m igualmente similarmente identicamente conjuntamente mostra tais como cada divis√£o est√° vinculada entre si. Compartilhe este documento com este cliente e, se permitido, explique o documento para ele. √Äs vezes, seus pensamentos s√£o mais bem explicados quando voc√™ fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama de wireframe.

Existe uma diferen√ßa entre criar 1 diagrama do wireframe e o que pessoalmente prefiro. Eu simplesmente projeto o site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto muito mais r√°pido usando powerpoint e n√£o tenho que confiar em meus programadores para criar este wireframe. Pelo documento a cerca de powerpoint, simplesmente projetamos cada p√°gina da web desprovida de cores e gr√°ficos, mas tentamos mostrar dados simulados, as coloca√ß√Ķes dos dados e como eles aparecem, bot√Ķes, alertas, pop-ups e organizar os slides simulando este comportamento do site. como visitante navegaria no sitio. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando estilo. Do documento, ele entende como o sitio vai parecer e saiba como vai se comportar. Para mim, pessoalmente, este √© o passo mais crucial e, quanto mais preciso voc√™ estiver na sua pr√≥pria prepara√ß√£o do seu wireframe, mais f√°cil e suave ser√° o processo de design e desenvolvimento. Depois por ter a 100% o sitio constru√≠do, voc√™ pode envi√°-lo para o seu cliente para assinar ou enviar altera√ß√Ķes para o seu quadro por arame. Isso ajudar√° a eliminar qualquer mal-entendido a respeito de a forma como as p√°ginas e o site funcionar√£o. Igualmente lhe d√° algo tang√≠vel para mostrar ao cliente que √© relativamente r√°pido e elementar de produzir. Quanto ainda mais complexo for o sitio, mais √ļtil ser√° a arma√ß√£o do arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente elementar se voc√™ souber o que precisa ser projetado. O designer decide sobre o esquema de cores, cria seu estilo de layout e gr√°ficos. √Äs vezes, o designer ajusta o arranjo das se√ß√Ķes para aquelas que s√£o mais visualmente atraentes. Foi claro de que se o site tiver tudo a ver com branding e apresenta√ß√£o, ent√£o o design deve ser por alta capacidade. Em analogia com os mais novos padr√Ķes da Web 2. 0 e design inteligente de se√ß√Ķes de interface do usu√°rio com pop-ups JQuery / AJAX tamb√©m √© uma tarefa deveras desafiadora.

No fim deste est√°gio, todos estes designs de p√°gina est√£o prontos. Mostre-o ao seu cliente para aprova√ß√£o e verifique se ele est√° em analogia com o design do wireframe e se todas as se√ß√Ķes / dados foram cobertos.

4. Programação do site.

Durante a programa√ß√£o, assegure-se o seguinte com o maior cuidado e mais valia: - A estrutura e a codifica√ß√£o da p√°gina da Web devem ser muito limpas e validadas. - Remova qualquer codifica√ß√£o comentada desnecess√°ria que voc√™ tenha feito. - Este design da p√°gina deve permanecer exatamente o exatamente depois do programar tais como era antes. - Praticamente as brechas de seguran√ßa est√£o conectadas - Este site carrega r√°pido e √© compat√≠vel na maioria dos navegadores √Č recomend√°vel que uma vers√£o por trabalho do site seja carregada em um servidor de teste no qual o cliente possa visualizar o melhoria e o coment√°rio. Relembre-se de que os sites enviados em um servidor por teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos do pesquisa. Ent√£o, por benef√≠cio, assegure-se de que o site esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por senha durante todo o desenvolvimento de desenvolvimento.

5. processo do teste.

A import√Ęncia desta fase √© talvez a mais enfatizada e a menos praticada no mundo da net. Clientes e desenvolvedores n√£o percebem a urg√™ncia de finalizar este projeto e coloc√°-lo em funcionamento. O processo por teste t√™m a possibilidade de ser dividido em 4 segmentos: - Compatibilidade entre navegadores - Teste seu site para ver se todos estes elementos por design est√£o em vigor em todos os navegadores populares. Andam diversas ferramentas on-line, como as de que ajudam voc√™ a visualizar sua p√°gina da Web em diferentes 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 site - V√°rias pessoas ainda est√£o usando conex√Ķes lentas e sua popula√ß√£o n√£o √© insignificante, especialmente pelo mundo em desenvolvimento. Portanto, voc√™ precisa garantir de que o tempo m√©dio do carregamento de suas p√°ginas da Web em HTML, juntamente com todos os an√ļncios em Javascript, Imagens, CSS, anima√ß√Ķes em Flash, etc., esteja dentro do limites razo√°veis. √© um servi√ßo on-line gratuito de que imita a maneira como uma p√°gina √© carregada no browser da web. Ele revela estat√≠sticas (tamanho, tempo por carregamento) para cada objeto na p√°gina da web para de que voc√™ saiba sobre estes culpados que podem tornar o sitio mais lento. Como alternativa, voc√™ pode usar este Firebug pelo Firefox para detectar elementos em sua p√°gina da Web de que est√£o aumentando o tempo de carregamento de suas p√°ginas da Web. - Testando usabilidade? Voc√™ pode criar 1 grupo de usu√°rios do teste de que testar√° o site em termos do facilidade do uso e experi√™ncia de navega√ß√£o. Ou√ßa atentamente os coment√°rios deles e talvez deseje implementar algumas por suas magnifier4tech.com sugest√Ķes ao seu site. Alternativamente, voc√™ pode vir a entrar em contato usando sites que t√™m uma base por usu√°rios de testadores que far√£o o teste para voc√™. √© um exemplo disso. - Teste de carga, estresse e performance? Se o seu sitio tiver este potencial por ser utilizado por muitos milhares de usu√°rios, ser√° preciso testar seu site para monitorar o desempenho do site. Em particular, se o visitante planeja exibir conte√ļdo em v√≠deo ou √°udio, verifique se o site estacionaestaficafixa jazepararpermanecequeda lidando com as necessidades de streaming na demanda de pico. Se necess√°rio, voc√™ precisa distribuir seu conte√ļdo em v√°rios servidores para melhor desempenho. Andam muitas ferramentas que fornecem maneiras do testar sitios da Web, servidores da Web e aplicativos por intranet com interfaces da Web. O visitante pode testar e analisar as propriedades de desempenho sob diversas condi√ß√Ķes de carga para encontrar gargalos nas as suas aplica√ß√Ķes web.

6. Suporte pós lançamento.

Independentemente de qu√£o bem este seu aplicativo da web foi planejado, projetado e testado, o visitante n√£o pode vir a garantir 1 site do teste 100% completo. Haver√° erros, erros que n√£o podem ser previstos, a menos de que um site esteja ativo e trabalhando com usu√°rios reais e dados em tempo real. √Č do extrema import√Ęncia que o visitante tenha 1 desenvolvedor ou equipe pronta para lidar com qualquer uma dessas eventualidades. Se o seu site lida com dados que s√£o acessados em tempo real por seus usu√°rios, o visitante deve deter uma equipe em standby que possa responder a situa√ß√Ķes do emerg√™ncia dentro de 4 a seis horas depois relatar o problema. Os clientes devem entender a import√Ęncia disso e manter-se preparados para ter um or√ßamento alocado para tal finalidade.

Em conclus√£o, todos os pontos podem possibilitar ser elaborados, refinados e adicionados. Na verdade, h√° infinitas varia√ß√Ķes e adi√ß√Ķes poss√≠veis, contudo isso t√™m a possibilidade de servir saiba como uma diretriz b√°sica para aqueles de que est√£o pelo neg√≥cio do desenvolver e projetar aplicativos da web, bem tais como clientes de que desejam criar um neg√≥cio on-line por sucesso.

Leave a Comment

Your email address will not be published. Required fields are marked *

× How can I help you?