5 Características de um verdadeiro Site Responsivo


[bloqueador2]Você tem um “responsive web site”? Este é um site com um layout que alterações com base em uma visitante do dispositivo e do tamanho do ecrã. Responsive web design é agora uma das melhores práticas da indústria. É recomendado pelo Google e encontrei em milhões de sites em toda a Web. Há, no entanto, uma grande diferença entre ter um site que simplesmente “se encaixa” em diferentes tamanhos de tela e ter um site que é realmente ágil. Eu rotina veja empresas de redesenhar seu site e emissão de um comunicado de imprensa extoling as virtudes de seu novo móvel-friendly design. Quando eu visitar os sites, o que eu, muitas vezes, é encontrar um esquema que, de fato, a escala e a mudança para caber em telas diferentes, mas que está tão longe como eles tomam a idéia de capacidade de resposta. Isso não é o suficiente. Um realmente ágil site não faz mais do que apenas a escala para se ajustar a uma menor ou maior tamanho da tela. Nesses sites, você também vai encontrar as seguintes importantes características. 1. Desempenho otimizado Ninguém gosta de esperar pelo carregamento de um site, e quando alguém está usando um dispositivo móvel com uma conexão que pode ser menos do que o ideal, a necessidade de um site para carregar rapidamente é ainda mais importante. Então, como você pode otimizar o desempenho de seu site? Se você está começando com um novo site, como parte de um novo projeto e, em seguida, você deve torná-lo um ponto para criar um orçamento de desempenho, como parte do projeto. Se você estiver trabalhando com um site existente e não começar do zero, o primeiro passo é testar o desempenho de seu site para ver onde você está hoje. Depois de ter uma base de onde o seu site está de performance, você pode começar a fazer as melhorias necessárias para aumentar a velocidade de download. Um ótimo lugar para começar é provavelmente o de imagens do site. Grandes demais imagens são o #1 culpado quando se trata de lentidão no carregamento de sites, por isso, a otimização de suas imagens para a entrega da web pode realmente ajudar o seu site a partir de um ponto de vista do desempenho. A realidade é que a melhoria do desempenho do web site e rápidas velocidades de download são um benefício que todos os visitantes irão apreciar. Afinal, ninguém nunca reclamou que um site carregado “muito rápido”, mas se um site demora muito para carregar, ele com certeza vai ligar as pessoas se responsiva “encaixa” na tela ou não. 2. Smart Content Hierarquia Quando o site é exibido em uma tela grande, você é capaz de colocar o conteúdo em uma variedade de formas devido à grande tela de imóveis disponíveis. Muitas vezes você pode ajustar importantes mensagens e imagens, atualizações de notícias, informações de eventos, e de navegação do site tudo de uma vez na tela. Isso permite que um visitante facilmente e rapidamente digitalizar o conteúdo de toda a página e decidir o que é importante para eles. Este cenário muda muito dramaticamente quando você toma que o design do site e transformá-lo para pequenos dispositivos de tela, como um telefone celular. De repente, você está trabalhando com uma fração da tela que você tinha antes. Isso significa que você precisa decidir o que vai aparecer primeiro no site, o que vai segui-lo, etc. Em vez de tudo o que está sendo visto de uma só vez, você provavelmente só tem espaço para mostrar uma ou duas coisas (um dos quais é provável navegação). Isto significa que as decisões da hierarquia, precisam ser feitas. Infelizmente, o que muitas vezes determina o que vem em primeiro lugar na tela e, em seguida, segunda, etc. é a maneira como a página em si é codificado. É mais fácil, quando a construção de um site responsivo, para apresentar o que quer é o primeiro no primeiro, o código na tela, seguido pelo segundo item no código e assim por diante. Infelizmente, o que pode ser mais importante em um dispositivo pode não ser tão crítica no outro. Realmente um site responsivo, entende que a hierarquia de conteúdo deve mudar dependendo de diferentes situações, e isso deve ser inteligente sobre o que ele mostra de onde. Melhorias no CSS técnicas de layout, incluindo a CSS em Layout de Grade, o Flexbox, e mais, permitir que os web designers e desenvolvedores mais opções quando se trata de maneira inteligente para dispor de conteúdo, em vez de ser cerceado pela ordem exata das áreas de conteúdo no código HTML. Aproveitando essas novas técnicas de layout vai se tornar ainda mais importantes, como a paisagem de dispositivo, e as necessidades de nossos usuários, continua a evoluir. 3. Experiências Que Levam Em Conta um Dispositivo de pontos Fortes e Fracos, Ficar no tópico de dispositivos – cada dispositivo que alguém pode usar para visitar o seu site tem pontos fortes e fracos que são inerentes a essa plataforma. Um grande site responsivo compreende as capacidades e limitações dos diferentes dispositivos e usa-os para criar experiências personalizadas que são mais adequados para qualquer dispositivo de um visitante possa estar usando no momento. Por exemplo, um telefone celular inclui uma série de recursos que você não encontrar em um computador desktop tradicional. O GPS é um exemplo de um móvel centrada no recurso (sim, você pode obter informações de localização em ambientes de trabalho, bem como, no entanto, o dispositivo de GPS é muito mais preciso). Seu site pode utilizar informações de GPS para esperta enviar uma pessoa muito detalhadas e específicas, passo-a-passo de informação de direção ou de ofertas especiais com base em exatamente onde eles estão naquele momento. Outro exemplo principal, na prática, seria um site que entende qual é o tipo de exibição da tela que você está usando e envia imagens que são mais adequados para essa exposição. Se você tem uma tela com uma alta densidade de pixel, você pode decidir enviar imagens de qualidade superior para a tela. Essas mesmas imagens seria inútil, uma menos capaz de tela, no entanto, e a qualidade extra seria perdida, enquanto o extra tamanho do arquivo seria transferido para nenhum motivo real. Realmente grande responsivos sites considerar toda a experiência do usuário e trabalho, para costurar essa experiência, e não apenas de um tipo de dispositivo ou o tamanho de sua tela, mas outros importantes aspectos do hardware. 4. Conteúdo Com o Contexto Inicialmente, responsive web design recebeu seu nome por causa da ideia de um layout do site de responder a diferentes tamanhos de tela, mas você pode responder muito mais do que apenas o tamanho da tela. Edifício no anterior exemplo de utilização de um dispositivo de pontos fortes e fracos, você pode usar esses, além de outros dados, como a data e a hora, para personalizar a experiência do website. Imagine um site para uma grande mostra de comércio do evento. Enquanto um site responsivo vai alterar o layout das páginas do site para escala com diferentes telas, você também pode usar o data para determinar qual conteúdo é o mais importante para exibição. Se esse é o período de tempo antes do evento, você provavelmente deseja claramente exibir informações de registro. Se, no entanto, o evento está acontecendo naquele momento, o registro pode não ser o conteúdo mais importante. Em vez disso, você pode decidethat o dia de agenda de eventos é o mais crítico, pois é mais relevantes para o usuário às necessidades imediatas. Levando as coisas a um passos além disso, você pode tocar em um dispositivo GPS para determinar onde eles realmente estão na mostra de comércio. Você poderia dar-lhes conteúdo interativo com base em sua localização, mostrando-lhes nas proximidades de estandes, ou de sessões prestes a começar. 5. Acessibilidade O último exemplo, vamos olhar para a forma como um site pode realmente responder a necessidades do visitante é pensar sobre a acessibilidade do site. Sites deve ser capaz de ser utilizado pelo maior número possível de pessoas, inclusive aquelas com deficiência. O seu website deve ser capaz de ser usado por alguém que precisa de um leitor de tela ou outros assistido software para acessar seu conteúdo. Desta forma, seu site é o de responder às suas necessidades, pois você já garantiu que a experiência, apesar de serem diferentes para os visitantes portadores de deficiência, ainda é apropriado. Ao responder como muitos de dados de pontos possível, e não apenas o tamanho da tela, um site pode ser muito mais do que apenas “mobile friendly.” Ele pode se tornar uma verdadeira experiência sensível em cada sentido da frase.[/bloqueador2]

.container
Clique para Baixar

Deixe Seu Comentário

O seu endereço de e-mail não será publicado.