Construindo um site completo a partir do uma plano simples

0
15

Nos meus 10 anos de experiência na gestão de uma empresa de desenvolvimento web, tem havido muitos casos em de que os clientes vêm até mesmo mim com apenas um conceito básico do que eles querem desenvolver. Às vezes, eles me enviam uma descrição do projeto 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 bem informados quanto definir exatamente o de que eles querem. Às vezes eles apenas têm uma ideia e às vezes é 1 pouco ainda mais que isso. Qualquer 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 este caminho perfeito a seguir.

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

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

Você deve primeiro tentar produzir uma lista de seções lógicas que o sitio deve deter. Faça perguntas ao cliente se o visitante acha de que não entende. Se você já tem experiência no desenvolvimento de sites relacionados ao conceito, pode sugerir seções de que devem estar 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 do cada seção, detalhando o objetivo primário e o objectivo do documento. seção. Em termos técnicos, você pode chamar isso de mapa do site. Além de seções, este mapa do site igualmente 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 você fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama do wireframe.

Existe uma diferença entre criar um diagrama do wireframe e o que pessoalmente prefiro. Eu basicamente projeto o 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 respeito de powerpoint, simplesmente projetamos cada página da web desprovida de cores e gráficos, mas tentamos mostrar dados simulados, as colocações destes 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 sitio vai parecer e tais como vai se comportar. Para mim, pessoalmente, este foi o passo mais crucial e, quanto mais discriminado você estiver na sua preparação do seu wireframe, mais fácil e suave será o processo de design e desenvolvimento. Depois por ter no total o sitio construído, o visitante 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 sobre a maneira como as páginas e o sitio funcionarão. Também igualmente similarmente identicamente conjuntamente lhe dá algo tangível para mostrar ao cliente que é especialmente relativamente instantaneo e fácil de criar. Quanto mais complexo for o site, mais eficiente será a armação do 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 sobre 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. É claro de que se este site tiver tudo a ver usando branding e apresentação, então o design deve ser por alta excelência. Em conformidade 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 é uma tarefa bastante desafiadora.

No final deste estágio, todos os 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 este 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 o visitante tenha feito. – Este design da página deve permanecer exatamente o precisamente depois do programar tais como era antes. – 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 mesmo que carregada em um servidor de teste no qual o cliente possa visualizar o progresso e este comentário. Recorde-se de que os sites enviados em 1 servidor por teste igualmente 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 site deve ser protegido por senha durante no total o desenvolvimento de desenvolvimento.

5. processo do teste.

A importância desta fase é talvez a mais enfatizada e a menos praticada no globo da internet. Clientes e desenvolvedores não percebem a urgência do finalizar este projeto e colocá-lo em funcionamento. Este processo por teste têm a possibilidade de 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, saiba como as de que ajudam o visitante a visualizar sua página da Web em diferentes navegadores. Para ver como seu sitio aparece nas telas pequenas de celulares como o BlackBerry ou este 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 pelo mundo em desenvolvimento. Logo, você precisa garantir de que o tempo médio de carregamento do 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 em linha gratuito que imita a maneira saiba como uma página é carregada no browser da web. Ele mostra estatísticas (tamanho, tempo do carregamento) para cada objeto na página da web para que você saiba sobre os culpados de que podem tornar o site mais lento. Como escolha, 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 vir a criar 1 grupo de usuários de teste que testará este site em termos por facilidade de uso e experiência de navegação. Ouça atentamente os comentários deles e talvez deseje incorporar algumas por suas www.elvalorsocial.com sugestões ao seu site. Alternativamente, você pode entrar em contato usando sites que têm uma base de usuários por testadores de que farão o teste para você. foi um exemplo disso. – Teste de carga, estresse e performance? Se o seu site tiver o potencial do ser usado por muitos milhares de utilizadores, será necessário testar seu site para monitorar este desempenho do site. Em especial, se você planeja exibir conteúdo em vídeo ou áudio, verifique se o site permanecequeda lidando usando 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 do testar sitios da Web, servidores da Web e aplicativos de intranet usando interfaces da Web. O visitante pode testar e analisar as características de desempenho sob várias condições de carga para encontrar gargalos nas as 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 um site do teste 100% completo. Haverá erros, erros que não podem ser previstos, a menos de que um site esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É por 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, você deve deter uma equipe em standby que possa responder a situações por emergência dentro de 4 a 6 horas depois relatar este problema. Estes clientes devem entender a importância disso e estar preparados para ter um orçamento alocado para tal finalidade.

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