Construindo um sitio completo a partir por uma plano básica

0
9

Nos meus 10 anos de experiência na gestão de uma empresa por desenvolvimento web, tem havido muitos casos em de que os clientes vêm até mim com apenas um 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 os casos, o visitante se depara com pouca ou muita informação. Não é esperado que seus clientes sejam tão natural informados quanto definir justamente o que eles querem. Às vezes eles só têm uma ideia e às vezes é 1 pouco muito mais que isso. Qualquer de que seja este caso, eles olham o visitante não apenas como desenvolvedores da Web, mas também igualmente similarmente identicamente conjuntamente como 1 consultor especialista que pode orientá-los sobre o caminho fixo a completar.

Você então se depara com 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 de estratégias que garantem que você possa atender às expectativas de seus clientes e transformar seus sonhos em realidade.

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

Você deve primeiro 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 você já tem experiência no desenvolvimento do sites relacionados ao juízo, pode sugerir seções de que devem estar 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) com uma breve descrição de cada divisão, detalhando o objetivo principal e o objectivo 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 igualmente mostra tais como cada divisã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 de wireframe e o que eu pessoalmente prefiro. Eu sobretudo projeto o 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 este wireframe. Pelo documento a cerca 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. tais como visitante navegaria no site. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando forma. Do documento, ele entende como o site vai parecer e tais como vai se comportar. Para mim, pessoalmente, este foi 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 por ter todo o site 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 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 é relativamente rápido e elementar de produzir. Quanto mais complexo for o sitio, mais eficaz será a armação de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente elementar se você souber este 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 o site tiver tudo a ver usando branding e apresentação, então o design deve ser do alta qualidade. 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 igualmente similarmente identicamente conjuntamente é uma tarefa deveras desafiadora.

No fim deste estágio, todos estes designs do 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 cuidado e mais valia: – 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 por programar 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 É aconselhável que uma versão do trabalho do site seja carregada em um servidor de teste no qual o cliente possa visualizar o progresso e o comentário. Lembre-se de que estes sites enviados em 1 servidor por teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos de pesquisa. Então, por benefício, assegure-se de que o sitio esteja protegido contra isso. Para garantir a privacidade, seu sitio deve ser protegido por sinal durante no total o processo de desenvolvimento.

5. processo de 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 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 os elementos de design estão em vigor em todos os navegadores populares. Há diversas ferramentas on-line, tais como as que ajudam você a visualizar sua página da Web em multiplos 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 sitio – Várias 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 com todos os anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro por limites razoáveis. é um serviço online gratuito que imita a maneira como uma página é carregada no browser da web. Ele mostra estatísticas (tamanho, tempo de carregamento) para cada objeto na página da web para de que você fique a saber sobre os culpados que podem tornar o site mais lento. Como alternativa, você pode vir a 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 suas páginas da Web. – Testando usabilidade? Você pode criar um grupo por usuários de teste de que testará este site em termos de facilidade do uso e experiência por navegação. Ouça atentamente estes comentários deles e talvez deseje implementar algumas por suas sugestões ao seu site. Alternativamente, você pode entrar em contato com sites de que têm uma base de usuários de testadores que farão o teste para você. é especialmente um exemplo disso. – Teste de carga, estresse e performance? Se este seu sitio tiver o potencial por ser utilizado por muitos milhares de usuários, 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 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. Andam muitas ferramentas que fornecem maneiras do testar sitios da Web, servidores da Web e aplicativos por intranet usando 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 instafresh.000webhostapp.com da web foi planejado, projetado e testado, você não têm a possibilidade de garantir um site de teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos 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, 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 o problema. Estes clientes devem entender a importância disso e manter-se 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, mas isso pode servir como uma diretriz básica para aqueles que estão no negócio por desenvolver e projetar aplicativos da web, bem tais como clientes que desejam produzir um empreendimento on-line do sucesso.