Construindo um site completo a partir de uma conceito b√°sica

Nos meus www.mormetrik.com 10 anos de experiência na gestão de uma empresa por desenvolvimento web, tem havido muitos quadros em de que os clientes vêm até mesmo mim com 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 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 que eles querem. Às vezes eles apenas têm uma ideia e às vezes é um pouco mais que isso. Qualquer que seja o caso, eles olham o visitante não exclusivamente como desenvolvedores da Web, mas igualmente como 1 consultor especialista que pode orientá-los sobre este caminho perfeito a completar.

O visitante então se depara usando 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. Aqui está uma lista de estratégias de que garantem que você possa atender às expectativas do seus clientes e converter seus sonhos em realidade.

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

O visitante deve 1o tentar produzir uma lista de se√ß√Ķes l√≥gicas que o sitio deve ter. Fa√ßa perguntas ao cliente se o visitante acha de que n√£o entende. Se voc√™ j√° tem experi√™ncia no desenvolvimento por sites relacionados ao ju√≠zo, pode sugerir se√ß√Ķes de que devem manter-se 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 se√ß√£o, detalhando este objetivo prim√°rio e a finalidade do documento. se√ß√£o. Em termos t√©cnicos, voc√™ t√™m a possibilidade de chamar isso de mapa do sitio. Al√©m de se√ß√Ķes, o mapa do site igualmente mostra 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 bem explicados quando voc√™ fala diretamente com seu cliente.

2. Converta seu documento em um diagrama do wireframe.

Existe uma diferen√ßa entre criar um diagrama de wireframe e o que pessoalmente prefiro. Eu simplesmente 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. 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 site. Neste ponto, o cliente pode ver visualmente a sua ideia tomando maneira. Do documento, ele entende como o sitio vai parecer e como vai se comportar. Para mim, pessoalmente, este √© o passo mais crucial e, quanto mais detalhado 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 no total o site constru√≠do, voc√™ pode envi√°-lo para este seu cliente para assinar ou enviar altera√ß√Ķes para o seu quadro do arame. Isso ajudar√° a eliminar qualquer mal-entendido a respeito de a forma como as p√°ginas e o sitio funcionar√£o. Igualmente lhe d√° algo tang√≠vel para mostrar ao cliente que √© relativamente instantaneo e f√°cil de criar. Quanto ainda mais complexo for o sitio, mais eficaz ser√° a arma√ß√£o de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente f√°cil se voc√™ souber este que precisa ser projetado. O designer decide a cerca de o esquema de cores, cria seu estilo do layout e gr√°ficos. √Äs vezes, este designer ajusta o desenho das se√ß√Ķes para aquelas que s√£o mais visualmente atraentes. Foi claro de que se este site tiver tudo a ver com branding e apresenta√ß√£o, ent√£o o design deve ser de alta qualidade. Em analogia com estes 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 igualmente similarmente identicamente conjuntamente √© uma tarefa em muito desafiadora.

No final deste est√°gio, todos estes designs por 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 todas as se√ß√Ķes / dados foram cobertos.

4. Programação do site.

Durante a programa√ß√£o, assegure-se o seguinte com o maior alento e influ√™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 voc√™ tenha feito. - O design da p√°gina deve permanecer justamente o mesmo depois de programar tais como era previamente. - Todas 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 seja carregada em um servidor de question√°rio no qual o cliente possa visualizar o melhoria e este coment√°rio. Relembre-se de que estes sites enviados em 1 servidor do teste tamb√©m igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos de pesquisa. Ent√£o, por favor, assegure-se que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante a 100% o desenvolvimento de desenvolvimento.

5. processo do teste.

A import√Ęncia desta fase foi talvez a mais enfatizada e a menos praticada no universo da net. Clientes e desenvolvedores n√£o percebem a urg√™ncia por finalizar o projeto e coloc√°-lo em funcionamento. Este processo do teste pode ser dividido em 4 segmentos: - Compatibilidade entre navegadores - Teste seu site para ver se todos os elementos por design est√£o em vigor em todos os navegadores populares. H√° diversas ferramentas on-line, tais como as que ajudam o visitante a visualizar sua p√°gina da Web em diferentes navegadores. Para ver tais como seu site aparece nas telas pequenas de celulares como o BlackBerry ou o Windows Mobile, confira. - Teste a velocidade do seu sitio - Algumas pessoas ainda est√£o usando conex√Ķes lentas e sua popula√ß√£o n√£o √© insignificante, especialmente no mundo em desenvolvimento. Logo, voc√™ precisa garantir que o tempo m√©dio por carregamento de suas p√°ginas da Web em HTML, juntamente usando todos estes an√ļncios em Javascript, Imagens, CSS, anima√ß√Ķes em Flash, etc., esteja dentro do limites razo√°veis. √© um servi√ßo online 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 que voc√™ saiba sobre estes culpados de que podem tornar o site mais lento. Como alternativa, voc√™ pode vir a usar o Firebug no Firefox para detectar elementos em sua pr√≥pria p√°gina da Web de que est√£o aumentando o tempo de carregamento de as suas p√°ginas da Web. - Testando usabilidade? Voc√™ pode criar um grupo de usu√°rios de teste de que testar√° este site em termos do facilidade por uso e experi√™ncia de navega√ß√£o. Ou√ßa atentamente estes coment√°rios deles e talvez deseje implementar algumas por suas sugest√Ķes ao seu site. Alternativamente, voc√™ pode vir a entrar em contato com sites que t√™m uma base por usu√°rios do testadores de que far√£o o teste para voc√™. √© um exemplo disso. - Teste por carga, estresse e performance? Se o seu site tiver este potencial do ser usado por milhares de utilizadores, ser√° preciso testar seu site para monitorar este desempenho do site. Em particular, se voc√™ planeja exibir conte√ļdo em v√≠deo ou √°udio, verifique se o site est√° lidando com as urg√™ncias de streaming na demanda de pico. Se preciso, voc√™ precisa distribuir seu conte√ļdo em v√°rios servidores para melhor desempenho. Existem muitas ferramentas que fornecem maneiras por 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 por carga para encontrar gargalos nas as suas aplica√ß√Ķes web.

seis. Suporte pós lançamento.

Independentemente de qu√£o bem o seu aplicativo da web foi planejado, projetado e testado, voc√™ n√£o pode garantir 1 site do teste 100% completo. Haver√° erros, erros que n√£o podem ser previstos, a menos que um sitio esteja ativo e trabalhando com usu√°rios reais e dados em tempo real. √Č de extrema mais valia que voc√™ tenha um 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 ter 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 1 or√ßamento alocado para tal finalidade.

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

Leave a Comment

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

× How can I help you?