Criar um Web-site completo a partir de uma plano simples

Nos meus emerotech.com 10 anos de experiência na gestão de uma empresa do desenvolvimento web, tem havido muitos quadros 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 de 1 a 2 frases a cem páginas detalhados com diagramas, referências e assim por diante. Em ambos estes 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 que eles querem. Às vezes eles apenas têm uma ideia e às vezes é 1 pouco mais que isso. Qualquer que seja o caso, eles olham o visitante não somente como desenvolvedores da Web, mas também igualmente similarmente identicamente conjuntamente como 1 consultor especialista que pode orientá-los sobre este caminho fixo a atravessar.

O visitante então se depara usando 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 converter seus sonhos em imagem.

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

Você deve 1o 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 o visitante já possui experiência pelo desenvolvimento de sites relacionados ao conceito, pode sugerir seções que devem manter-se 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) usando uma breve descrição do cada seção, detalhando este objetivo primário e a finalidade 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 como cada seçã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 um diagrama do wireframe.

Existe uma diferença entre criar um diagrama do wireframe e o que eu pessoalmente prefiro. Eu sobretudo projeto este site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto demasiado 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. saiba como visitante navegaria no site. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando maneira. 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 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 de ter no total o site construído, o visitante pode enviá-lo para este seu cliente para assinar ou enviar alterações para o seu quadro por arame. Isso ajudará a eliminar qualquer mal-entendido sobre a maneira como as páginas e o sitio funcionarão. Também lhe dá algo tangível para mostrar ao cliente que é relativamente instantaneo e elementar de criar. Quanto mais complexo for o sitio, mais eficiente será a armação de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente elementar se o visitante souber o que precisa ser projetado. O designer decide a cerca de 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. É especialmente claro que se este site tiver tudo a ver com branding e apresentação, então o design deve ser de alta capacidade. 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 é uma tarefa em muito 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 estacionaestaficafixa jazepararpermanecequeda em conformidade 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 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 – Este site carrega rápido e é compatível na maior parte 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. Lembre-se de que estes sites enviados em um servidor por teste também igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos do 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 todo o processo de desenvolvimento.

5. processo de teste.

A importância desta fase é especialmente talvez a mais enfatizada e a menos praticada no mundo da net. Clientes e desenvolvedores não percebem a urgência de finalizar este projeto e colocá-lo em funcionamento. O 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 por design estão em vigor em todos os navegadores populares. Andam diversas ferramentas on-line, como as de que ajudam o visitante a visualizar sua página da Web em multiplos navegadores. Para ver saiba 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 população não é insignificante, especialmente pelo mundo em desenvolvimento. Portanto, você precisa garantir que o tempo médio do carregamento do suas páginas da Web em HTML, juntamente com todos os anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro do limites razoáveis. é um serviço em linha gratuito de que imita a maneira 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ê fique a saber sobre os culpados de que podem tornar o site mais lento. Como alternativa, você pode usar este Firebug pelo Firefox para detectar elementos em sua página da Web 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 do usuários do teste que testará este site em termos do facilidade de uso e experiência do navegação. Ouça atentamente estes comentários deles e talvez deseje implementar algumas por suas sugestões ao seu site. Alternativamente, você têm a possibilidade de entrar em contato com sites que têm uma base de usuários do testadores que farão este teste para você. é um exemplo disso. – Teste do carga, estresse e performance? Se este seu sitio tiver o potencial por ser utilizado por muitos milhares de utilizadores, será preciso testar seu site para monitorar este desempenho do site. Particularmente, 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. Andam muitas ferramentas que fornecem maneiras do testar sites da Web, servidores da Web e aplicativos por intranet com interfaces da Web. Você pode testar e analisar as características de performance sob diversas condições de 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 pode vir a garantir um site de teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos de que um site esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É do extrema influência que o visitante 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 deter uma equipe em standby que possa responder a situações do emergência dentro de 4 a 6 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 estes pontos podem ser elaborados, refinados e adicionados. Na verdade, andam infinitas variações e adições possíveis, mas isso pode servir como uma diretriz básica para aqueles que estão no negócio de desenvolver e projetar aplicativos da web, bem tais como clientes que desejam produzir um empreendimento on-line de sucesso.