Criar um Website completo a partir por uma plano bA?sica

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

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

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

VocA? deve primeiro tentar produzir uma lista de seA�A�es lA?gicas que o sitio deve ter. FaA�a perguntas ao cliente se o visitante acha que nA?o entende. Se vocA? jA? tem experiA?ncia pelo desenvolvimento por sites relacionados ao conceito, pode sugerir seA�A�es que devem estar presentes logicamente. No fim deste exercA�cio, vocA? deve criar um 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) usando uma breve descriA�A?o por cada divisA?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 sitio. AlA�m das seA�A�es, este mapa do site tambA�m mostra saiba como cada divisA?o estA? vinculada entre si. Compartilhe este documento com este cliente e, se permitido, explique este documento para ele. A�s vezes, seus pensamentos sA?o mais bem explicados quando vocA? fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama de wireframe.

Existe uma diferenA�a entre criar um diagrama de wireframe e o que pessoalmente prefiro. Eu sobretudo projeto este 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, basicamente 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 o 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 site vai parecer e tais como vai se comportar. Para mim, pessoalmente, este A� especialmente o passo mais crucial e, quanto mais detalhado vocA? estiver na sua preparaA�A?o do seu wireframe, mais fA?cil e suave serA? o desenvolvimento de design e desenvolvimento. Depois do ter a 100% o site construA�do, o visitante pode enviA?-lo para este seu cliente para assinar ou enviar alteraA�A�es para o seu quadro por arame. Isso ajudarA? a eliminar qualquer mal-entendido sobre a maneira como as pA?ginas e o site funcionarA?o. TambA�m igualmente similarmente identicamente conjuntamente lhe dA? algo order triamcinolone cream tangA�vel para mostrar ao cliente que A� relativamente instantaneo e fA?cil de criar. Quanto mais complexo for o site, mais eficiente serA? a armaA�A?o por arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente fA?cil se vocA? souber este que precisa ser projetado. O designer decide a cerca 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. Foi claro de que se o site tiver tudo a ver usando branding e apresentaA�A?o, entA?o o design deve ser do alta excelA?ncia. Em conformidade com estes mais novos padrA�es da Web 2. 0 e design inteligente de seA�A�es de interface do usuA?rio com pop-ups JQuery / AJAX igualmente A� uma tarefa deveras desafiadora.

No final deste estA?gio, todos os designs de pA?gina estA?o prontos. Mostre-o ao seu cliente para aprovaA�A?o e verifique se ele estA? em analogia com o 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 alento e mais valia: – 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 vocA? tenha feito. – O design da pA?gina deve permanecer exatamente o precisamente depois de programar tais como era antes. – Praticamente 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 do trabalho do site seja 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 1 servidor por teste tambA�m igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. EntA?o, por favor, assegure-se que o sitio esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante todo o processo de desenvolvimento.

5. processo do teste.

A importA?ncia desta fase A� talvez a mais enfatizada e a menos praticada no globo da internet. Clientes e desenvolvedores nA?o percebem a urgA?ncia por finalizar o projeto e colocA?-lo em funcionamento. Este processo de teste tA?m a possibilidade de ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos do design estA?o em vigor em todos os navegadores populares. Andam diversas ferramentas on-line, tais como as que ajudam vocA? a visualizar sua pA?gina da Web em multiplos navegadores. Para ver saiba como seu site aparece nas telas pequenas de celulares como o BlackBerry ou este 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 no mundo em desenvolvimento. Por isso, vocA? precisa garantir que o tempo mA�dio do carregamento por suas pA?ginas da Web em HTML, juntamente usando todos estes anA?ncios em Javascript, Imagens, CSS, animaA�A�es em Flash, etc., esteja dentro do limites razoA?veis. A� 1 serviA�o on-line gratuito de que imita a maneira tais como uma pA?gina A� carregada no navegador da web. Ele revela estatA�sticas (tamanho, tempo do carregamento) para cada objeto na pA?gina da web para de que vocA? saiba sobre os culpados de que podem tornar o site mais lento. Como escolha, vocA? tA?m a possibilidade de usar este Firebug no 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 criar 1 grupo do usuA?rios por teste de que testarA? este site em termos de facilidade de uso e experiA?ncia de navegaA�A?o. OuA�a atentamente estes comentA?rios deles e talvez deseje implementar algumas por suas pcmindonesia.com sugestA�es ao seu site. Alternativamente, vocA? tA?m a possibilidade de entrar em contato usando sites que tA?m uma base do usuA?rios por testadores de que farA?o o teste para vocA?. A� especialmente um exemplo disso. – Teste por carga, estresse e desempenho? Se este seu site tiver o potencial de ser utilizado por milhares de usuA?rios, serA? necessA?rio 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 permanecequeda lidando usando 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. Andam muitas ferramentas que fornecem maneiras por testar sites da Web, servidores da Web e aplicativos por intranet usando interfaces da Web. O visitante pode testar e analisar as caracterA�sticas de desempenho sob numerosas condiA�A�es por carga para encontrar gargalos nas as suas aplicaA�A�es web.

seis. Suporte pA?s lanA�amento.

Independentemente de quA?o bem o seu aplicativo da web foi planejado, projetado e testado, vocA? nA?o tA?m a possibilidade de garantir 1 site por teste 100% completo. HaverA? erros, erros que nA?o podem ser previstos, a menos que um site esteja ativo e trabalhando com usuA?rios reais e dados em tempo real. A� por extrema importA?ncia que vocA? tenha um 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 do emergA?ncia dentro de 4 a seis horas apA?s relatar este problema. Os 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 ser elaborados, refinados e adicionados. Na verdade, existem infinitas variaA�A�es e adiA�A�es possA�veis, porA�m isso pode servir tais como uma diretriz bA?sica para aqueles de que estA?o no negA?cio por desenvolver e projetar aplicativos da web, bem saiba como clientes que desejam produzir um negA?cio on-line por sucesso.

')}