Construindo um sitio completo a partir de uma ideia 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é mesmo mim com apenas 1 conceito básico do que eles querem desenvolver. À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, o visitante se depara com pouca ou muita informação. Não é esperado que seus clientes sejam tão bem informados quanto definir justamente o de que eles querem. Às vezes eles só têm uma ideia e às vezes é 1 pouco mais que isso. Qualquer que seja o caso, eles olham você não apenas como desenvolvedores da Web, mas também como 1 consultor especialista que pode orientá-los sobre este caminho perfeito a seguir.

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

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

O visitante deve primeiro tentar produzir uma lista de se√ß√Ķes l√≥gicas de que o sitio deve deter. Fa√ßa perguntas ao cliente se o visitante acha de que n√£o entende. Se o visitante j√° possui experi√™ncia pelo desenvolvimento de sites relacionados ao conceito, pode sugerir se√ß√Ķes de que devem manter-se 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 de cada se√ß√£o, detalhando este objetivo prim√°rio 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, este mapa do site tamb√©m mostra saiba como cada divis√£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 fala diretamente com seu cliente.

2. Converta seu documento em um diagrama do wireframe.

Existe uma diferen√ßa entre criar um diagrama do wireframe e o que eu pessoalmente prefiro. Eu basicamente projeto este 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 o wireframe. Pelo documento sobre powerpoint, sobretudo 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. como visitante navegaria no site. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando maneira. 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 pr√≥pria prepara√ß√£o do seu wireframe, mais f√°cil e suave ser√° o desenvolvimento de design e desenvolvimento. Depois por ter a 100% o site 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 cerca de a maneira como as p√°ginas e o site 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 √ļ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 o 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. √Č especialmente claro de que se este site tiver tudo a ver com branding e apresenta√ß√£o, ent√£o o design deve ser de alta excel√™ncia. Em conformidade 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 igualmente similarmente identicamente conjuntamente √© uma tarefa bastante desafiadora.

No final deste est√°gio, todos estes designs de p√°gina est√£o prontos. Mostre-o ao seu cliente para aprova√ß√£o e verifique se ele est√° 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 este maior cuidado 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 o visitante tenha feito. - O design da p√°gina deve permanecer exatamente o mesmo depois por programar saiba como era previamente. - 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 por trabalho do site seja carregada em um servidor de question√°rio no qual o cliente possa visualizar o progresso e o coment√°rio. Recorde-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 de que o sitio esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por senha durante a 100% o desenvolvimento de desenvolvimento.

5. processo do teste.

A import√Ęncia desta fase √© talvez a mais enfatizada e a menos praticada no mundo da internet. Clientes e desenvolvedores n√£o percebem a urg√™ncia de finalizar este 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 por design est√£o em vigor em todos os navegadores populares. H√° diversas ferramentas on-line, tais como as de que ajudam o visitante a visualizar sua p√°gina da Web em diferentes navegadores. Para ver tais como seu sitio aparece nas telas pequenas de celulares como o BlackBerry ou o 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 pelo mundo em desenvolvimento. Por isso, voc√™ precisa garantir de que o tempo m√©dio do 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 de limites razo√°veis. √© 1 servi√ßo on-line gratuito 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√™ saiba sobre estes culpados de que podem tornar o sitio mais lento. Como alternativa, voc√™ pode vir a 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 vir a criar um grupo por usu√°rios do teste de que testar√° o site em termos de facilidade do uso e experi√™ncia de navega√ß√£o. Ou√ßa atentamente estes coment√°rios deles e talvez deseje implementar algumas por suas www.ohvalemoda.com sugest√Ķes ao seu site. Alternativamente, voc√™ t√™m a possibilidade de entrar em contato usando sites de que t√™m uma base por usu√°rios por testadores que far√£o o teste para voc√™. √© um exemplo disso. - Teste por carga, estresse e desempenho? Se este seu site tiver este potencial do ser utilizado por milhares de usu√°rios, ser√° preciso testar seu site para monitorar o desempenho do site. Em especial, se o visitante 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 preciso, voc√™ precisa distribuir seu conte√ļdo em v√°rios servidores para melhor desempenho. Existem muitas ferramentas que fornecem maneiras de testar sites da Web, servidores da Web e aplicativos do intranet usando interfaces da Web. O visitante pode testar e analisar as propriedades de performance sob v√°rias condi√ß√Ķes do 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, voc√™ n√£o pode garantir 1 site de teste 100% completo. Haver√° erros, erros que n√£o podem ser previstos, a menos de que um sitio esteja ativo e trabalhando com usu√°rios 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, o visitante deve deter uma equipe em standby que possa responder a situa√ß√Ķes do emerg√™ncia dentro de 4 a seis horas depois relatar este problema. Os clientes devem entender a import√Ęncia disso e manter-se preparados para ter um or√ßamento alocado para essa finalidade.

Em conclus√£o, todos os pontos podem possibilitar ser elaborados, refinados e adicionados. Na verdade, andam infinitas varia√ß√Ķes e adi√ß√Ķes poss√≠veis, mas isso pode vir a servir como uma diretriz b√°sica para aqueles que est√£o no neg√≥cio do 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?