Construindo um site completo a partir por uma ideia básica

0
72

Nos meus 10 anos de experiência na gestão de uma empresa por desenvolvimento web, tem havido muitos casos em que os clientes vêm até mesmo 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 por 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 de que eles querem. Às vezes eles apenas têm uma ideia e às vezes é 1 pouco muito mais que isso. Qualquer de que seja o caso, eles olham o visitante não somente como desenvolvedores da Web, mas igualmente como um consultor especialista que pode orientá-los sobre este caminho perfeito a completar.

Você 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. Aqui está uma lista do estratégias de que garantem de que você possa atender às expectativas de 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 produzir uma lista de seções lógicas que o sitio deve ter. Faça perguntas ao cliente se o visitante acha que não entende. Se o visitante já tem experiência no desenvolvimento por sites relacionados ao juízo, pode sugerir seções de que devem estar 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 de cada seção, detalhando este objetivo primário e o fim do documento. seção. Em termos técnicos, você têm a possibilidade de chamar isso de mapa do site. Além de seções, este mapa do site também mostra como cada divisão está vinculada entre si. Compartilhe este documento com este cliente e, se permitido, 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 por wireframe.

Existe uma diferença entre criar 1 diagrama do wireframe e o que eu pessoalmente prefiro. Eu basicamente projeto o site em powerpoint e mostro ao cliente. Pessoalmente eu me sinto bastante mais rápido usando powerpoint e não tenho que confiar em meus programadores para criar este 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. como visitante navegaria no sitio. Neste ponto, o cliente pode ver 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 foi o passo mais crucial e, quanto mais detalhado você estiver na sua preparação do seu wireframe, mais fácil e suave será o desenvolvimento de design e desenvolvimento. Depois de ter todo o sitio construído, o visitante pode enviá-lo para este seu cliente para assinar ou enviar alterações para o seu quadro de arame. Isso ajudará a eliminar qualquer mal-entendido a respeito de a maneira como as páginas e o sitio funcionarão. Também igualmente similarmente identicamente conjuntamente lhe dá algo tangível para mostrar ao cliente que é relativamente instantaneo e elementar de produzir. Quanto muito mais complexo for o sitio, mais eficaz será a armação por arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente fácil se você souber o que precisa ser projetado. O designer decide a respeito de o esquema de cores, cria seu estilo de layout e gráficos. Às vezes, o designer ajusta o arranjo das seções para aquelas que são mais visualmente atraentes. Foi claro de que se este site tiver tudo a ver com branding e apresentação, então o design deve ser do alta capacidade. Em analogia com os 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 em muito 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 está 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 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. – O design da página deve permanecer exatamente o precisamente depois do programar como era previamente. – Todas 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 de 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 os sites enviados em um servidor do teste também igualmente similarmente identicamente conjuntamente podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. Então, por favor, assegure-se de que o sitio esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por senha durante no total o desenvolvimento de desenvolvimento.

5. processo de teste.

A importância desta fase foi talvez a mais enfatizada e a menos praticada no mundo da internet. Clientes e desenvolvedores não percebem a urgência por finalizar o projeto e colocá-lo em funcionamento. Este processo por teste pode 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. Há diversas ferramentas on-line, como as que ajudam você a visualizar sua página da Web em diferentes navegadores. Para ver tais como seu site aparece nas telas pequenas de celulares como o BlackBerry ou o Windows Mobile, confira. – Teste a velocidade do seu sitio – Várias pessoas ainda estão usando conexões lentas e sua população não é insignificante, especialmente no mundo em desenvolvimento. Logo, você precisa garantir de que o tempo médio do 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 de limites razoáveis. é 1 serviço on-line gratuito que imita a maneira como uma página é carregada no navegador da web. Ele revela estatísticas (tamanho, tempo do carregamento) para cada objeto na página da web para de que você fique a saber sobre estes culpados que podem tornar o site mais lento. Como alternativa, você pode usar o 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ê pode criar 1 grupo por usuários de teste que testará o site em termos do facilidade de uso e experiência de navegação. Ouça atentamente os comentários deles e talvez deseje incorporar algumas do suas pesonaciwidey.com sugestões ao seu site. Alternativamente, você pode entrar em contato usando sites de que têm uma base do usuários do testadores de que farão este teste para você. é um exemplo disso. – Teste do carga, estresse e desempenho? Se o seu site tiver o potencial do ser utilizado por milhares de utilizadores, será preciso testar seu site para monitorar o desempenho do site. Em particular, se você planeja exibir conteúdo em vídeo ou áudio, verifique se este 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. Há muitas ferramentas que fornecem maneiras de testar sites da Web, servidores da Web e aplicativos de intranet usando interfaces da Web. O visitante pode testar e analisar as características de performance sob várias condições de carga para encontrar gargalos nas suas aplicações web.

6. 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 por teste 100% completo. Haverá erros, erros que não podem ser previstos, a menos de que um sitio esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É de extrema mais valia 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 ter uma equipe em standby que possa responder a situações do emergência dentro de 4 a seis horas depois relatar este problema. Estes clientes devem entender a importância disso e manter-se preparados para ter 1 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, porém isso têm a possibilidade de servir tais como uma diretriz básica para aqueles que estão pelo negócio de desenvolver e projetar aplicativos da web, bem como clientes de que desejam criar um negócio on-line de sucesso.