Construindo um Web-site completo a partir do uma conceito básica
Nos meus www.yazamads.com 10 anos de experiência na gestão de uma empresa por desenvolvimento web, tem havido muitos quadros em de que os clientes vêm até mesmo mim com apenas 1 conceito básico do que eles querem desenvolver. Às vezes, eles me enviam uma descrição do projeto que compreende meros documentos do 1 a 2 frases a cem páginas detalhados com diagramas, referências e assim por diante. Em ambos os casos, você 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 só têm uma ideia e às vezes é 1 pouco ainda mais que isso. Qualquer que seja o caso, eles olham o visitante não apenas como desenvolvedores da Web, mas também como 1 consultor especialista que pode orientá-los sobre este caminho perfeito a atravessar.
Você 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 que garantem de que você possa atender às expectativas do seus clientes e transformar seus sonhos em realidade.
1. Entenda o conceito e delineie as seções e recursos básicos.
Você deve 1o tentar produzir uma lista de seções lógicas de que o site deve deter. Faça perguntas ao cliente se o visitante acha de que não entende. Se o visitante já tem experiência no desenvolvimento do sites relacionados ao juízo, pode sugerir seções que devem manter-se presentes logicamente. No final deste exercício, você deve criar um documento onde todas as seções, subseções, páginas sejam listadas em ordem lógica (talvez em um formato com marcadores simples) usando uma breve descrição de cada seção, detalhando este objetivo principal e o fim do documento. seção. Em termos técnicos, você pode vir a chamar isso de mapa do site. Além das seções, o mapa do site também mostra tais como cada divisão está vinculada entre si. Compartilhe este documento com este cliente e, se possível, explique o documento para ele. Às vezes, seus pensamentos são mais natural explicados quando fala diretamente com seu cliente.
2. Converta seu documento em um diagrama por wireframe.
Existe uma diferença entre criar 1 diagrama por wireframe e o que pessoalmente prefiro. Eu simplesmente 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 a cerca de powerpoint, basicamente 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 o comportamento do site. tais como visitante navegaria no sitio. Neste ponto, o cliente pode ver visualmente a sua ideia tomando estilo. 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 discriminado você estiver na sua própria preparação do seu wireframe, mais fácil e suave será o processo de design e desenvolvimento. Depois por 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 de arame. Isso ajudará a eliminar qualquer mal-entendido a respeito de a maneira como as páginas e o sitio funcionarão. Igualmente lhe dá algo tangível para mostrar ao cliente que é especialmente relativamente instantaneo e fácil de produzir. Quanto muito mais complexo for o site, mais eficiente será a armação de arame.
3. Construindo o design a partir do wireframe.
Isso se torna uma reforma relativamente elementar se você souber este que precisa ser projetado. O designer decide a respeito de o esquema de cores, cria seu estilo de layout e gráficos. Às vezes, este designer ajusta o desenho 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 por alta excelência. Em conformidade com estes mais recentes padrões da Web 2. 0 e design inteligente de seções de interface do usuário com pop-ups JQuery / AJAX também igualmente similarmente identicamente conjuntamente é uma tarefa deveras desafiadora.
No fim deste estágio, todos estes designs do página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele permanecequeda em analogia com o design do wireframe e se praticamente as seções / dados foram cobertos.
4. Programação do site.
Durante a programação, assegure-se o seguinte com o maior alento 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 você tenha feito. - O design da página deve permanecer justamente o exatamente depois por programar saiba como era antes. - Todas as brechas de segurança estão conectadas - Este site carrega rápido e é compatível na maior parte dos navegadores É aconselhável que uma versão por trabalho do site mesmo que carregada em um servidor de questionário no qual o cliente possa visualizar o progresso e o comentário. Recorde-se de que os sites enviados em um servidor por teste também podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. Então, por benefício, assegure-se de que o sitio esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante no total o processo de desenvolvimento.
5. processo por teste.
A importância desta fase é especialmente talvez a mais enfatizada e a menos praticada no globo da net. Clientes e desenvolvedores não percebem a urgência do finalizar o projeto e colocá-lo em funcionamento. O processo de teste pode ser dividido em 4 segmentos: - Compatibilidade entre navegadores - Teste seu site para ver se todos estes elementos por design estão em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, tais como as que ajudam o visitante a visualizar sua página da Web em multiplos 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 - Várias pessoas ainda estão usando conexões lentas e sua própria população não é insignificante, especialmente no mundo em desenvolvimento. Por isso, você precisa garantir que o tempo médio de carregamento de suas páginas da Web em HTML, juntamente usando todos estes anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro de limites razoáveis. é 1 serviço on-line gratuito que imita a maneira como uma página é carregada no navegador da web. Ele revela estatísticas (tamanho, tempo por carregamento) para cada objeto na página da web para de que você fique a saber sobre estes culpados que podem tornar o site mais lento. Como alternativa, você têm a possibilidade de usar o Firebug pelo Firefox para detectar elementos em sua página da Web de que estão aumentando o tempo de carregamento de suas páginas da Web. - Testando usabilidade? Você pode vir a criar um grupo por usuários do teste que testará o site em termos de facilidade do uso e experiência por navegação. Ouça atentamente os comentários deles e talvez deseje incorporar algumas do suas sugestões ao seu site. Alternativamente, você pode entrar em contato com sites de que têm uma base do usuários de testadores que farão o teste para você. foi um exemplo disso. - Teste por carga, estresse e desempenho? Se este seu site tiver este potencial do ser utilizado por milhares de usuários, será preciso testar seu site para monitorar o desempenho do site. Em especial, se o visitante planeja exibir conteúdo em vídeo ou áudio, verifique se o site permanecequeda lidando com as necessidades de streaming na demanda de pico. Se preciso, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Há muitas ferramentas que fornecem maneiras de testar sites da Web, servidores da Web e aplicativos do intranet com interfaces da Web. O visitante pode testar e analisar as características de desempenho sob várias condições por carga para encontrar gargalos nas as suas aplicações web.
seis. Suporte pós lançamento.
Independentemente de quão bem o seu aplicativo da web foi planejado, projetado e testado, o visitante não têm a possibilidade de garantir um site de teste 100% completo. Haverá erros, erros que não podem ser previstos, a menos que um site esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É do extrema mais valia que o visitante 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, o visitante deve ter uma equipe em standby que possa responder a situações de emergência dentro de 4 a 6 horas após relatar o problema. Os clientes devem entender a importância disso e manter-se preparados para ter um orçamento alocado para essa finalidade.
Em conclusão, todos estes pontos podem possibilitar ser elaborados, refinados e adicionados. Na verdade, andam infinitas variações e adições possíveis, contudo isso pode servir saiba como uma diretriz básica para aqueles de que estão no negócio de desenvolver e projetar aplicativos da web, bem como clientes que desejam criar um negócio on-line de sucesso.