Construindo um Website completo a partir de uma conceito simples

Nos meus 10 anos de experiência na gestão de uma empresa de 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 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, o visitante se depara com pouca ou muita informação. Não é esperado que seus clientes sejam tão natural informados quanto definir exatamente o de que eles querem. Às vezes eles só têm uma ideia e às vezes é um pouco ainda mais que isso. Qualquer de que seja este caso, eles olham o visitante não exclusivamente como desenvolvedores da Web, mas também igualmente similarmente identicamente conjuntamente como 1 consultor especialista que pode orientá-los sobre este caminho perfeito a atravessar.

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 de que garantem que você possa atender às expectativas do seus clientes e transformar seus sonhos em realidade.

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

Voc√™ deve primeiro tentar produzir uma lista de se√ß√Ķes l√≥gicas de 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 no desenvolvimento por sites relacionados ao conceito, pode sugerir se√ß√Ķes de que devem estar presentes logicamente. No fim 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) com uma breve descri√ß√£o do cada divis√£o, detalhando o objetivo principal e o fim 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 tamb√©m igualmente similarmente identicamente conjuntamente mostra saiba como cada se√ß√£o est√° vinculada entre si. Compartilhe este documento com este cliente e, se poss√≠vel, explique o documento para ele. √Äs vezes, seus pensamentos s√£o mais natural explicados quando fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama de wireframe.

Existe uma diferen√ßa entre criar 1 diagrama de wireframe e o que pessoalmente prefiro. Eu simplesmente projeto este 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 o wireframe. No documento a cerca de 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. saiba como visitante navegaria no sitio. Neste ponto, o cliente pode ver visualmente a sua ideia tomando forma. 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 detalhado voc√™ estiver na sua pr√≥pria prepara√ß√£o do seu wireframe, mais f√°cil e suave ser√° o desenvolvimento de design e desenvolvimento. Depois de ter no total 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 cerca de a maneira como as p√°ginas e o sitio funcionar√£o. Tamb√©m lhe d√° algo tang√≠vel para mostrar ao cliente que foi relativamente r√°pido e f√°cil de produzir. Quanto mais complexo for o sitio, mais eficiente ser√° a arma√ß√£o do arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente elementar 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, este designer ajusta o arranjo 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 do alta capacidade. Em analogia com estes mais recentes 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 final deste est√°gio, todos os designs do 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 alento 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 por programar como era antes. - Todas as brechas de seguran√ßa est√£o conectadas - Este site carrega r√°pido e √© compat√≠vel na maior parte dos navegadores √Č aconselh√°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 o coment√°rio. Recorde-se de que estes sites enviados em 1 servidor do teste tamb√©m podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. Ent√£o, por benef√≠cio, assegure-se de que o sitio esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por senha durante no total o processo de desenvolvimento.

5. processo de teste.

A import√Ęncia desta fase foi talvez a mais enfatizada e a menos praticada no mundo da internet. Clientes e desenvolvedores n√£o percebem a urg√™ncia por finalizar o projeto e coloc√°-lo em funcionamento. O processo por teste pode ser dividido em 4 segmentos: - Compatibilidade entre navegadores - Teste seu site para ver se todos os elementos de design est√£o em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, tais como as que ajudam o visitante a visualizar sua p√°gina da Web em variados navegadores. Para ver 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. Por isso, voc√™ precisa garantir que o tempo m√©dio de carregamento por suas p√°ginas da Web em HTML, juntamente usando todos estes an√ļncios em Javascript, Imagens, CSS, anima√ß√Ķes em Flash, etc., esteja dentro de limites razo√°veis. √© 1 servi√ßo online 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 de que voc√™ fique a saber sobre os culpados de que podem tornar o sitio mais lento. Como escolha, voc√™ t√™m a possibilidade de usar este Firebug pelo Firefox para detectar elementos em sua pr√≥pria 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 por usu√°rios de teste de que testar√° este site em termos de facilidade por uso e experi√™ncia do navega√ß√£o. Ou√ßa atentamente estes coment√°rios deles e talvez deseje implementar algumas de suas arap-algerie.com sugest√Ķes ao seu site. Alternativamente, voc√™ pode vir a entrar em contato usando sites que t√™m uma base do usu√°rios do testadores que far√£o este teste para voc√™. √© especialmente um exemplo disso. - Teste de carga, estresse e performance? Se este seu sitio tiver o potencial por ser utilizado por muitos milhares de utilizadores, ser√° preciso testar seu site para monitorar este desempenho do site. Em especial, se o visitante planeja exibir conte√ļdo em v√≠deo ou √°udio, verifique se este site estacionaestaficafixa jazepararpermanecequeda lidando com as urg√™ncias 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 por testar sites da Web, servidores da Web e aplicativos por intranet com interfaces da Web. Voc√™ pode testar e analisar as propriedades de desempenho sob diversas condi√ß√Ķes de carga para encontrar gargalos nas 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 um site de 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 influ√™ncia que o visitante 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 6 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 estes pontos podem possibilitar ser elaborados, refinados e adicionados. Na verdade, h√° infinitas varia√ß√Ķes e adi√ß√Ķes poss√≠veis, por√©m isso pode servir tais como uma diretriz b√°sica para aqueles de que est√£o no neg√≥cio de desenvolver e projetar aplicativos da web, bem como clientes que desejam produzir 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?