Criar um site completo a partir por uma conceito simples

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 que os clientes vA?m atA� mim com apenas 1 conceito bA?sico do que eles querem progredir. A�s vezes, eles me enviam uma descriA�A?o do projeto de que compreende meros documentos do 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 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 sA? tA?m uma ideia e A�s vezes A� 1 pouco ainda mais que isso. Qualquer que seja o caso, eles olham vocA? nA?o somente como desenvolvedores da Web, mas tambA�m como um consultor especialista que pode orientA?-los sobre o caminho certo a seguir.

VocA? entA?o se depara usando 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 de seus clientes e transformar seus sonhos em realidade.

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

VocA? deve 1o tentar produzir uma lista de seA�A�es lA?gicas de que o site deve ter. FaA�a perguntas ao cliente se o visitante acha de que nA?o entende. Se vocA? jA? tem experiA?ncia pelo desenvolvimento por 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 por cada divisA?o, detalhando este objetivo principal e o fim do documento. seA�A?o. Em termos tA�cnicos, vocA? pode vir a chamar isso de mapa do site. AlA�m das seA�A�es, o mapa do site igualmente mostra saiba como cada divisA?o estA? vinculada entre si. Compartilhe este documento com este cliente e, se possA�vel, explique este documento para ele. A�s vezes, seus pensamentos sA?o mais natural explicados quando vocA? fala diretamente com seu cliente.

2. Converta seu documento em um diagrama de wireframe.

Existe uma diferenA�a entre criar 1 diagrama de 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, simplesmente 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. tais como visitante navegaria no sitio. Neste ponto, o cliente pode olhar 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� 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 todo o sitio construA�do, o visitante pode enviA?-lo para este seu cliente para assinar ou enviar alteraA�A�es para o seu quadro de arame. Isso ajudarA? a eliminar qualquer mal-entendido a cerca de a forma 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 sitio, mais A?til serA? a armaA�A?o do arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente elementar 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. A�s vezes, este designer ajusta o desenho das seA�A�es para aquelas que sA?o mais visualmente atraentes. A� claro que se este site tiver tudo a ver com branding e apresentaA�A?o, entA?o o design deve ser de alta excelA?ncia. Em conformidade com estes 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 igualmente similarmente identicamente conjuntamente A� uma tarefa em muito desafiadora.

No final deste estA?gio, todos estes designs por pA?gina estA?o prontos. Mostre-o ao seu cliente para aprovaA�A?o e verifique se ele permanecequeda em conformidade com o design do wireframe e se praticamente 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 vocA? tenha feito. – O design da pA?gina deve permanecer justamente o precisamente depois do programar tais como era antes. – Praticamente as brechas de seguranA�a estA?o conectadas – Este site zyban online uk carrega rA?pido e A� compatA�vel na maioria dos navegadores A� recomendA?vel que uma versA?o de trabalho do site mesmo que carregada em um servidor de questionA?rio no qual o cliente possa visualizar o progresso e o comentA?rio. Relembre-se de que os sites enviados em um servidor do teste tambA�m podem ser rastreados pelo Google e indexados pelos mecanismos de pesquisa. EntA?o, por benefA�cio, assegure-se que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante no total o desenvolvimento de desenvolvimento.

5. processo por teste.

A importA?ncia desta fase foi talvez a mais enfatizada e a menos praticada no mundo da net. Clientes e desenvolvedores nA?o percebem a urgA?ncia do finalizar o projeto e colocA?-lo em funcionamento. O processo do teste pode 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. HA? diversas ferramentas on-line, tais como as de que ajudam vocA? a visualizar sua pA?gina da Web em variados navegadores. Para ver tais como seu site 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 conexA�es lentas e sua prA?pria populaA�A?o nA?o A� insignificante, especialmente no mundo em desenvolvimento. Por isso, vocA? precisa garantir que o tempo mA�dio por carregamento do suas pA?ginas da Web em HTML, juntamente com todos os anA?ncios em Javascript, Imagens, CSS, animaA�A�es em Flash, etc., esteja dentro do limites razoA?veis. A� 1 serviA�o em linha gratuito de que imita a maneira como uma pA?gina A� carregada no browser da web. Ele revela estatA�sticas (tamanho, tempo de carregamento) para cada objeto na pA?gina da web para de que vocA? fique a saber sobre estes culpados que podem tornar o sitio mais lento. Como alternativa, vocA? pode usar este Firebug pelo Firefox para detectar elementos em sua pA?gina da Web que estA?o aumentando o tempo de carregamento de as suas pA?ginas da Web. – Testando usabilidade? VocA? pode vir a criar 1 grupo de usuA?rios de teste de que testarA? o site em termos por facilidade por uso e experiA?ncia de navegaA�A?o. OuA�a atentamente estes comentA?rios deles e talvez deseje implementar algumas por suas www.beaconhealthpartners.com sugestA�es ao seu site. Alternativamente, vocA? pode entrar em contato com sites que tA?m uma base por usuA?rios por testadores de que farA?o este teste para vocA?. A� especialmente um exemplo disso. – Teste por carga, estresse e performance? Se este seu sitio tiver este potencial de ser utilizado por muitos milhares de utilizadores, serA? preciso testar seu site para monitorar este desempenho do site. Em especial, se vocA? planeja exibir conteA?do em vA�deo ou A?udio, verifique se o site estacionaestaficafixa jazepararpermanecequeda lidando com 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 por testar sitios da Web, servidores da Web e aplicativos por intranet com interfaces da Web. O visitante pode testar e analisar as propriedades de desempenho sob vA?rias condiA�A�es do carga para encontrar gargalos nas as suas aplicaA�A�es web.

6. 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 do 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. A� de extrema influA?ncia 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 situaA�A�es por emergA?ncia dentro de 4 a seis horas depois relatar o problema. Os clientes devem entender a importA?ncia disso e estar preparados para ter 1 orA�amento alocado para tal finalidade.

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