Construindo um Web-site completo a partir por uma conceito b√°sica

Nos meus 10 anos de experiência na gestão de uma empresa do desenvolvimento web, tem havido muitos casos em que os clientes vêm até mim usando 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 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 bem informados quanto definir exatamente o que eles querem. Às vezes eles apenas têm uma ideia e às vezes é 1 pouco muito mais que isso. Qualquer de que seja o caso, eles olham você não exclusivamente como desenvolvedores da Web, mas também igualmente similarmente identicamente conjuntamente como um consultor especialista que pode orientá-los sobre o caminho perfeito a seguir.

Você então se depara com o desafio de transformar a ideia básica em um empreendimento on-line completo que tenha o potencial de ser bem-sucedido e desafiar seus concorrentes. Cá está uma lista do estratégias de que garantem 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.

Voc√™ deve primeiro tentar criar uma lista de se√ß√Ķes l√≥gicas que o site deve ter. Fa√ßa perguntas ao cliente se o visitante acha que n√£o entende. Se o visitante j√° tem experi√™ncia pelo desenvolvimento por sites relacionados ao conceito, pode sugerir se√ß√Ķes de que devem manter-se presentes logicamente. No final deste exerc√≠cio, voc√™ deve criar um 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 se√ß√£o, detalhando este objetivo principal e o fim do documento. se√ß√£o. Em termos t√©cnicos, voc√™ pode vir a chamar isso de mapa do sitio. Al√©m de se√ß√Ķes, este mapa do site tamb√©m mostra tais como cada se√ß√£o est√° vinculada entre si. Compartilhe este documento com o 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 por wireframe.

Existe uma diferen√ßa entre criar um diagrama de wireframe e o que eu pessoalmente prefiro. Eu sobretudo projeto o site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto demasiado mais r√°pido usando powerpoint e n√£o tenho que confiar em meus programadores para criar este wireframe. Pelo documento a respeito 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. saiba 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 saiba como vai se comportar. Para mim, pessoalmente, este √© especialmente 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 do ter no total o site constru√≠do, o visitante 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 maneira 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 f√°cil de criar. Quanto mais complexo for o site, mais √ļtil ser√° a arma√ß√£o de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente f√°cil se o visitante souber este que precisa ser projetado. O designer decide sobre 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. Foi claro de que se o site tiver tudo a ver usando branding e apresenta√ß√£o, ent√£o o design deve ser por alta qualidade. Em conformidade 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 bastante 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 conformidade com o 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 este maior alento e import√Ęncia: - 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 o visitante tenha feito. - O design da p√°gina deve permanecer exatamente o mesmo depois do programar tais como era previamente. - Todas as brechas de seguran√ßa est√£o conectadas - Este site carrega r√°pido e √© compat√≠vel na maioria dos navegadores √Č aconselh√°vel que uma vers√£o por trabalho do site mesmo que carregada em um servidor de question√°rio no qual o cliente possa visualizar o melhoria e o coment√°rio. Lembre-se de que estes sites enviados em 1 servidor por teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos do pesquisa. Ent√£o, por favor, assegure-se que o sitio esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por sinal durante no total o desenvolvimento de desenvolvimento.

5. processo por teste.

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

6. Suporte pós lançamento.

Independentemente de qu√£o bem o seu aplicativo da web foi planejado, projetado e testado, voc√™ n√£o pode vir a garantir 1 site por teste 100% completo. Haver√° erros, erros que n√£o podem ser previstos, a menos de que um sitio esteja ativo e trabalhando com utilizadores 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, voc√™ deve ter uma equipe em standby que possa responder a situa√ß√Ķes de emerg√™ncia dentro de 4 a seis horas depois relatar este problema. Estes clientes devem entender a import√Ęncia disso e estar preparados para ter 1 or√ßamento alocado para tal finalidade.

Em conclus√£o, todos estes pontos podem ser elaborados, refinados e adicionados. Na verdade, existem infinitas varia√ß√Ķes e adi√ß√Ķes poss√≠veis, contudo isso t√™m a possibilidade de servir 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 empreendimento on-line do sucesso.

Leave a Comment

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

× How can I help you?