Construindo um site completo a partir por uma conceito 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 um conceito básico do que eles querem progredir. Às vezes, eles me enviam uma descrição do projeto de que compreende meros documentos de 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 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 você não somente como desenvolvedores da Web, mas também igualmente similarmente identicamente conjuntamente como um consultor especialista que pode orientá-los sobre o caminho fixo a completar.

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

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

O visitante deve 1o tentar criar 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 de sites relacionados ao ju√≠zo, 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 prim√°rio e a finalidade do documento. se√ß√£o. Em termos t√©cnicos, voc√™ pode chamar isso de mapa do sitio. Al√©m de se√ß√Ķes, o mapa do site tamb√©m mostra saiba como cada divis√£o est√° vinculada entre si. Compartilhe este documento com o cliente e, se poss√≠vel, explique o documento para ele. √Äs vezes, seus pensamentos s√£o mais bem explicados quando fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama de wireframe.

Existe uma diferen√ßa entre criar um diagrama de wireframe e o que eu pessoalmente prefiro. Eu basicamente 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 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 destes dados e como eles aparecem, bot√Ķes, alertas, pop-ups e organizar os slides simulando este comportamento do site. saiba como visitante navegaria no sitio. Neste ponto, o cliente pode ver visualmente a sua ideia tomando estilo. Do documento, ele entende como o sitio vai parecer e tais como vai se comportar. Para mim, pessoalmente, este foi o passo mais crucial e, quanto mais discriminado voc√™ estiver na sua prepara√ß√£o do seu wireframe, mais f√°cil e suave ser√° o processo de design e desenvolvimento. Depois do ter no total o sitio constru√≠do, voc√™ pode envi√°-lo para este seu cliente para assinar ou enviar altera√ß√Ķes para o seu quadro de arame. Isso ajudar√° a eliminar qualquer mal-entendido a respeito de a forma como as p√°ginas e o site funcionar√£o. Tamb√©m lhe d√° algo tang√≠vel para mostrar ao cliente que √© especialmente relativamente r√°pido e f√°cil de produzir. Quanto mais complexo for o site, mais eficaz ser√° a arma√ß√£o de 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 a respeito 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 que se este site tiver tudo a ver usando branding e apresenta√ß√£o, ent√£o o design deve ser de 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 igualmente √© 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 estacionaestaficafixa jazepararpermanecequeda em analogia 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 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 justamente o mesmo depois por programar saiba como era antes. - Praticamente as brechas de seguran√ßa est√£o conectadas - Este site carrega r√°pido e √© compat√≠vel na maior parte dos navegadores √Č recomend√°vel que uma vers√£o por trabalho do site seja carregada em um servidor de question√°rio no qual o cliente possa visualizar o melhoria e este coment√°rio. Lembre-se de que os sites enviados em um servidor por teste tamb√©m podem ser rastreados pelo Google e indexados pelos mecanismos de pesquisa. Ent√£o, por benef√≠cio, assegure-se que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por senha durante a 100% o processo de desenvolvimento.

5. processo do teste.

A import√Ęncia desta fase √© talvez a mais enfatizada e a menos praticada no universo da internet. Clientes e desenvolvedores n√£o percebem a urg√™ncia do finalizar o projeto e coloc√°-lo em funcionamento. O processo do 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. H√° diversas ferramentas on-line, como as 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. Por isso, voc√™ precisa garantir que o tempo m√©dio de carregamento de suas p√°ginas da Web em HTML, juntamente usando todos os an√ļncios em Javascript, Imagens, CSS, anima√ß√Ķes em Flash, etc., esteja dentro de limites razo√°veis. √© um servi√ßo em linha gratuito de que imita a maneira como uma p√°gina √© carregada no navegador da web. Ele revela 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 site mais lento. Como alternativa, voc√™ pode usar o Firebug no Firefox para detectar elementos em sua p√°gina da Web de que est√£o aumentando o tempo de carregamento de as suas p√°ginas da Web. - Testando usabilidade? Voc√™ pode vir a criar um grupo de usu√°rios por teste de que testar√° este site em termos por facilidade do uso e experi√™ncia por navega√ß√£o. Ou√ßa atentamente estes coment√°rios deles e talvez deseje incorporar algumas por suas doctorcsillik.ro sugest√Ķes ao seu site. Alternativamente, voc√™ pode entrar em contato usando sites de que t√™m uma base de usu√°rios por testadores que far√£o este teste para voc√™. √© um exemplo disso. - Teste do carga, estresse e desempenho? Se este seu site tiver o potencial por ser utilizado por muitos milhares de utilizadores, ser√° necess√°rio testar seu site para monitorar o desempenho do site. Em particular, se voc√™ planeja exibir conte√ļdo em v√≠deo ou √°udio, verifique se este site permanecequeda 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. Andam muitas ferramentas que fornecem maneiras por testar sitios da Web, servidores da Web e aplicativos de intranet com interfaces da Web. Voc√™ pode testar e analisar as caracter√≠sticas de performance 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 o seu aplicativo da web foi planejado, projetado e testado, o visitante n√£o t√™m a possibilidade de garantir 1 site por teste 100% completo. Haver√° erros, enganos que n√£o podem ser previstos, a menos que um site esteja ativo e trabalhando com utilizadores reais e dados em tempo real. √Č do extrema influ√™ncia 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, voc√™ deve deter uma equipe em standby que possa responder a situa√ß√Ķes de 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 1 or√ßamento alocado para tal finalidade.

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

Leave a Comment

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

× How can I help you?