Criar um site completo a partir de uma conceito bA?sica

14 mai 2018- Dans Non classé

Nos meus www.sedel.com.br 10 anos de experiA?ncia na gestA?o de uma empresa de desenvolvimento web, tem havido muitos casos em que os clientes vA?m atAi?? mim com 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 de 1 a 2 frases a cem pA?ginas detalhados com diagramas, referA?ncias e assim por diante. Em ambos os casos, o visitante 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 mais que isso. Qualquer de que seja este caso, eles olham vocA? nA?o exclusivamente como desenvolvedores da Web, mas igualmente como 1 consultor especialista que pode orientA?-los sobre o caminho perfeito a completar.

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

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

O visitante deve primeiro tentar criar uma lista de seAi??Ai??es lA?gicas de que o sitio deve deter. FaAi??a perguntas ao cliente se o visitante acha que nA?o entende. Se vocA? jA? tem experiA?ncia no desenvolvimento do sites relacionados ao conceito, pode sugerir seAi??Ai??es de que devem manter-se presentes logicamente. No final 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) usando uma breve descriAi??A?o por cada seAi??A?o, detalhando o objetivo principal e o objectivo do documento. seAi??A?o. Em termos tAi??cnicos, vocA? pode chamar isso de mapa do sitio. AlAi??m das seAi??Ai??es, o mapa do site igualmente mostra como cada divisA?o estA? vinculada entre si. Compartilhe este documento com o cliente e, se permitido, explique o documento para ele. Ai??s vezes, seus pensamentos sA?o mais bem explicados quando fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama de wireframe.

Existe uma diferenAi??a entre criar 1 diagrama por wireframe e o que pessoalmente prefiro. Eu basicamente projeto o 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. No documento a respeito de powerpoint, simplesmente projetamos cada pA?gina da web desprovida de cores e grA?ficos, mas tentamos mostrar dados simulados, as colocaAi??Ai??es destes dados e como eles aparecem, botAi??es, alertas, pop-ups e buy cipro online organizar os slides simulando este comportamento do site. tais como visitante navegaria no sitio. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando forma. Do documento, ele entende como o sitio vai parecer e saiba como vai se comportar. Para mim, pessoalmente, este Ai?? especialmente o passo mais crucial e, quanto mais discriminado vocA? estiver na sua preparaAi??A?o do seu wireframe, mais fA?cil e suave serA? o desenvolvimento de design e desenvolvimento. Depois de ter todo o site construAi??do, vocA? pode 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 maneira como as pA?ginas e o site funcionarA?o. TambAi??m lhe dA? algo tangAi??vel para mostrar ao cliente que Ai?? especialmente relativamente super veloz e fA?cil de produzir. Quanto ainda mais complexo for o site, mais A?til serA? a armaAi??A?o de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente fA?cil se o visitante souber este 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 arranjo 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 de alta excelA?ncia. Em analogia com os mais recentes 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 Ai?? uma tarefa bastante desafiadora.

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

4. ProgramaAi??A?o do site.

Durante Generic of flonase a programaAi??A?o, assegure-se o seguinte com o maior cuidado 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 exatamente depois de programar como era antes. – Praticamente 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 por trabalho do site seja carregada em um servidor de questionA?rio no qual o cliente possa visualizar o melhoria e este comentA?rio. Relembre-se de que estes sites enviados em um servidor de teste tambAi??m igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos de 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?? talvez a mais enfatizada e a menos praticada no globo da internet. Clientes e desenvolvedores nA?o percebem a urgA?ncia do finalizar este projeto e colocA?-lo em funcionamento. O processo do 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. Andam diversas ferramentas on-line, tais como as que ajudam o visitante a visualizar sua pA?gina da Web em variados 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 sitio – Algumas pessoas ainda estA?o usando conexAi??es lentas e sua prA?pria populaAi??A?o nA?o Ai?? insignificante, especialmente pelo mundo em desenvolvimento. Por isso, vocA? precisa garantir que o tempo mAi??dio de 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 online gratuito que imita a maneira tais como uma pA?gina Ai?? carregada no browser da web. Ele mostra estatAi??sticas (tamanho, tempo de carregamento) para cada objeto na pA?gina da web para que vocA? saiba sobre estes culpados que podem tornar o sitio mais lento. Como alternativa, vocA? pode vir a usar o 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? tA?m a possibilidade de criar 1 grupo por usuA?rios do teste que testarA? este site em termos do facilidade por uso e experiA?ncia do navegaAi??A?o. OuAi??a atentamente estes comentA?rios deles e talvez deseje incorporar algumas do suas sugestAi??es ao seu site. Alternativamente, vocA? pode vir a entrar em contato com sites que tA?m uma base do usuA?rios de testadores de que farA?o este teste para vocA?. Ai?? especialmente um exemplo disso. – Teste por carga, estresse e desempenho? Se o seu sitio tiver o potencial do ser utilizado por muitos milhares de usuA?rios, serA? necessA?rio testar seu site para monitorar este desempenho do site. Em particular, se o visitante planeja exibir conteA?do em vAi??deo ou A?udio, verifique se este site estA? lidando com as necessidades 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 por testar sitios da Web, servidores da Web e aplicativos de intranet usando interfaces da Web. VocA? pode testar e analisar as propriedades de desempenho sob diversas condiAi??Ai??es do carga para encontrar gargalos nas as suas aplicaAi??Ai??es web.

seis. Suporte pA?s lanAi??amento.

Independentemente de quA?o bem o seu aplicativo da web foi planejado, projetado e testado, vocA? nA?o pode garantir 1 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 utilizadores reais e dados em tempo real. Ai?? do extrema influA?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 deter uma equipe em standby que possa responder a situaAi??Ai??es do emergA?ncia dentro de 4 a 6 horas depois relatar o problema. Estes clientes devem entender a importA?ncia disso e manter-se preparados para ter 1 orAi??amento alocado para tal 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, porAi??m isso tA?m a possibilidade de servir como uma diretriz bA?sica para aqueles de que estA?o no negA?cio de desenvolver e projetar aplicativos da web, bem tais como clientes que desejam criar um empreendimento on-line do sucesso.