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

14 mai 2018- Dans Non classé

Nos meus autotecnigas.com 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é mesmo mim usando 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 os casos, você se depara com pouca ou muita informação. Não é esperado que seus clientes sejam tão natural informados quanto definir justamente o de que eles querem. Às vezes eles só têm uma ideia e às vezes é um pouco muito mais que isso. Qualquer que seja este caso, eles olham o visitante não somente como desenvolvedores da Web, mas também como um consultor especialista que pode orientá-los sobre este caminho perfeito a seguir.

O visitante então se depara usando o desafio de transformar a ideia básica em um negócio on-line completo que possua o potencial de ser bem-sucedido e desafiar seus concorrentes. Aqui está uma lista de estratégias que garantem de que você possa atender às expectativas por seus clientes e transformar seus sonhos em imagem.

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

O visitante deve primeiro tentar produzir 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 juízo, pode sugerir seções de 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 de cada seção, detalhando este objetivo principal e o fim 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 também mostra como cada divisão está vinculada entre si. Compartilhe este documento com o cliente e, se possível, explique este documento para ele. Às vezes, seus pensamentos são mais bem explicados quando você fala diretamente com seu cliente.

2. Converta seu documento em 1 diagrama de wireframe.

Existe uma diferença entre criar um diagrama do wireframe e o que pessoalmente prefiro. Eu sobretudo projeto este 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. No documento a cerca 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. como visitante navegaria no sitio. Neste ponto, o cliente pode ver visualmente a sua ideia tomando forma. Do documento, ele entende como o sitio vai parecer e como vai se comportar. Para mim, pessoalmente, este é 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 desenvolvimento de design e desenvolvimento. Depois por ter a 100% o sitio construído, você pode enviá-lo para o 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 sitio funcionarão. Igualmente lhe dá algo tangível para mostrar ao cliente que é relativamente rápido e elementar de criar. Quanto mais complexo for o sitio, mais eficiente será a armação de arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma tarefa relativamente fácil se você souber o que precisa ser projetado. O designer decide a respeito de o esquema de cores, cria seu estilo por layout e gráficos. Às vezes, este designer ajusta o desenho das seções para aquelas que são mais visualmente atraentes. Foi claro de que se o site tiver tudo a ver com branding e apresentação, então o design deve ser por alta qualidade. Em conformidade com estes mais novos 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 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 está em analogia com este design do wireframe e se todas 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 exatamente o mesmo depois do programar saiba como era previamente. – 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 de trabalho do site seja carregada em um servidor de teste no qual o cliente possa visualizar o melhoria e este comentário. Relembre-se de que estes sites enviados em um servidor do teste igualmente podem ser rastreados pelo Google e indexados pelos mecanismos por pesquisa. Então, por benefício, assegure-se de que o site esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por sinal durante todo o desenvolvimento de desenvolvimento.

5. processo do teste.

A importância desta fase é especialmente talvez a mais enfatizada e a menos praticada no universo da net. Clientes e desenvolvedores não percebem a urgência de finalizar este projeto e colocá-lo em funcionamento. O processo de teste pode ser dividido em 4 segmentos: – Compatibilidade entre navegadores – Teste seu site para ver se todos os elementos por design estão em vigor em todos os navegadores populares. Existem diversas ferramentas on-line, saiba como as de que ajudam você a visualizar sua página da Web em diferentes navegadores. Para ver como seu site aparece nas telas pequenas de celulares como o BlackBerry ou o 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. Por isso, você precisa garantir que o tempo médio de carregamento do suas páginas da Web em HTML, juntamente usando todos estes anúncios em Javascript, Imagens, CSS, animações em Flash, etc., esteja dentro de limites razoáveis. é 1 serviço on-line gratuito de que imita a maneira saiba como uma página é carregada no navegador 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 que podem tornar o site mais lento. Como alternativa, você têm a possibilidade de 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 um grupo do usuários do teste que testará o site em termos por facilidade de uso e experiência de navegação. Ouça atentamente estes comentários deles e talvez deseje incorporar algumas por suas sugestões ao seu site. Alternativamente, você pode vir a entrar em contato usando sites que têm uma base de usuários por testadores de que farão este teste para você. é especialmente um exemplo disso. – Teste do carga, estresse e performance? Se o seu sitio tiver este potencial por ser utilizado por muitos milhares de usuários, será preciso testar seu site para monitorar este desempenho do site. Em particular, se você planeja exibir conteúdo em vídeo ou áudio, verifique se o site permanecequeda lidando usando 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 do intranet usando interfaces da Web. O visitante pode testar e analisar as propriedades de desempenho sob diversas condições do carga para encontrar gargalos nas suas aplicações web.

6. Suporte pós lançamento.

Independentemente de quão bem o seu aplicativo da web foi planejado, projetado e testado, o visitante não pode garantir 1 site por teste 100% completo. Haverá erros, enganos que não podem ser previstos, a menos de que um site esteja ativo e trabalhando com utilizadores reais e dados em tempo real. É de extrema mais valia que você 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 6 horas após relatar o problema. Estes clientes devem entender a importância disso e estar 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, há infinitas variações e adições possíveis, porém isso pode servir como uma diretriz básica para aqueles que estão no negócio de desenvolver e projetar aplicativos da web, bem como clientes que desejam produzir um negócio on-line de sucesso.