Criar um Website completo a partir do uma ideia bA?sica

14 mai 2018- Dans Non classé

Nos meus autotecnigas.com 10 anos de experiA?ncia na gestA?o de uma empresa por desenvolvimento web, tem havido muitos casos em de que os clientes vA?m atAi?? mesmo mim usando apenas um conceito bA?sico do que eles querem progredir. Ai??s vezes, eles me enviam uma descriAi??A?o do projeto de que compreende meros documentos por 1 a 2 frases a cem pA?ginas detalhados com diagramas, referA?ncias e assim por diante. Em ambos os casos, vocA? se depara com pouca ou muita informaAi??A?o. NA?o Ai?? esperado que seus clientes sejam tA?o natural informados quanto definir justamente o de que eles querem. Ai??s vezes eles sA? tA?m uma ideia e Ai??s vezes Ai?? um pouco muito mais que isso. Qualquer que seja este caso, eles olham o visitante nA?o somente como desenvolvedores da Web, mas tambAi??m como um consultor especialista que pode orientA?-los sobre este caminho perfeito a seguir.

O visitante entA?o se depara usando o desafio de transformar a ideia bA?sica em um negA?cio on-line completo que possua o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui estA? uma lista de estratAi??gias que garantem de que vocA? possa atender Ai??s expectativas por seus clientes e transformar seus sonhos em imagem.

1. Entenda este conceito e delineie as seAi??Ai??es e recursos bA?sicos.

O visitante deve primeiro tentar produzir uma lista de seAi??Ai??es lA?gicas que o sitio deve deter. FaAi??a perguntas ao cliente se o visitante acha que nA?o entende. Se vocA? jA? possui experiA?ncia pelo desenvolvimento de sites relacionados ao juAi??zo, pode sugerir seAi??Ai??es de que devem manter-se presentes logicamente. No fim deste exercAi??cio, vocA? deve criar um documento onde todas as seAi??Ai??es, subseAi??Ai??es, pA?ginas sejam listadas em ordem lA?gica (talvez em um formato com marcadores simples) com uma breve descriAi??A?o de cada seAi??A?o, detalhando este objetivo principal e o fim do documento. seAi??A?o. Em termos tAi??cnicos, vocA? pode chamar isso de mapa do site. AlAi??m das seAi??Ai??es, o mapa do site tambAi??m mostra como cada divisA?o estA? vinculada entre si. Compartilhe este documento com o cliente e, se possAi??vel, explique este documento para ele. Ai??s vezes, seus pensamentos sA?o mais bem explicados quando vocA? fala diretamente Elavil online without prescription com seu cliente.

2. Converta seu documento em 1 diagrama de wireframe.

Existe uma diferenAi??a entre criar um diagrama do wireframe e o que pessoalmente prefiro. Eu sobretudo projeto este site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto demasiado mais rA?pido usando powerpoint e nA?o tenho que confiar em meus programadores para criar este wireframe. No documento a cerca de powerpoint, sobretudo projetamos cada pA?gina da web desprovida de cores e grA?ficos, mas tentamos mostrar dados simulados, as colocaAi??Ai??es dos dados e como eles aparecem, botAi??es, alertas, pop-ups e organizar os slides simulando este comportamento do site. como visitante navegaria no sitio. Neste ponto, o cliente pode ver visualmente a sua ideia tomando forma. Do documento, ele entende como o sitio vai parecer e como vai se comportar. Para mim, pessoalmente, este Ai?? o passo mais crucial e, quanto mais discriminado vocA? estiver na sua prA?pria preparaAi??A?o do seu wireframe, mais fA?cil e suave serA? o desenvolvimento de design e desenvolvimento. Depois por ter a 100% o sitio construAi??do, vocA? pode enviA?-lo para o seu cliente para assinar ou enviar alteraAi??Ai??es para o seu quadro do arame. Isso ajudarA? a eliminar qualquer mal-entendido a respeito de a maneira como as pA?ginas e o sitio funcionarA?o. Igualmente lhe dA? algo tangAi??vel para mostrar ao cliente que Ai?? relativamente rA?pido e elementar de criar. Quanto mais complexo for o sitio, mais eficiente serA? a armaAi??A?o de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente fA?cil se vocA? souber o que precisa ser projetado. O designer decide a respeito de o esquema de cores, cria seu estilo por layout e grA?ficos. Ai??s vezes, este designer ajusta o desenho das seAi??Ai??es para aquelas que sA?o mais visualmente atraentes. Foi claro de que se o site tiver tudo a ver com branding e apresentaAi??A?o, entA?o o design deve ser por alta qualidade. Em conformidade com estes mais novos padrAi??es da Web 2. 0 e design inteligente de seAi??Ai??es de interface do usuA?rio com pop-ups JQuery / AJAX igualmente Ai?? uma tarefa em muito desafiadora.

No fim deste estA?gio, todos estes designs do pA?gina estA?o prontos. Mostre-o ao seu cliente para aprovaAi??A?o e verifique se ele estA? em analogia com este design do wireframe e se todas as seAi??Ai??es / dados foram cobertos.

4. ProgramaAi??A?o do site.

Durante a programaAi??A?o, assegure-se o seguinte com o maior cuidado e importA?ncia: – A estrutura e a codificaAi??A?o da pA?gina da Web devem ser muito limpas e validadas. – Remova qualquer codificaAi??A?o comentada desnecessA?ria que vocA? tenha feito. – Este design da pA?gina deve permanecer exatamente o mesmo depois do programar saiba como era previamente. – Praticamente as brechas de seguranAi??a estA?o conectadas – O site carrega rA?pido e Ai?? compatAi??vel na maioria dos navegadores Ai?? recomendA?vel que uma versA?o de trabalho do site seja carregada em um servidor de teste no qual o cliente possa visualizar o melhoria e este comentA?rio. Relembre-se de que estes sites enviados em um servidor do teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. EntA?o, por benefAi??cio, assegure-se de que o site esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por sinal durante todo o desenvolvimento de desenvolvimento.

5. processo do teste.

A importA?ncia desta fase Ai?? especialmente talvez a mais enfatizada e a menos praticada no universo da net. Clientes e desenvolvedores nA?o percebem a urgA?ncia de finalizar este projeto e colocA?-lo em funcionamento. O processo de teste pode ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos por design estA?o em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, saiba como as de que ajudam vocA? a visualizar sua pA?gina da Web em diferentes 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 estA?o usando conexAi??es lentas e sua prA?pria populaAi??A?o nA?o Ai?? insignificante, especialmente no mundo em desenvolvimento. Por isso, vocA? precisa garantir que o tempo mAi??dio de carregamento do suas pA?ginas da Web em HTML, juntamente usando todos estes anA?ncios em Javascript, Imagens, CSS, animaAi??Ai??es em Flash, etc., esteja dentro de limites razoA?veis. Ai?? 1 serviAi??o on-line gratuito de que imita a maneira saiba como uma pA?gina Ai?? carregada no navegador da web. Ele revela depo provera price without insurance estatAi??sticas (tamanho, tempo por carregamento) para cada objeto na pA?gina da web para que vocA? saiba sobre os culpados que podem tornar o site mais lento. Como alternativa, vocA? tA?m a possibilidade de usar este Firebug no Firefox para detectar elementos em sua pA?gina da Web de que estA?o aumentando o tempo de carregamento de as suas pA?ginas da Web. – Testando usabilidade? VocA? tA?m a possibilidade de criar um grupo do usuA?rios do teste que testarA? o site em termos por facilidade de uso e experiA?ncia de navegaAi??A?o. OuAi??a atentamente estes comentA?rios deles e talvez deseje incorporar algumas por suas sugestAi??es ao seu site. Alternativamente, vocA? pode vir a entrar em contato usando sites que tA?m uma base de usuA?rios por testadores de que farA?o este teste para vocA?. Ai?? especialmente um exemplo disso. – Teste do carga, estresse e performance? Se o seu sitio tiver este potencial por ser utilizado por muitos milhares de usuA?rios, serA? preciso testar seu site para monitorar este desempenho do site. Em particular, se vocA? planeja exibir conteA?do em vAi??deo ou A?udio, verifique se o site permanecequeda lidando usando as urgA?ncias de streaming na demanda de pico. Se preciso, vocA? precisa distribuir seu conteA?do em vA?rios servidores para melhor desempenho. HA? 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 desempenho sob diversas condiAi??Ai??es do carga para encontrar gargalos nas suas aplicaAi??Ai??es web.

6. Suporte pA?s lanAi??amento.

Independentemente de quA?o bem o seu aplicativo da web foi planejado, projetado e testado, o visitante nA?o pode garantir 1 site por teste 100% completo. HaverA? erros, enganos que nA?o podem ser previstos, a menos de que um site esteja ativo e trabalhando com utilizadores reais e dados em tempo real. Ai?? de extrema mais valia que vocA? tenha 1 desenvolvedor ou equipe pronta para lidar com qualquer uma dessas eventualidades. Se o seu site lida com dados que sA?o acessados em tempo real por seus usuA?rios, o visitante deve ter uma equipe em standby que possa responder a situaAi??Ai??es do emergA?ncia dentro de 4 a 6 horas apA?s relatar o problema. Estes clientes devem entender a importA?ncia disso e estar preparados para ter um orAi??amento alocado para essa finalidade.

Em conclusA?o, todos estes pontos podem possibilitar ser elaborados, refinados e adicionados. Na verdade, hA? infinitas variaAi??Ai??es e adiAi??Ai??es possAi??veis, porAi??m isso pode servir como uma diretriz bA?sica para aqueles que estA?o no negA?cio de desenvolver e projetar aplicativos da web, bem como clientes que desejam produzir um negA?cio on-line de sucesso.