Construindo um site completo a partir do uma ideia fA?cil

14 mai 2018- Dans Non classé

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

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

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

O visitante deve 1o tentar produzir uma lista de seAi??Ai??es lA?gicas que o sitio deve ter. FaAi??a perguntas ao cliente se o visitante acha que nA?o entende. Se vocA? jA? tem experiA?ncia pelo desenvolvimento do sites relacionados ao conceito, pode sugerir seAi??Ai??es que devem manter-se presentes logicamente. No fim deste exercAi??cio, vocA? deve criar 1 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 divisA?o, detalhando o objetivo primA?rio e o objectivo do documento. seAi??A?o. Em termos tAi??cnicos, vocA? tA?m a possibilidade de chamar isso de mapa do sitio. AlAi??m das seAi??Ai??es, este mapa do site tambAi??m igualmente similarmente identicamente conjuntamente mostra tais como cada divisA?o estA? vinculada entre si. Compartilhe este documento com este cliente e, se permitido, explique o documento para ele. Ai??s vezes, seus pensamentos sA?o mais bem explicados quando vocA? fala diretamente com seu cliente.

2. Converta seu documento em um diagrama por 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 o wireframe. Pelo documento a cerca de powerpoint, basicamente 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. tais 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?? especialmente o passo mais crucial e, quanto mais detalhado vocA? estiver na sua prA?pria preparaAi??A?o do seu wireframe, mais fA?cil e suave serA? o processo de design e desenvolvimento. Depois de ter no total o sitio construAi??do, o visitante pode price of aravana and appam in sabarimala enviA?-lo para este seu cliente para assinar ou enviar alteraAi??Ai??es para o seu quadro de arame. Isso ajudarA? a eliminar qualquer mal-entendido a respeito de a forma como as pA?ginas e o sitio funcionarA?o. Igualmente lhe dA? algo tangAi??vel para mostrar ao cliente que foi relativamente rA?pido e fA?cil de produzir. Quanto mais complexo for o site, mais eficiente serA? a armaAi??A?o por arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente elementar se vocA? souber este que precisa ser projetado. O designer decide a cerca de o esquema de cores, cria seu estilo por layout e grA?ficos. Ai??s vezes, este designer ajusta o arranjo das seAi??Ai??es para aquelas que sA?o mais visualmente atraentes. Ai?? claro que se o site tiver tudo a ver com branding e apresentaAi??A?o, entA?o o design deve ser do alta capacidade. Em analogia com estes mais modernos padrAi??es da Web 2. 0 e design inteligente de seAi??Ai??es de interface do usuA?rio com pop-ups JQuery / AJAX tambAi??m igualmente similarmente identicamente conjuntamente Ai?? uma tarefa deveras desafiadora.

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

4. ProgramaAi??A?o Order zaditor coupons do site.

Durante a programaAi??A?o, assegure-se o seguinte com o maior alento e influA?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 o visitante tenha feito. – Este design da pA?gina deve permanecer justamente o precisamente depois de programar como era previamente. – Todas as brechas de seguranAi??a estA?o conectadas – Este site carrega rA?pido e Ai?? compatAi??vel na maior parte dos navegadores Ai?? aconselhA?vel que uma versA?o do trabalho do site mesmo que carregada em um servidor de teste no qual o cliente possa visualizar o progresso e o comentA?rio. Recorde-se de que os sites enviados em um servidor de teste tambAi??m podem ser rastreados pelo Google e indexados pelos mecanismos do 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 a 100% o processo de desenvolvimento.

5. processo por teste.

A importA?ncia desta fase foi talvez a mais enfatizada e a menos praticada no universo da internet. Clientes e desenvolvedores nA?o percebem a urgA?ncia por finalizar o projeto e colocA?-lo em funcionamento. O processo de teste tA?m a possibilidade de ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos estes elementos por design estA?o em vigor em todos os navegadores populares. HA? diversas ferramentas on-line, saiba como as que ajudam vocA? a visualizar sua pA?gina da Web em multiplos navegadores. Para ver saiba 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 estA?o usando conexAi??es lentas e sua populaAi??A?o nA?o Ai?? insignificante, especialmente no mundo em desenvolvimento. Portanto, vocA? precisa garantir de que o tempo mAi??dio do carregamento de 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 do limites razoA?veis. Ai?? 1 serviAi??o em linha gratuito de que imita a maneira saiba como uma pA?gina Ai?? carregada no navegador da web. Ele revela estatAi??sticas (tamanho, tempo do carregamento) para cada objeto na pA?gina da web para de que vocA? fique a saber sobre os culpados de que podem tornar o sitio mais lento. Como escolha, vocA? pode vir a usar o Firebug no Firefox para detectar elementos em sua prA?pria pA?gina da Web de que estA?o aumentando o tempo de carregamento de as suas pA?ginas da Web. – Testando usabilidade? VocA? pode criar um grupo por usuA?rios de teste que testarA? este site em termos por facilidade de uso e experiA?ncia de navegaAi??A?o. OuAi??a atentamente os comentA?rios deles e talvez deseje implementar algumas por suas sugestAi??es ao seu site. Alternativamente, vocA? pode entrar em contato com sites que tA?m uma base de usuA?rios do testadores que farA?o este teste para vocA?. foi um exemplo disso. – Teste de carga, estresse e desempenho? Se o seu sitio tiver o potencial do ser usado por muitos milhares de usuA?rios, serA? preciso testar seu site para monitorar o desempenho do site. Particularmente, se vocA? planeja exibir conteA?do em vAi??deo ou A?udio, verifique se o site estacionaestaficafixa jazepararpermanecequeda lidando usando as necessidades de streaming na demanda de pico. Se necessA?rio, vocA? precisa distribuir seu conteA?do em vA?rios servidores para melhor desempenho. Andam muitas ferramentas que fornecem maneiras do testar sitios da Web, servidores da Web e aplicativos do intranet usando interfaces da Web. O visitante pode testar e analisar as propriedades de performance sob vA?rias condiAi??Ai??es de carga para encontrar gargalos nas as suas aplicaAi??Ai??es web.

6. Suporte pA?s lanAi??amento.

Independentemente de quA?o bem o seu aplicativo ferrissolution.com da web foi planejado, projetado e testado, o visitante nA?o tA?m a possibilidade de garantir 1 site de teste 100% completo. HaverA? erros, enganos que nA?o podem ser previstos, a menos que um site esteja ativo e trabalhando com usuA?rios reais e dados em tempo real. Ai?? do 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, vocA? deve deter uma equipe em standby que possa responder a situaAi??Ai??es do emergA?ncia dentro de 4 a 6 horas depois relatar este problema. Os clientes devem entender a importA?ncia disso e estar preparados para ter 1 orAi??amento alocado para essa finalidade.

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