Criar um site completo a partir do uma conceito básica

Nos meus 10 anos de experiência na gestão de uma empresa de desenvolvimento web, tem havido muitos quadros em de que os clientes vêm até mim com apenas um conceito básico do que eles querem progredir. Às vezes, eles me enviam uma descrição do projeto de 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 exatamente o que eles querem. Às vezes eles só têm uma ideia e às vezes é um pouco mais que isso. Qualquer de que seja o caso, eles olham você não exclusivamente como desenvolvedores da Web, mas também como um consultor especialista que pode orientá-los sobre este caminho perfeito a seguir.

Você então se depara usando 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 por seus clientes e converter seus sonhos em realidade.

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 de que o site deve deter. Faça perguntas ao cliente se você acha de que não entende. Se você já possui experiência no desenvolvimento por sites relacionados ao conceito, 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 divisão, detalhando o objetivo primário e o objectivo do documento. seção. Em termos técnicos, você pode vir a chamar isso de mapa do site. Além das seções, este mapa do site também igualmente similarmente identicamente conjuntamente mostra tais como cada seção está vinculada entre si. Compartilhe este documento com o 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 1 diagrama de wireframe.

Existe uma diferença entre criar 1 diagrama do wireframe e o que pessoalmente prefiro. Eu basicamente projeto este 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 o wireframe. No documento a respeito de powerpoint, basicamente 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 o comportamento do site. como visitante navegaria no site. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando estilo. Do documento, ele entende como o site vai parecer e saiba como vai se comportar. Para mim, pessoalmente, este é o passo mais crucial e, quanto mais detalhado você estiver na sua preparação do seu wireframe, mais fácil e suave será o processo de design e desenvolvimento. Depois por ter a 100% o sitio construído, você 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 sobre a forma como as páginas e o site funcionarão. Também lhe dá algo tangível para mostrar ao cliente que é especialmente relativamente instantaneo e fácil de criar. Quanto mais complexo for o sitio, 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 este 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 desenho das seções para aquelas que são mais visualmente atraentes. É especialmente claro de que se o site tiver tudo a ver com branding e apresentação, então o design deve ser por alta excelência. 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 deveras desafiadora.

No final deste estágio, todos os designs por página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele permanecequeda 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 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 justamente o mesmo depois do programar saiba como era previamente. – Todas as brechas de segurança estão conectadas – Este site carrega rápido e é compatível na maioria dos navegadores É aconselhável que uma versão por trabalho do site seja carregada em um servidor de teste no qual o cliente possa visualizar o melhoria e este comentário. Recorde-se de que os sites enviados em um servidor do teste também igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos do pesquisa. Então, por favor, assegure-se de que o site esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por senha durante no total o processo de desenvolvimento.

5. processo do teste.

A importância desta fase foi talvez a mais enfatizada e a menos praticada no mundo da net. Clientes e desenvolvedores não percebem a urgência do finalizar o projeto e colocá-lo em funcionamento. O processo por teste pode ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos de 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 como seu sitio 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 pelo mundo em desenvolvimento. Portanto, você precisa garantir que o tempo médio de carregamento de suas páginas da Web em HTML, juntamente com todos estes 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 tais como uma página é carregada no navegador da web. Ele mostra estatísticas (tamanho, tempo de 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 escolha, você pode vir a usar o 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 por teste que testará o site em termos do facilidade do uso e experiência do navegação. Ouça atentamente estes comentários deles e talvez deseje implementar algumas do suas racingcarclub.com.br sugestões ao seu site. Alternativamente, você pode entrar em contato usando sites que têm uma base do usuários de testadores de que farão o teste para você. é especialmente um exemplo disso. – Teste de carga, estresse e desempenho? Se este seu sitio tiver o potencial de ser usado por milhares de usuários, será preciso 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 necessidades de streaming na demanda de pico. Se necessário, você precisa distribuir seu conteúdo em vários servidores para melhor desempenho. Andam muitas ferramentas que fornecem maneiras de testar sites da Web, servidores da Web e aplicativos de intranet usando interfaces da Web. Você 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 da web foi planejado, projetado e testado, o visitante não têm a possibilidade de garantir 1 site de teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos de que um sitio esteja ativo e trabalhando com usuários reais e dados em tempo real. É por extrema influência 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, o visitante deve deter uma equipe em standby que possa responder a situações do emergência dentro de 4 a seis horas depois relatar este problema. Os clientes devem entender a importância disso e estar preparados para ter 1 orçamento alocado para essa finalidade.

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