Construindo um Website completo a partir do uma conceito fácil

Nos meus sanamc.com 10 anos de experiência na gestão de uma empresa por 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 progredir. À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 bem informados quanto definir exatamente o de que eles querem. Às vezes eles só têm uma ideia e às vezes é um pouco ainda mais que isso. Qualquer que seja o caso, eles olham o visitante não exclusivamente como desenvolvedores da Web, mas também como 1 consultor especialista que pode orientá-los sobre este caminho certo a completar.

O visitante então se depara usando 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. Cá está uma lista de estratégias de que garantem que você possa atender às expectativas de seus clientes e transformar seus sonhos em realidade.

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

O visitante deve primeiro tentar criar uma lista de seções lógicas de que o site deve ter. Faça perguntas ao cliente se você acha que não entende. Se você já possui experiência pelo desenvolvimento por sites relacionados ao juízo, pode sugerir seções que devem estar 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) com uma breve descrição por cada seção, detalhando este objetivo principal e o fim 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, este mapa do site também igualmente similarmente identicamente conjuntamente mostra saiba 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 você fala diretamente com seu cliente.

2. Converta seu documento em um diagrama do wireframe.

Existe uma diferença entre criar um diagrama por wireframe e o que pessoalmente prefiro. Eu basicamente projeto o site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto muito mais rápido usando powerpoint e não tenho que confiar em meus programadores para criar este wireframe. Pelo documento sobre 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 este comportamento do site. tais como visitante navegaria no site. Neste ponto, o cliente pode ver visualmente a sua ideia tomando estilo. 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 desenvolvimento de design e desenvolvimento. Depois por ter a 100% o site construído, você pode enviá-lo para o 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. Também lhe dá algo tangível para mostrar ao cliente que foi relativamente super veloz e fácil de criar. Quanto mais complexo for o sitio, mais eficiente será a armação por 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 sobre o esquema de cores, cria seu estilo por 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 com branding e apresentação, então o design deve ser de alta excelência. Em analogia 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 por 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 o visitante tenha feito. – O design da página deve permanecer exatamente o precisamente 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 de trabalho do site mesmo que carregada em um servidor de teste no qual o cliente possa visualizar o melhoria e este comentário. Relembre-se de que estes sites enviados em um servidor por teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos de pesquisa. Então, por benefício, assegure-se que o sitio esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por sinal durante todo o desenvolvimento de desenvolvimento.

5. processo por teste.

A importância desta fase é especialmente talvez a mais enfatizada e a menos praticada no mundo da internet. Clientes e desenvolvedores não percebem a urgência por finalizar este 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 do design estão em vigor em todos os navegadores populares. Andam 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 o Windows Mobile, confira. – Teste a velocidade do seu site – Algumas 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 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 do limites razoáveis. é 1 serviço on-line gratuito de que imita a maneira saiba 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ê saiba sobre os culpados de que podem tornar o site mais lento. Como escolha, você pode usar este 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ê têm a possibilidade de criar 1 grupo por usuários de teste que testará este site em termos de facilidade por uso e experiência do 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 de usuários do testadores de que farão este teste para você. foi um exemplo disso. – Teste do carga, estresse e desempenho? Se o seu site tiver este potencial de ser utilizado por milhares de utilizadores, será necessário testar seu site para monitorar este desempenho do site. Em especial, 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 necessário, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Há muitas ferramentas que fornecem maneiras de 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 performance sob numerosas condições do carga para encontrar gargalos nas as 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, o visitante não pode vir a garantir um site do teste 100% completo. Haverá erros, erros 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 1 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 ter uma equipe em standby que possa responder a situações por emergência dentro de 4 a seis horas depois relatar o 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 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 tais como uma diretriz básica para aqueles de que estão pelo negócio do desenvolver e projetar aplicativos da web, bem tais como clientes que desejam criar um empreendimento on-line de sucesso.