Construindo um site completo a partir de uma conceito básica

Nos meus www.mormetrik.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 progredir. Às vezes, eles me enviam uma descrição do projeto de que compreende meros documentos do 1 a 2 frases a 100 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 bem informados quanto definir exatamente o que eles querem. Às vezes eles apenas têm uma ideia e às vezes é um pouco mais que isso. Qualquer que seja o caso, eles olham o visitante não exclusivamente como desenvolvedores da Web, mas igualmente como 1 consultor especialista que pode orientá-los sobre este caminho perfeito a completar.

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

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

O visitante deve 1o tentar produzir uma lista de seções lógicas que o sitio deve ter. Faça perguntas ao cliente se o visitante acha de que não entende. Se você já tem experiência no desenvolvimento por sites relacionados ao juízo, pode sugerir seções de que devem manter-se presentes logicamente. No fim 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) usando uma breve descrição de cada seção, detalhando este objetivo primário e a finalidade do documento. seção. Em termos técnicos, você têm a possibilidade de chamar isso de mapa do sitio. Além de seções, o mapa do site igualmente mostra como cada seção está vinculada entre si. Compartilhe este documento com este cliente e, se permitido, explique este documento para ele. Às vezes, seus pensamentos são mais bem explicados quando você fala diretamente com seu cliente.

2. Converta seu documento em um diagrama do wireframe.

Existe uma diferença entre criar um diagrama de 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. Pelo documento a cerca de powerpoint, simplesmente 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. como visitante navegaria no site. Neste ponto, o cliente pode ver visualmente a sua ideia tomando maneira. Do documento, ele entende como o sitio vai parecer e como vai se comportar. Para mim, pessoalmente, este é o passo mais crucial e, quanto mais detalhado 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 no total o site construído, você pode enviá-lo para este seu cliente para assinar ou enviar alterações para o seu quadro do 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 é relativamente instantaneo e fácil de criar. Quanto ainda mais complexo for o sitio, mais eficaz será a armação de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente fácil se você souber este que precisa ser projetado. O designer decide a cerca de o esquema de cores, cria seu estilo do layout e gráficos. Às vezes, este designer ajusta o desenho das seções para aquelas que são mais visualmente atraentes. Foi claro de que se este site tiver tudo a ver com branding e apresentação, então o design deve ser de alta qualidade. Em analogia com estes mais modernos 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 em muito desafiadora.

No final deste estágio, todos estes designs por página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele permanecequeda em conformidade 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 o maior alento e influência: - 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 mesmo depois de programar tais como era previamente. - Todas as brechas de segurança estão conectadas - O site carrega rápido e é compatível na maioria dos navegadores É recomendável que uma versão de trabalho do site seja carregada em um servidor de questionário no qual o cliente possa visualizar o melhoria e este comentário. Relembre-se de que estes sites enviados em 1 servidor do teste também igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos de pesquisa. Então, por favor, assegure-se que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante a 100% o desenvolvimento de desenvolvimento.

5. processo do teste.

A importância desta fase foi talvez a mais enfatizada e a menos praticada no universo da net. Clientes e desenvolvedores não percebem a urgência por finalizar o projeto e colocá-lo em funcionamento. Este processo do teste pode ser dividido em 4 segmentos: - Compatibilidade entre navegadores - Teste seu site para ver se todos os elementos por design estão em vigor em todos os navegadores populares. Há diversas ferramentas on-line, tais como as que ajudam o visitante a visualizar sua página da Web em diferentes 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 sitio - 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 que o tempo médio por 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 do limites razoáveis. é um serviço online gratuito que imita a maneira saiba como uma página é carregada no browser da web. Ele revela estatísticas (tamanho, tempo do carregamento) para cada objeto na página da web para que você saiba sobre estes culpados de que podem tornar o site mais lento. Como alternativa, você pode vir a usar o Firebug no Firefox para detectar elementos em sua própria página da Web de que estão aumentando o tempo de carregamento de as suas páginas da Web. - Testando usabilidade? Você pode criar um grupo de usuários de teste de que testará este site em termos do facilidade por uso e experiência de navegação. Ouça atentamente estes comentários deles e talvez deseje implementar algumas por suas sugestões ao seu site. Alternativamente, você pode vir a entrar em contato com sites que têm uma base por usuários do testadores de que farão o teste para você. é um exemplo disso. - Teste por carga, estresse e performance? Se o seu site tiver este potencial do ser usado por milhares de utilizadores, será preciso testar seu site para monitorar este desempenho do site. Em particular, se você planeja exibir conteúdo em vídeo ou áudio, verifique se o site está lidando com as urgências de streaming na demanda de pico. Se preciso, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Existem 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 características de desempenho sob numerosas 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, você não pode garantir 1 site do teste 100% completo. Haverá erros, erros que não podem ser previstos, a menos que um sitio esteja ativo e trabalhando com usuários reais e dados em tempo real. É de 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, o visitante deve ter uma equipe em standby que possa responder a situações do 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 1 orçamento alocado para tal finalidade.

Em conclusão, todos estes pontos podem possibilitar ser elaborados, refinados e adicionados. Na verdade, existem infinitas variações e adições possíveis, contudo isso pode vir a servir como uma diretriz básica para aqueles de que estão no negócio do desenvolver e projetar aplicativos da web, bem tais como clientes que desejam produzir um negócio on-line do sucesso.

No Comments Yet.

Leave a comment