Construindo um Website completo a partir por uma ideia simples

14 mai 2018- Dans Non classé

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 1 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 é um pouco ainda mais que isso. Qualquer que seja o caso, eles olham o visitante não apenas como desenvolvedores da Web, mas também igualmente similarmente identicamente conjuntamente como um consultor especialista que pode orientá-los sobre o caminho certo a seguir.

O visitante então se depara com o desafio de converter a ideia básica em um empreendimento on-line completo que possua o potencial de ser bem-sucedido e desafiar seus concorrentes. Cá está uma lista do estratégias que garantem que você possa atender às expectativas de 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 produzir uma lista de seções lógicas de que o sitio deve ter. Faça perguntas ao cliente se você acha que não entende. Se o visitante já possui experiência pelo desenvolvimento por 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) usando uma breve descrição por cada seção, detalhando o objetivo principal e o objectivo 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 saiba como cada seção está vinculada entre si. Compartilhe este documento com este cliente e, se possível, explique o documento para ele. Às vezes, seus pensamentos são mais bem explicados quando fala diretamente com seu cliente.

2. Converta seu documento em um diagrama por wireframe.

Existe uma diferença entre criar um diagrama por wireframe e o que eu pessoalmente prefiro. Eu simplesmente 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 o wireframe. No documento sobre 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. tais como visitante navegaria no site. Neste ponto, o cliente pode olhar visualmente a sua ideia tomando maneira. 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 desenvolvimento de design e desenvolvimento. Depois de ter a 100% 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 cerca de a maneira como as páginas e o site 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 útil será a armação por arame.

3. Construindo o design a partir do wireframe.

Isso se torna uma reforma relativamente elementar se o visitante souber o que precisa ser projetado. O designer decide a cerca de o esquema de cores, cria seu estilo do layout e gráficos. Às vezes, o designer ajusta o arranjo das seções para aquelas que são mais visualmente atraentes. É especialmente claro de que se este site tiver tudo a ver com branding e apresentação, então o design deve ser do alta qualidade. Em conformidade com os 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 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 estacionaestaficafixa jazepararpermanecequeda em analogia 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 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 de programar saiba como era antes. – 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 mesmo que carregada em um servidor de questionário no qual o cliente possa visualizar o progresso e este comentário. Lembre-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 sitio esteja protegido contra isso. Para garantir a privacidade, seu site deve ser protegido por sinal durante a 100% o processo de desenvolvimento.

5. processo de teste.

A importância desta fase é talvez a mais enfatizada e a menos praticada no universo da internet. Clientes e desenvolvedores não percebem a urgência por finalizar este 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 por design estão em vigor em todos os navegadores populares. Andam diversas ferramentas on-line, como as que ajudam você a visualizar sua página da Web em multiplos navegadores. Para ver 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 de que o tempo médio de 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 do limites razoáveis. é 1 serviço online gratuito que imita a maneira saiba como uma página é carregada no browser da web. Ele mostra estatísticas (tamanho, tempo por carregamento) para cada objeto na página da web para de que você saiba sobre os culpados que podem tornar o site mais lento. Como alternativa, você pode usar este Firebug no 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 vir a criar um grupo do usuários de teste de que testará o site em termos de facilidade de uso e experiência por navegação. Ouça atentamente os comentários deles e talvez deseje incorporar algumas de suas sugestões ao seu site. Alternativamente, você pode entrar em contato com sites que têm uma base por usuários de testadores que farão o teste para você. é especialmente um exemplo disso. – Teste do carga, estresse e performance? Se este seu sitio tiver este potencial de ser utilizado por milhares de usuários, será necessário testar seu site para monitorar este desempenho do site. Particularmente, 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 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 por intranet usando interfaces da Web. O visitante pode testar e analisar as características de desempenho sob numerosas condições do carga para encontrar gargalos nas suas aplicações web.

6. Suporte pós lançamento.

Independentemente de quão bem este seu aplicativo executorcorsate.ro da web foi planejado, projetado e testado, você não pode garantir 1 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 importâ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, você deve deter uma equipe em standby que possa responder a situações por emergência dentro de 4 a seis horas após relatar este problema. Estes clientes devem entender a importância disso e estar preparados para ter um orçamento alocado para tal finalidade.

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