Criar um site completo a partir por uma plano f√°cil

Nos meus www.consciencia.org 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é mim com apenas 1 conceito básico do que eles querem progredir. Às vezes, eles me enviam uma descrição do projeto que compreende meros documentos por 1 a 2 frases a 100 páginas detalhados com diagramas, referências e assim por diante. Em ambos os casos, você se depara com pouca ou muita informação. Não é esperado que seus clientes sejam tão bem informados quanto definir exatamente o de que eles querem. Às vezes eles apenas têm uma ideia e às vezes é um pouco muito mais que isso. Qualquer de que seja este caso, eles olham você não apenas como desenvolvedores da Web, mas também como 1 consultor especialista que pode orientá-los sobre o caminho certo a completar.

Você então se depara com o desafio de converter a ideia básica em um negócio on-line completo que possua o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui está uma lista de estratégias que garantem de que você possa atender às expectativas do seus clientes e transformar seus sonhos em imagem.

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

O visitante deve primeiro tentar criar uma lista de se√ß√Ķes l√≥gicas de que o site deve deter. Fa√ßa perguntas ao cliente se voc√™ acha de que n√£o entende. Se o visitante j√° tem experi√™ncia no desenvolvimento por sites relacionados ao conceito, 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 prim√°rio e o fim do documento. se√ß√£o. Em termos t√©cnicos, voc√™ pode vir a chamar isso de mapa do site. Al√©m das se√ß√Ķes, o mapa do site tamb√©m igualmente similarmente identicamente conjuntamente mostra tais como cada se√ß√£o est√° vinculada entre si. Compartilhe este documento com este cliente e, se permitido, explique este documento para ele. √Äs vezes, seus pensamentos s√£o mais natural explicados quando voc√™ fala diretamente com seu cliente.

2. Converta seu documento em um diagrama por wireframe.

Existe uma diferen√ßa entre criar um diagrama por wireframe e o que eu pessoalmente prefiro. Eu basicamente projeto este site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto bastante mais r√°pido usando powerpoint e n√£o tenho que confiar em meus programadores para criar este wireframe. No documento sobre powerpoint, sobretudo 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 o 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 site vai parecer e como vai se comportar. Para mim, pessoalmente, este foi o passo mais crucial e, quanto mais preciso voc√™ estiver na sua prepara√ß√£o do seu wireframe, mais f√°cil e suave ser√° o processo de design e desenvolvimento. Depois de ter todo o site constru√≠do, o visitante pode envi√°-lo para este seu cliente para assinar ou enviar altera√ß√Ķes para o seu quadro por arame. Isso ajudar√° a eliminar qualquer mal-entendido sobre a forma como as p√°ginas e o sitio funcionar√£o. Tamb√©m igualmente similarmente identicamente conjuntamente lhe d√° algo tang√≠vel para mostrar ao cliente que √© relativamente super veloz e elementar de produzir. Quanto muito mais complexo for o site, mais eficiente ser√° a arma√ß√£o por arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente f√°cil se o visitante souber o que precisa ser projetado. O designer decide a respeito de o esquema de cores, cria seu estilo por layout e gr√°ficos. √Äs vezes, o designer ajusta o desenho das se√ß√Ķes para aquelas que s√£o mais visualmente atraentes. √Č claro que se este site tiver tudo a ver com branding e apresenta√ß√£o, ent√£o o design deve ser por alta qualidade. Em analogia com os mais modernos 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 os designs de p√°gina est√£o prontos. Mostre-o ao seu cliente para aprova√ß√£o e verifique se ele permanecequeda em analogia com este design do wireframe e se praticamente 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. - O design da p√°gina deve permanecer exatamente o exatamente depois de programar saiba como era antes. - Praticamente as brechas de seguran√ßa est√£o conectadas - O site carrega r√°pido e √© compat√≠vel na maioria dos navegadores √Č recomend√°vel que uma vers√£o de trabalho do site mesmo que carregada em um servidor de question√°rio no qual o cliente possa visualizar o melhoria e o coment√°rio. Relembre-se de que estes sites enviados em 1 servidor de teste tamb√©m podem ser rastreados pelo Google e indexados pelos mecanismos do pesquisa. Ent√£o, por benef√≠cio, assegure-se que o sitio esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por senha durante todo o processo de desenvolvimento.

5. processo por teste.

A import√Ęncia desta fase √© especialmente talvez a mais enfatizada e a menos praticada no globo da internet. Clientes e desenvolvedores n√£o percebem a urg√™ncia de finalizar o projeto e coloc√°-lo em funcionamento. Este processo por teste pode 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. Existem diversas ferramentas on-line, tais como as de que ajudam voc√™ a visualizar sua p√°gina da Web em multiplos navegadores. Para ver tais como seu sitio aparece nas telas pequenas de celulares como o BlackBerry ou este Windows Mobile, confira. - Teste a velocidade do seu site - Algumas pessoas ainda est√£o usando conex√Ķes lentas e sua popula√ß√£o n√£o √© insignificante, especialmente no mundo em desenvolvimento. Portanto, voc√™ precisa garantir de que o tempo m√©dio de carregamento do 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. √© 1 servi√ßo em linha gratuito de que imita a maneira saiba como uma p√°gina √© carregada no browser da web. Ele mostra estat√≠sticas (tamanho, tempo por carregamento) para cada objeto na p√°gina da web para que voc√™ fique a saber sobre os culpados de que podem tornar o sitio mais lento. Como alternativa, voc√™ pode vir a usar o 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√™ t√™m a possibilidade de criar um grupo de usu√°rios do teste que testar√° o site em termos por facilidade do uso e experi√™ncia de navega√ß√£o. Ou√ßa atentamente estes coment√°rios deles e talvez deseje incorporar algumas por suas sugest√Ķes ao seu site. Alternativamente, voc√™ pode entrar em contato com sites de que t√™m uma base de usu√°rios por testadores de que far√£o este teste para voc√™. √© um exemplo disso. - Teste do carga, estresse e desempenho? Se o seu sitio tiver este potencial por ser usado por muitos milhares de usu√°rios, ser√° necess√°rio testar seu site para monitorar o desempenho do site. Em especial, se voc√™ planeja exibir conte√ļdo em v√≠deo ou √°udio, verifique se o site estacionaestaficafixa jazepararpermanecequeda lidando usando as necessidades de streaming na demanda de pico. Se necess√°rio, voc√™ precisa distribuir seu conte√ļdo em v√°rios servidores para melhor desempenho. Existem muitas ferramentas que fornecem maneiras de testar sitios da Web, servidores da Web e aplicativos do intranet usando interfaces da Web. Voc√™ pode testar e analisar as caracter√≠sticas de desempenho sob numerosas condi√ß√Ķes do 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, voc√™ n√£o pode vir a garantir um site por teste 100% completo. Haver√° erros, enganos que n√£o podem ser previstos, a menos de que um site esteja ativo e trabalhando com utilizadores reais e dados em tempo real. √Č de extrema mais valia que voc√™ 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, voc√™ deve deter uma equipe em standby que possa responder a situa√ß√Ķes por emerg√™ncia dentro de 4 a seis horas ap√≥s relatar este problema. Estes clientes devem entender a import√Ęncia disso e manter-se preparados para ter 1 or√ßamento alocado para tal finalidade.

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

Leave a Comment

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

× How can I help you?