Criar um site completo a partir de uma ideia b√°sica

Nos meus www.sanjosereves.com 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é 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 do 1 a 2 frases a 100 páginas detalhados com diagramas, referências e assim por diante. Em ambos estes casos, você 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 é um pouco ainda mais que isso. Qualquer que seja o caso, eles olham você não apenas 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 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. Aqui está uma lista por estratégias que garantem que você possa atender às expectativas por seus clientes e transformar seus sonhos em realidade.

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

Voc√™ deve 1o tentar produzir uma lista de se√ß√Ķes l√≥gicas de que o site deve deter. Fa√ßa perguntas ao cliente se o visitante acha que n√£o entende. Se voc√™ j√° possui experi√™ncia no 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 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 divis√£o, detalhando este objetivo principal e o objectivo do documento. se√ß√£o. Em termos t√©cnicos, voc√™ pode vir a chamar isso de mapa do sitio. Al√©m de se√ß√Ķes, o mapa do site tamb√©m igualmente similarmente identicamente conjuntamente mostra tais como cada divis√£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 bem explicados quando voc√™ fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama de 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 muito mais r√°pido usando powerpoint e n√£o tenho que confiar em meus programadores para criar o wireframe. No documento a respeito de powerpoint, basicamente 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. tais como visitante navegaria no site. Neste ponto, o cliente pode ver visualmente a sua ideia tomando maneira. Do documento, ele entende como o site vai parecer e saiba como vai se comportar. Para mim, pessoalmente, este √© o passo mais crucial e, quanto mais detalhado 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 o 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 sitio funcionar√£o. Tamb√©m lhe d√° algo tang√≠vel para mostrar ao cliente que √© especialmente relativamente super veloz e f√°cil de produzir. Quanto ainda mais complexo for o site, mais eficiente ser√° a arma√ß√£o por 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 do layout e gr√°ficos. √Äs vezes, o designer ajusta o arranjo das se√ß√Ķes para aquelas que s√£o mais visualmente atraentes. √Č especialmente claro de que se o site tiver tudo a ver usando branding e apresenta√ß√£o, ent√£o o design deve ser do alta excel√™ncia. Em conformidade com estes 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 igualmente similarmente identicamente conjuntamente √© uma tarefa bastante desafiadora.

No final deste est√°gio, todos os designs por p√°gina est√£o prontos. Mostre-o ao seu cliente para aprova√ß√£o e verifique se ele est√° em analogia 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 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. - Este design da p√°gina deve permanecer exatamente o exatamente depois de 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 seja carregada em um servidor de question√°rio no qual o cliente possa visualizar o melhoria e este coment√°rio. Lembre-se de que estes sites enviados em um servidor por teste tamb√©m podem ser rastreados pelo Google e indexados pelos mecanismos do pesquisa. Ent√£o, por benef√≠cio, assegure-se que o sitio esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por sinal durante todo 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 este projeto e coloc√°-lo em funcionamento. Este 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 de design est√£o em vigor em todos os navegadores populares. Andam diversas ferramentas on-line, como as de que ajudam o visitante a visualizar sua p√°gina da Web em multiplos 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 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. Por isso, voc√™ precisa garantir que o tempo m√©dio de carregamento de suas p√°ginas da Web em HTML, juntamente com 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 navegador da web. Ele mostra estat√≠sticas (tamanho, tempo do carregamento) para cada objeto na p√°gina da web para que voc√™ fique a saber sobre os culpados que podem tornar o site mais lento. Como alternativa, voc√™ t√™m a possibilidade de usar o Firebug pelo Firefox para detectar elementos em sua p√°gina da Web que est√£o aumentando o tempo de carregamento de as suas p√°ginas da Web. - Testando usabilidade? Voc√™ pode criar 1 grupo do usu√°rios de teste que testar√° o site em termos de facilidade de uso e experi√™ncia do navega√ß√£o. Ou√ßa atentamente estes coment√°rios deles e talvez deseje incorporar algumas do suas sugest√Ķes ao seu site. Alternativamente, voc√™ pode vir a entrar em contato usando sites de que t√™m uma base de usu√°rios do testadores que far√£o o teste para voc√™. √© um exemplo disso. - Teste por carga, estresse e desempenho? Se o seu site tiver o potencial de ser usado por milhares de utilizadores, ser√° necess√°rio 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 est√° 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. H√° muitas ferramentas que fornecem maneiras por testar sites da Web, servidores da Web e aplicativos por intranet usando interfaces da Web. Voc√™ pode testar e analisar as caracter√≠sticas de performance sob diversas condi√ß√Ķes por 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 pode vir a garantir 1 site por teste 100% completo. Haver√° erros, enganos 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 mais valia 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 deter uma equipe em standby que possa responder a situa√ß√Ķes de emerg√™ncia dentro de 4 a seis horas depois relatar o problema. Estes clientes devem entender a import√Ęncia disso e estar preparados para ter um or√ßamento alocado para essa finalidade.

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

Leave a Comment

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

× How can I help you?