Construindo um Web-site completo a partir de uma conceito simples


Nos meus www.plindeavantaje.ro 10 anos de experiência na gestão de uma empresa do desenvolvimento web, tem havido muitos quadros 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 por 1 a 2 frases a cem páginas detalhados com diagramas, referências e assim por diante. Em ambos os casos, você 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 é um 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 um consultor especialista que pode orientá-los sobre o caminho perfeito a atravessar.

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

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

O visitante deve primeiro tentar criar uma lista de seções lógicas que o sitio deve deter. Faça perguntas ao cliente se o visitante acha que não entende. Se você já possui experiência pelo desenvolvimento de 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) usando uma breve descrição de cada seção, detalhando o 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 de seções, este mapa do site também 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 do wireframe.

Existe uma diferença entre criar um diagrama por wireframe e o que pessoalmente prefiro. Eu simplesmente 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 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 este comportamento do site. saiba como visitante navegaria no sitio. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando maneira. Do documento, ele entende como o site vai parecer e como vai se comportar. Para mim, pessoalmente, este é especialmente 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 processo de design e desenvolvimento. Depois do ter no total o sitio construído, você 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 a cerca 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 super veloz e elementar de criar. Quanto muito mais complexo for o sitio, mais eficaz será a armação do arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente fácil se você souber este que precisa ser projetado. O designer decide a cerca de o esquema de cores, cria seu estilo de layout e gráficos. Às vezes, o 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 por alta qualidade. 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 é uma tarefa bastante desafiadora.

No final deste estágio, todos os designs de página estão prontos. Mostre-o ao seu cliente para aprovação e verifique se ele estacionaestaficafixa jazepararpermanecequeda 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 este maior alento 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 mesmo depois de programar tais como era antes. – Praticamente as brechas de segurança estão conectadas – O site carrega rápido e é compatível na maioria dos navegadores É aconselhável que uma versão do trabalho do site seja carregada em um servidor de teste 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 sitio esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por senha durante a 100% o processo de desenvolvimento.

5. processo do 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 de finalizar o projeto e colocá-lo em funcionamento. Este processo de 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. Andam diversas ferramentas on-line, saiba como as de que ajudam o visitante a visualizar sua página da Web em variados navegadores. Para ver saiba como seu site aparece nas telas pequenas de celulares como o BlackBerry ou este Windows Mobile, confira. – Teste a velocidade do seu sitio – Algumas pessoas ainda estão usando conexões lentas e sua própria população não é insignificante, especialmente no mundo em desenvolvimento. Portanto, você precisa garantir que o tempo médio por carregamento do suas páginas da Web em HTML, juntamente usando todos os anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro de limites razoáveis. é 1 serviço on-line gratuito que imita a maneira saiba como uma página é carregada no navegador da web. Ele mostra estatísticas (tamanho, tempo do carregamento) para cada objeto na página da web para de que você fique a saber sobre os culpados de que podem tornar o sitio mais lento. Como escolha, você pode usar este Firebug pelo 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 do usuários por teste de que testará este site em termos de facilidade de uso e experiência do navegação. Ouça atentamente os comentários deles e talvez deseje implementar algumas de suas sugestões ao seu site. Alternativamente, você têm a possibilidade de entrar em contato usando sites de que têm uma base de usuários do testadores que farão este teste para você. foi um exemplo disso. – Teste do carga, estresse e performance? Se o seu site tiver o potencial de ser utilizado por muitos milhares de utilizadores, será preciso 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 está 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. Andam muitas ferramentas que fornecem maneiras por testar sitios da Web, servidores da Web e aplicativos por intranet usando interfaces da Web. O visitante pode testar e analisar as características de desempenho sob diversas condições de carga para encontrar gargalos nas 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 têm a possibilidade de garantir 1 site de teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos que um sitio esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É do extrema mais valia que você 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 de emergência dentro de 4 a 6 horas depois relatar o 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 possibilitar ser elaborados, refinados e adicionados. Na verdade, existem infinitas variações e adições possíveis, porém isso pode servir tais como uma diretriz básica para aqueles que estão pelo negócio de desenvolver e projetar aplicativos da web, bem tais como clientes de que desejam produzir um negócio on-line por sucesso.