Construindo um Website completo a partir de uma plano simples

14 mai 2018- Dans Non classé

Nos meus 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 atA� mesmo mim com apenas um conceito bA?sico do que eles querem desenvolver. A�s vezes, eles me enviam uma descriA�A?o do projeto que compreende meros documentos de 1 a 2 frases a cem pA?ginas detalhados com diagramas, referA?ncias e assim por diante. Em ambos estes casos, vocA? se depara com pouca ou muita informaA�A?o. NA?o A� esperado que seus clientes sejam tA?o natural informados quanto definir justamente o de que eles querem. A�s vezes eles sA? tA?m uma ideia e A�s vezes A� 1 pouco mais que isso. Qualquer de que seja este caso, eles olham o visitante nA?o apenas como desenvolvedores da Web, mas igualmente como um consultor especialista que pode orientA?-los sobre este caminho perfeito a atravessar.

VocA? entA?o se depara com o desafio de transformar a ideia bA?sica em um empreendimento on-line completo que tenha o potencial de ser bem-sucedido e desafiar seus concorrentes. CA? estA? uma lista de estratA�gias que garantem de que vocA? possa atender A�s expectativas por seus clientes e transformar seus sonhos em realidade.

1. Entenda o conceito e delineie as seA�A�es e recursos bA?sicos.

O visitante deve 1o tentar criar uma lista de seA�A�es lA?gicas de que o site deve deter. FaA�a perguntas ao cliente se vocA? acha de que nA?o entende. Se o visitante jA? tem experiA?ncia pelo desenvolvimento de sites relacionados ao conceito, pode sugerir seA�A�es de que devem estar presentes logicamente. No final deste exercA�cio, vocA? deve criar 1 documento onde todas as seA�A�es, subseA�A�es, pA?ginas sejam listadas em ordem lA?gica (talvez em um formato com marcadores simples) com uma breve descriA�A?o de cada seA�A?o, detalhando o objetivo principal e a finalidade do documento. seA�A?o. Em termos tA�cnicos, vocA? pode vir a chamar isso de mapa do site. AlA�m de seA�A�es, este mapa do site igualmente mostra saiba como cada divisA?o estA? vinculada entre si. Compartilhe este documento com o cliente e, se possA�vel, explique o documento para ele. A�s vezes, seus pensamentos sA?o mais natural explicados quando fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama de wireframe.

Existe uma diferenA�a entre criar um diagrama por wireframe e o que pessoalmente prefiro. Eu sobretudo projeto o site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto muito mais rA?pido usando powerpoint e nA?o tenho que confiar em meus programadores para criar este wireframe. Pelo documento a cerca de powerpoint, sobretudo projetamos cada pA?gina da web desprovida de cores e grA?ficos, mas tentamos mostrar dados simulados, as colocaA�A�es dos dados e como eles aparecem, botA�es, alertas, pop-ups e organizar os slides simulando este comportamento do site. saiba como visitante navegaria no site. Neste ponto, o cliente pode ver 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 preciso vocA? estiver na sua preparaA�A?o do seu wireframe, mais fA?cil e suave serA? o processo de design e desenvolvimento. Depois do ter a 100% o sitio construA�do, o visitante pode enviA?-lo para o seu cliente para assinar ou enviar alteraA�A�es para o seu quadro de 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 tangA�vel para mostrar ao cliente que A� relativamente super veloz e elementar de produzir. Quanto muito mais complexo for o site, mais eficaz serA? a armaA�A?o de arame.

3. Construindo o design a partir do cheap uroxatral side wireframe.

Isso se torna uma reforma relativamente fA?cil se o visitante souber o que precisa ser projetado. O designer decide a respeito de o esquema de cores, cria seu estilo do layout e grA?ficos. A�s vezes, o designer ajusta o arranjo das seA�A�es para aquelas que sA?o mais visualmente atraentes. A� especialmente claro de que se este site tiver tudo a ver usando branding e apresentaA�A?o, entA?o o design deve ser do alta capacidade. Em conformidade com os mais recentes padrA�es da Web 2. 0 e design inteligente de seA�A�es de interface do usuA?rio com pop-ups JQuery / AJAX tambA�m A� uma tarefa bastante desafiadora.

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

4. ProgramaA�A?o do site.

Durante a programaA�A?o, assegure-se o seguinte com o maior cuidado e importA?ncia: – A estrutura e a codificaA�A?o da pA?gina da Web devem ser muito limpas e validadas. – Remova qualquer codificaA�A?o comentada desnecessA?ria que o visitante tenha feito. – Este design da pA?gina deve permanecer justamente o precisamente depois do programar como era previamente. – Todas as brechas de seguranA�a estA?o conectadas – O site carrega rA?pido e A� compatA�vel na maior parte dos navegadores A� aconselhA?vel que uma versA?o de trabalho do site mesmo que carregada em um servidor de teste no qual o cliente possa visualizar o progresso e este comentA?rio. Recorde-se de que os sites enviados em um servidor por teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos de pesquisa. EntA?o, por favor, assegure-se que o sitio esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por senha durante todo o desenvolvimento de desenvolvimento.

5. processo por teste.

A importA?ncia desta fase A� 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. Este processo por teste tA?m a possibilidade de ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos de design estA?o em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, saiba como as que ajudam o visitante 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 – VA?rias pessoas ainda estA?o usando conexA�es lentas e sua populaA�A?o nA?o A� insignificante, especialmente pelo mundo em desenvolvimento. Por isso, vocA? precisa garantir que o tempo mA�dio por carregamento de suas pA?ginas da Web em HTML, juntamente com todos estes anA?ncios em Javascript, Imagens, CSS, animaA�A�es em Flash, etc., esteja dentro por limites razoA?veis. A� 1 serviA�o online gratuito que imita a maneira como uma pA?gina A� carregada no browser da web. Ele revela estatA�sticas (tamanho, tempo do carregamento) para cada objeto na pA?gina da web para que vocA? fique a saber sobre os culpados que podem tornar o sitio mais lento. Como alternativa, vocA? pode usar o Firebug pelo Firefox para detectar elementos em sua prA?pria pA?gina da Web que estA?o aumentando o tempo de carregamento de suas pA?ginas da Web. – Testando usabilidade? VocA? pode vir a criar 1 grupo do usuA?rios do teste de que testarA? este site em termos de facilidade por uso e experiA?ncia do navegaA�A?o. OuA�a atentamente estes comentA?rios deles e talvez deseje incorporar algumas do suas www.lasertattooremovalma.com sugestA�es ao seu site. Alternativamente, vocA? pode entrar em contato usando sites que tA?m uma base por usuA?rios do testadores que farA?o este teste para vocA?. A� um exemplo disso. – Teste por carga, estresse e desempenho? Se este seu sitio tiver o potencial do ser utilizado por milhares de utilizadores, serA? preciso testar seu site para monitorar o desempenho do site. Particularmente, se o visitante planeja exibir conteA?do em vA�deo ou A?udio, verifique se o site estacionaestaficafixa jazepararpermanecequeda lidando com as urgA?ncias de streaming na demanda de pico. Se necessA?rio, vocA? precisa distribuir seu conteA?do em vA?rios servidores para melhor desempenho. HA? muitas ferramentas que fornecem maneiras por testar sitios da Web, servidores da Web e aplicativos de intranet com interfaces da Web. O visitante pode testar e analisar as caracterA�sticas de desempenho sob diversas condiA�A�es de carga para encontrar gargalos nas as suas aplicaA�A�es web.

seis. Suporte pA?s lanA�amento.

Independentemente de quA?o bem este seu aplicativo da web foi planejado, projetado e testado, o visitante nA?o pode vir a garantir um site do teste 100% completo. HaverA? erros, enganos que nA?o podem ser previstos, a menos de que um sitio esteja ativo e trabalhando com usuA?rios reais e dados em tempo real. A� de extrema influA?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 sA?o acessados em tempo real por seus usuA?rios, o visitante deve ter uma equipe em standby que possa responder a situaA�A�es por emergA?ncia dentro de 4 a seis horas depois relatar o problema. Estes clientes devem entender a importA?ncia disso e estar preparados para ter um orA�amento alocado para tal finalidade.

Em conclusA?o, todos estes pontos podem possibilitar ser elaborados, refinados e adicionados. Na verdade, hA? infinitas variaA�A�es e adiA�A�es possA�veis, mas isso pode servir tais como uma diretriz bA?sica para aqueles de que estA?o pelo negA?cio do desenvolver e projetar aplicativos da web, bem saiba como clientes que desejam criar um negA?cio on-line por sucesso.