Criar um Website completo a partir por uma ideia básica

Nos meus 10 anos de experiência na gestão de uma empresa do desenvolvimento web, tem havido muitos casos em de que os clientes vêm até mesmo mim com apenas 1 conceito básico do que eles querem desenvolver. Às vezes, eles me enviam uma descrição do projeto que compreende meros documentos do 1 a 2 frases a 100 páginas detalhados com diagramas, referências e assim por diante. Em ambos estes casos, o visitante se depara com pouca ou muita informação. Não é esperado que seus clientes sejam tão bem informados quanto definir justamente o que eles querem. Às vezes eles só têm uma ideia e às vezes é 1 pouco ainda mais que isso. Qualquer que seja o caso, eles olham você não apenas como desenvolvedores da Web, mas também como 1 consultor especialista que pode orientá-los sobre o caminho fixo a seguir.

O visitante então se depara com 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 do estratégias que garantem 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.

O visitante deve 1o tentar criar 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 o visitante já possui experiência pelo desenvolvimento por sites relacionados ao juízo, pode sugerir seções que devem manter-se presentes logicamente. No fim 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) com uma breve descrição por cada seção, detalhando este objetivo primário e a finalidade do documento. seção. Em termos técnicos, você pode vir a chamar isso de mapa do site. Além das seções, o mapa do site igualmente mostra 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 natural explicados quando fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama de wireframe.

Existe uma diferença entre criar 1 diagrama de wireframe e o que eu 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 o comportamento do site. como visitante navegaria no site. Neste ponto, o cliente pode ver visualmente a sua ideia tomando forma. Do documento, ele entende como o site vai parecer e saiba como vai se comportar. Para mim, pessoalmente, este foi o passo mais crucial e, quanto mais discriminado você estiver na sua própria preparação do seu wireframe, mais fácil e suave será o processo de design e desenvolvimento. Depois de ter todo o site construído, o visitante 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 maneira como as páginas e o site funcionarão. Também igualmente similarmente identicamente conjuntamente lhe dá algo tangível para mostrar ao cliente que foi relativamente rápido e elementar de criar. Quanto ainda mais complexo for o site, mais útil será a armação do arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente fácil se o visitante souber o 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 arranjo das seções para aquelas que são mais visualmente atraentes. É claro que se o site tiver tudo a ver com branding e apresentação, então o design deve ser de alta qualidade. 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 igualmente é uma tarefa deveras 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 está em conformidade 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 cuidado 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 você tenha feito. – Este design da página deve permanecer justamente o precisamente depois de programar como era antes. – Praticamente 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 por trabalho do site seja carregada em um servidor de questionário no qual o cliente possa visualizar o progresso e o comentário. Recorde-se de que estes sites enviados em um servidor de teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. Então, por favor, assegure-se que o sitio esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por senha durante no total o processo de desenvolvimento.

5. processo de teste.

A importância desta fase é talvez a mais enfatizada e a menos praticada no globo da net. Clientes e desenvolvedores não percebem a urgência de finalizar o projeto e colocá-lo em funcionamento. Este processo por teste pode vir a ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos estes elementos de design estão em vigor em todos os navegadores populares. Há diversas ferramentas on-line, saiba como as de que ajudam o visitante a visualizar sua página da Web em variados 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 – Várias pessoas ainda estão usando conexões lentas e sua população não é insignificante, especialmente pelo mundo em desenvolvimento. Por isso, você precisa garantir que o tempo médio por carregamento por suas páginas da Web em HTML, juntamente com todos os anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro por limites razoáveis. é um serviço em linha gratuito que imita a maneira como uma página é carregada no browser da web. Ele revela estatísticas (tamanho, tempo por carregamento) para cada objeto na página da web para que você saiba sobre os culpados de que podem tornar o sitio mais lento. Como alternativa, você pode vir a usar este Firebug no Firefox para detectar elementos em sua 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 do usuários do teste que testará o site em termos de facilidade por uso e experiência do navegação. Ouça atentamente os 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 de que têm uma base do usuários de testadores que farão este teste para você. foi um exemplo disso. – Teste de carga, estresse e performance? Se este seu sitio tiver o potencial do ser usado por muitos milhares de usuários, será preciso testar seu site para monitorar este desempenho do site. Em especial, se você planeja exibir conteúdo em vídeo ou áudio, verifique se este site estacionaestaficafixa jazepararpermanecequeda lidando com as necessidades de streaming na demanda de pico. Se necessário, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Existem muitas ferramentas que fornecem maneiras por testar sites 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 diversas 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 tourquynhon.info da web foi planejado, projetado e testado, o visitante não pode vir a garantir 1 site do teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos de que um sitio 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, o visitante 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 manter-se preparados para ter um orçamento alocado para essa finalidade.

Em conclusão, todos estes pontos podem vir a ser elaborados, refinados e adicionados. Na verdade, andam infinitas variações e adições possíveis, porém isso pode vir a servir saiba como uma diretriz básica para aqueles 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 de sucesso.