Construindo um Website completo a partir de uma ideia simples

Nos meus 10 anos de experiência na gestão de uma empresa do desenvolvimento web, tem havido muitos casos em 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 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 bem informados quanto definir exatamente o que eles querem. Às vezes eles só têm uma ideia e às vezes é 1 pouco muito mais que isso. Qualquer de que seja este caso, eles olham você não somente como desenvolvedores da Web, mas igualmente como 1 consultor especialista que pode orientá-los sobre o caminho certo a seguir.

O visitante então se depara com o desafio de converter 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 que você possa atender às expectativas do seus clientes e transformar seus sonhos em imagem.

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 sitio deve ter. Faça perguntas ao cliente se você acha de que não entende. Se você já possui experiência pelo desenvolvimento por sites relacionados ao conceito, pode sugerir seções de que devem estar 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 do cada seção, detalhando o objetivo principal e o objectivo do documento. seção. Em termos técnicos, você pode chamar isso de mapa do site. Além das seções, o mapa do site também mostra saiba como cada divisão está vinculada entre si. Compartilhe este documento com o cliente e, se permitido, explique este documento para ele. Às vezes, seus pensamentos são mais bem explicados quando fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama de wireframe.

Existe uma diferença entre criar 1 diagrama por wireframe e o que eu 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 o wireframe. No documento a respeito de 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 o comportamento do site. tais 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 preciso você estiver na sua própria preparação do seu wireframe, mais fácil e suave será o desenvolvimento de design e desenvolvimento. Depois do ter todo o site construído, você pode enviá-lo para o 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. Também lhe dá algo tangível para mostrar ao cliente que foi relativamente rápido e fácil de produzir. Quanto 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 fácil se o visitante souber este que precisa ser projetado. O designer decide a cerca de o esquema de cores, cria seu estilo de layout e gráficos. Às vezes, este designer ajusta o arranjo das seções para aquelas que são mais visualmente atraentes. Foi claro que se este site tiver tudo a ver com branding e apresentação, então o design deve ser por alta capacidade. Em conformidade com os 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 é uma tarefa deveras desafiadora.

No final deste estágio, todos estes designs de página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele está em analogia com este 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 importâ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 o visitante tenha feito. - O design da página deve permanecer justamente o precisamente depois do programar como era previamente. - Praticamente as brechas de segurança estão conectadas - O site carrega rápido e é compatível na maior parte dos navegadores É recomendável que uma versão por trabalho do site mesmo que 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 1 servidor por teste também igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos de pesquisa. Então, por benefício, assegure-se que o site esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por senha durante todo o processo de desenvolvimento.

5. processo de teste.

A importância desta fase foi talvez a mais enfatizada e a menos praticada no universo da internet. Clientes e desenvolvedores não percebem a urgência de finalizar este 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 do design estão em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, como as que ajudam você 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 este 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. Por isso, você precisa garantir que o tempo médio do carregamento por suas páginas da Web em HTML, juntamente usando todos os anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro de limites razoáveis. é um serviço on-line gratuito que imita a maneira saiba 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 que você saiba sobre estes culpados que podem tornar o site mais lento. Como alternativa, você têm a possibilidade de 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 suas páginas da Web. - Testando usabilidade? Você têm a possibilidade de criar 1 grupo de usuários do teste que testará o site em termos do facilidade do uso e experiência por navegação. Ouça atentamente estes comentários deles e talvez deseje incorporar algumas do suas www.jurahominis.com sugestões ao seu site. Alternativamente, você têm a possibilidade de entrar em contato com sites que têm uma base por usuários do testadores de que farão o teste para você. é especialmente um exemplo disso. - Teste por carga, estresse e performance? Se o seu sitio tiver o potencial do ser utilizado por milhares de utilizadores, será necessário 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 este site está 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 por testar sitios da Web, servidores da Web e aplicativos do intranet com interfaces da Web. Você pode testar e analisar as propriedades de performance sob diversas condições por carga para encontrar gargalos nas suas aplicações web.

seis. Suporte pós lançamento.

Independentemente de quão bem este seu aplicativo da web foi planejado, projetado e testado, você não pode vir a garantir 1 site de teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos que um site esteja ativo e trabalhando com usuários reais e dados em tempo real. É do 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 deter uma equipe em standby que possa responder a situações de emergência dentro de 4 a 6 horas depois relatar este problema. Estes clientes devem entender a importância disso e manter-se preparados para ter 1 orçamento alocado para tal finalidade.

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

Related Stories:

Comments are closed.