• mms-cash-tokenMMS Cash Token(MCASH)
    R$5.330.00% 24H
    MMS CASH TOKEN
    24H : 0.00%
    Volume : R$264,740.15
    Marketcap : R$5,340,837,062,044.07
  • bitcoinBitcoin(BTC)
    R$228,468.822.91% 24H
    BITCOIN
    24H : 2.91%
    Volume : R$87,025,845,130.08
    Marketcap : R$4,329,818,983,641.12
  • ethereumEthereum(ETH)
    R$16,517.582.43% 24H
    ETHEREUM
    24H : 2.43%
    Volume : R$61,009,646,488.76
    Marketcap : R$1,969,473,323,071.37
  • tetherTether(USDT)
    R$5.33-0.10% 24H
    TETHER
    24H : -0.10%
    Volume : R$205,622,964,215.04
    Marketcap : R$415,610,372,068.03
  • binancecoinBinance Coin(BNB)
    R$2,283.142.92% 24H
    BINANCE COIN
    24H : 2.92%
    Volume : R$6,591,014,150.45
    Marketcap : R$383,887,234,160.44
  • usd-coinUSD Coin(USDC)
    R$5.33-0.08% 24H
    USD COIN
    24H : -0.08%
    Volume : R$16,118,226,461.85
    Marketcap : R$272,440,122,056.73
  • solanaSolana(SOL)
    R$632.804.38% 24H
    SOLANA
    24H : 4.38%
    Volume : R$8,318,757,582.87
    Marketcap : R$200,862,483,568.26
  • cardanoCardano(ADA)
    R$6.193.51% 24H
    CARDANO
    24H : 3.51%
    Volume : R$4,887,138,748.23
    Marketcap : R$198,969,410,995.01
  • rippleXRP(XRP)
    R$3.929.77% 24H
    XRP
    24H : 9.77%
    Volume : R$12,395,762,494.41
    Marketcap : R$186,856,584,842.17
  • polkadotPolkadot(DOT)
    R$118.753.75% 24H
    POLKADOT
    24H : 3.75%
    Volume : R$3,955,747,344.82
    Marketcap : R$128,245,903,247.03
domingo, 3 de julho de 2022
  • Entrar
  • Registrar
Jornal 140
  • Economia
  • Política
  • Mundo
  • Saúde
  • Educação
  • Meio Ambiente
  • Estilo de Vida
  • Gastronomia
  • Esportes
  • Cultura
  • Tecnologia
Sem Resultados
Ver todos os resultados
  • Economia
  • Política
  • Mundo
  • Saúde
  • Educação
  • Meio Ambiente
  • Estilo de Vida
  • Gastronomia
  • Esportes
  • Cultura
  • Tecnologia
Sem Resultados
Ver todos os resultados
Jornal 140
Sem Resultados
Ver todos os resultados
  • Economia
  • Política
  • Mundo
  • Saúde
  • Educação
  • Meio Ambiente
  • Estilo de Vida
  • Gastronomia
  • Esportes
  • Cultura
  • Tecnologia
Home Tecnologia

Com mais telas que o Louvre: como projetar sistemas em tempos de mobile?

Rodrigo Sassi Por Rodrigo Sassi
20/09/2019 - 16:49
A A
0
Com mais telas que o Louvre: como projetar sistemas em tempos de mobile?
CompartilharTweetar

Pois é, as mais populares são 18 resoluções diferentes nas quais os sistemas web – que rodam dentro dos navegadores como Chrome, Explorer, Edge, Safari e Firefox – devem se adaptar para funcionar perfeitamente e exibir o conteúdo desejado aos seus usuários.

Para o desenvolvimento de sites em geral, blogs e lojas virtuais, isso se tornou um grande desafio e uma nova ciência. Com o crescimento do acesso à internet pelos celulares e tablets, criou-se uma estratégia de desenvolvimento chamada “Mobile First”. 

Termo, em inglês, que literalmente significa: dispositivos móveis em primeiro.

O Mobile first é mais do que uma tendência passageira ou moda! Trata-se de uma estratégia de desenvolvimento focado em criar a experiência de uso,  primeiramente, para dispositivos móveis, enfocando-se na facilidade, design e a comunicação rápida e eficaz para sistemas que são acessados em celulares e tablets. 

Deste modo, concebida a experiência ideal para esses aparelhos, projetamos a sua adaptação para os desktops (notebooks e computadores de mesa)! 

Esses sites são desenvolvidos, desde o início, com elementos que se adaptam a telas de diferentes tamanhos, sem depender de comandos de teclado e apresentam poucas – porém precisas – informações na tela. Consequentemente, são denominados de sistemas responsivos exatamente por responderem ao tamanho da tela onde estão sendo desenvolvidos.

Segundo o IBGE, 67% dos brasileiros usam o celular para acessar a internet. Além disso, quase 80% da decisão de compra online é feita em dispositivos móveis.

Contudo, essa metodologia ainda é nova e apresenta diversos obstáculos. É necessário constante estudo, análise de mercado e aplicação de métodos já testados por uma equipe de desenvolvimento, que possui vasta experiência no campo. Portanto, o segredo do sucesso é a devida conceitualização e criticidade.

Essa estratégia inclui o projeto Accelerated Mobile Pages (AMP), uma iniciativa de código aberto que visa melhorar a criação de conteúdo para dispositivos mobile, seja para editores, leitores e gestores. Essa estratégia tem como foco, um rápido carregamento de conteúdo quase que instantâneo e fácil navegação, melhorando a usabilidade e acelerando a performance da plataforma. O projeto possui, inclusive, melhorias para todas as resoluções incluindo desktop, tornando necessário uma equipe de desenvolvimento que faça a aplicação do código de forma apropriada e testada, com conhecimento em aplicações mobile first.

Usabilidade no mobile melhora a versão desktop

Muitas vezes a ideia de adotar a estratégia mobile first causa preocupação por se acreditar que celulares apresentam muitas limitações de funções e opções, porém o que é visto como um ponto negativo, na realidade, torna-se uma excelente maneira de focar a plataforma para uma comunicação mais objetiva e eficaz. 

Com o uso de aparelhos celulares – cada vez maior- , uma plataforma que coloca diversos elementos visuais ou que requer constante digitação/atenção do usuário, pode ocasionar uma navegação desagradável. E mesmo após um grande esforço de comunicação, poderá perder vendas pela simples dificuldade de acesso do cliente.

Reduzir essas constantes interações é essencial – independente – do método de acesso na plataforma. Os clientes, normalmente, estão com a atenção dividida em outras tarefas ou apenas procuram uma consulta rápida em suas rotinas turbulentas. Ou seja, a nossa obrigação é sempre facilitar o processo para o que é buscado seja encontrado com facilidade.

Um design minimalista e que mostra o que temos a oferecer, no primeiro instante de acesso, é o ideal para garantir a melhor taxa de engajamento possível e as vendas decorrentes.

Essa metodologia serve tanto para celulares, como para tablets ou desktop, afinal, quando desenvolvemos em mobile first, excluímos toda a informação desnecessária e elementos que distraem, para um conteúdo preciso, linear e de fácil navegação.

Testabilidade e melhorias regulares deixam a sua plataforma sempre atualizada

Ademais, é possível incluir no escopo elementos de acessibilidade para que possamos engajar um público maior, enquanto planejamos a performance e usabilidade do site continuamente. Tais ações amplificam ainda mais a audiência em potencial – quantitativamente e qualitativamente.

Com o número de acessos via mobile crescendo e os de desktop decaindo rapidamente, elementos de design precisam estar em harmonia com o formato mobile. Para então incluir, de maneira objetiva, apenas as informações necessárias para ação que o cliente está buscando naquele exato momento.

A mudança completa no meio de acesso a um site, pode parecer e – até ser – complicada no e de início, porém para manter a relevância da empresa e acompanhar todas as evoluções do mercado digital, é necessário que melhorias sejam feitas periodicamente, para a plataforma permanecer competitiva e resiliente quanto às demandas e experiências do usuário.

E quem compactua com essas ideias?

Nada menos que o Google. Em maio deste ano, o Google anunciou o Mobile-First Indexing, nova maneira que o seu robô irá indexar e ranquear os sites em suas buscas. 

Se você busca bons resultados em SEO, deve ter olhos voltados para a otimização da versão mobile de seu site. Lembrando que Mobile-First Indexing não é Mobile-Only, ou seja, a otimização para os desktops devem continuar, porém a versão prioritária para o buscador será a focada em celulares e tablets.

Não tendo uma versão otimizada para mobile não significa que o seu site não será indexado, mas o seu ranqueamento será bem pior.  

Dentre todas as frentes de investimento e otimização de performance de resultados no mundo digital, sem dúvidas, aperfeiçoar-se como um sniper em estruturas mobile, trará maiores conversões dentro de sua audiência.

** É proibida a reprodução do conteúdo desta página em qualquer meio de comunicação, eletrônico ou impresso, sem autorização escrita. O Jornal 140 não se responsabiliza pela opinião dos autores deste coletivo.

Tags: AMPDestaqueGoogleMobileResponsivoRodrigo SassiTecnologia
Artigo Anterior

A tecnologia da falta de educação

Próximo Artigo

Yutu-2 e o material misterioso no lado oculto da Lua

Rodrigo Sassi

Rodrigo Sassi

Rodrigo Sassi é Fundador da Inpyx - Software & Data House, comunicador social, especializado em branding. Pós graduando em AI, Data Science e Big Data. Está em constante busca do aperfeiçoamento da eficácia e integração tecnológica.

Conteúdo RelacionadoArtigos

O 5G no Brasil
Internet

O 5G no Brasil

21/06/2022 - 15:45
Como dominar o Agnostic Agile para projetos ágeis
Tecnologia

Como dominar o Agnostic Agile para projetos ágeis

16/05/2022 - 08:00
Tecnologia em alta: Entrevista com Fernando Kalil, RH da Revelo
Tecnologia

O que é o novo marco legal de ciência, tecnologia e inovação

10/05/2022 - 08:00
Machine Learning Veicular: veículo e condutor
Tecnologia

Machine Learning Veicular: veículo e condutor

02/05/2022 - 08:00
Próximo Artigo
Yutu-2 e o material misterioso no lado oculto da Lua

Yutu-2 e o material misterioso no lado oculto da Lua

Mais Lidas

  • Festas Juninas 2022: quermesses de São Paulo

    Festas Juninas 2022: quermesses de São Paulo

    2 shares
    Share 0 Tweet 0
  • Animes: lançamentos em Julho de 2022

    0 shares
    Share 0 Tweet 0
  • Animes: lançamentos em Junho de 2022

    2 shares
    Share 0 Tweet 0
  • Torresmo de Rolo

    3 shares
    Share 0 Tweet 0
  • Somos a média das pessoas com quem mais convivemos

    474 shares
    Share 474 Tweet 0

Avaliações

Crítica | Chamas da Vingança

Chamas da Vingança

Uma nova leitura de Stephen King, mostra que ainda existe espaço
Crítica | Tick, Tick… Boom!

Tick, Tick... Boom!

Ambientado na década de 1990, o filme conta a história de
Bolo de Laranja Zero Lactose
Receitas

Bolo de Laranja Zero Lactose

23/09/2021 - 10:56
Em Reprodução

Balanço Geral das Séries: Resumo Semanal (19/11-26/11/2021)

Balanço Geral das Séries – 22/01/2021

Balanço Geral das Séries: Resumo Semanal (19/11-26/11/2021)

Balanço Geral das Séries
Balanço Geral das Séries – 22/01/2021

Balanço Geral das Séries: Resumo Semanal (15/11-21/11/2021)

Balanço Geral das Séries
Balanço Geral das Séries – 22/01/2021

Balanço Geral das Séries: Resumo Semanal (06/11-12/11/2021)

Balanço Geral das Séries
Balanço Geral das Séries – 22/01/2021

Balanço Geral das Séries: Resumo Semanal (22/10-27/10/2021)

Balanço Geral das Séries
Balanço Geral das Séries – 22/01/2021

Balanço Geral das Séries: Resumo Semanal (11/10-15/10/2021)

Balanço Geral das Séries
Assine nossa lista para receber atualizações diárias diretamente em sua caixa de entrada!

Jornal 140

O Jornal 140 é um coletivo de informação e reflexão com notícias e comunicação em tempos de cólera.

SIGA-NOS NAS REDES SOCIAIS

Últimos Artigos

Animes: lançamentos em Julho de 2022

Animes: lançamentos em Julho de 2022

01/07/2022
Direito Penal: o caso de estupro da menina de 11 anos de idade

Direito Penal: o caso de estupro da menina de 11 anos de idade

28/06/2022

Newsletter

Assine nossa lista para receber atualizações diárias diretamente em sua caixa de entrada!

  • Sobre
  • Expediente
  • Publica o Release!
  • Newsletter
  • Anuncie
  • Arquivo
  • Termos de Uso
  • Contato

© 2018 - 2022 Jornal 140 - Todos Direitos Reservados | ZionLab

Sem Resultados
Ver todos os resultados
  • Home
  • Editorias
    • Economia
    • Política
    • Mundo
    • Saúde
    • Educação
    • Meio Ambiente
    • Estilo de Vida
    • Gastronomia
    • Esportes
    • Cultura
    • Tecnologia
  • Sobre
  • Expediente
  • Publica o Release!
  • Newsletter
  • Anuncie
  • Contato
  • Entrar
  • Registrar

© 2018 - 2022 Jornal 140 - Todos Direitos Reservados | ZionLab

Jornal 140

Entrar com Facebook
Entrar com Google
Entrar com LinkedIn
OU

FAÇA LOGIN ABAIXO

Esqueceu a Senha? Registrar

Criar Nova Conta

Registrar com Facebook
Registrar com Google
Registrar com LinkedIn
OU

PREENCHA OS DADOS ABAIXO

*Ao se registrar em nosso site, você concorda com os Termos e Condições e Política de Privacidade.
Todos os campos são obrigatórios Entrar

Recupere sua Senha

Por favor, insira seu usuário ou email

Entrar

Acessibilidade

Modos de acessibilidade

Modo de segurança para epilepsia
Atenua a cor e remove os intermitentes
Este modo permite que pessoas com epilepsia usem o site com segurança, eliminando o risco de convulsões que resultam de animações piscando ou piscando e combinações de cores arriscadas.
Modo para Deficientes Visuais
Melhora o visual do site
Este modo ajusta o site para a conveniência dos usuários com deficiência visual, como Visão Degradante, Visão em Túnel, Catarata, Glaucoma e outros.
Modo de deficiência cognitiva
Ajuda a focar em um conteúdo específico
Este modo oferece diferentes opções de assistência para ajudar os usuários com deficiências cognitivas, como dislexia, autismo, AVC e outros, a se concentrar nos elementos essenciais do site com mais facilidade.
Modo compatível com TDAH
Reduz distrações e melhora o foco
Este modo ajuda os usuários com TDAH e distúrbios do neurodesenvolvimento a ler, navegar e se concentrar nos principais elementos do site com mais facilidade, reduzindo significativamente as distrações.
Modo de cegueira
Permite usar o site com seu leitor de tela
Este modo configura o site para ser compatível com leitores de tela, como JAWS, NVDA, VoiceOver e TalkBack. Um leitor de tela é um software para usuários cegos que é instalado em um computador e smartphone, e os sites devem ser compatíveis com ele.

Dicionário online

    Experiência legível

    Dimensionamento de conteúdo
    Padrão
    Ampliador de Texto
    Fonte legível
    Dislexia amigável
    Destacar títulos
    Destacar links
    Tamanho da fonte
    Padrão
    Altura da linha
    Padrão
    Espaçamento entre Letras
    Padrão
    Esquerda alinhada
    Alinhado ao Centro
    Alinhado à Direita

    Experiência visualmente agradável

    Contraste Escuro
    Contraste de luz
    Monocromático
    Alto contraste
    Alta saturação
    Baixa saturação
    Ajuste as cores do texto
    Ajuste as cores do título
    Ajustar cores de fundo

    Orientação Fácil

    Sons silenciados
    Esconder Imagens
    Teclado virtual
    Guia de leitura
    Parar animações
    Máscara de leitura
    Hover em destaque
    Destaque o Foco
    Big Dark Cursor
    Big Light Cursor
    Teclas de Navegação

    Jornal 140 Declaração de acessibilidade

    Declaração de Acessibilidade

    jornal140.com 03/07/2022

    Status de conformidade

    Acreditamos firmemente que a Internet deve estar disponível e acessível a todos e estamos empenhados em fornecer um site que seja acessível ao maior público possível, independentemente da circunstância e habilidade.Para cumprir isso, pretendemos aderir o mais estritamente possível às Diretrizes de Acessibilidade de Conteúdo da Web 2.1 do World Wide Web Consortium (W3C) (WCAG 2.1) em nível de AA. Essas diretrizes explicam como tornar o conteúdo da web acessível para pessoas com uma ampla variedade de deficiências. O cumprimento dessas diretrizes nos ajuda a garantir que o site seja acessível para todas as pessoas: cegos, pessoas com deficiência motora, deficiência visual, deficiência cognitiva e muito mais. Este site utiliza várias tecnologias com o objetivo de torná-lo o mais acessível possível em todos os momentos. Utilizamos uma interface de acessibilidade que permite que pessoas com deficiências para ajustar a IU do site (interface de usuário) e projetá-la de acordo com suas necessidades pessoais. Além disso, o site utiliza um aplicativo baseado em IA que é executado em segundo plano e otimiza seu nível de acessibilidade constantemente. Este aplicativo corrige o HTML do site, adapta sua funcionalidade e comportamento para leitores de tela usados ​​por usuários cegos e para funções do teclado usados ​​por pessoas com deficiência motora. Se você encontrou um problema de funcionamento ou tem ideias para melhorias, ficaremos felizes em ouvir de você. Você pode entrar em contato com os operadores do site usando o seguinte email info@jornal140.com

    Leitor de tela e navegação por teclado

    Nosso site implementa a técnica de atributos ARIA (Accessible Rich Internet Applications), juntamente com várias mudanças comportamentais diferentes, para garantir que usuários cegos visitem leitores de tela são capazes de ler, compreender e desfrutar das funções do site. Assim que um usuário com um leitor de tela entra em seu site, ele recebe imediatamente um prompt para inserir o perfil de leitor de tela para que possam navegar e operar seu site com eficácia. Veja como nosso site cobre alguns dos requisitos mais importantes do leitor de tela, junto com as capturas de tela do console de exemplos de código: 1. Otimização do leitor de tela: executamos um processo em segundo plano que aprende os componentes do site de cima para baixo, para garantir a conformidade contínua, mesmo durante a atualização do site. Nesse processo, fornecemos aos leitores de tela dados significativos usando o conjunto de atributos ARIA. Por exemplo, fornecemos rótulos de formulário precisos; descrições de ícones acionáveis ​​(ícones de mídia social, ícones de pesquisa, ícones de carrinho, etc.); orientação de validação para entradas de formulário; funções de elemento, como botões, menus, diálogos modais (pop-ups), e outros. Além disso, o processo de plano de fundo verifica todas as imagens do site e fornece uma descrição baseada no reconhecimento de objeto de imagem precisa e significativa como uma tag ALT (texto alternativo) para imagens não descritas. Também extrairá textos que estão embutidos na imagem, usando uma tecnologia OCR (reconhecimento óptico de caracteres). Para ativar os ajustes do leitor de tela a qualquer momento, os usuários precisam apenas pressionar a combinação Alt + 1 do teclado. Os usuários de leitores de tela também recebem anúncios automáticos para ativar o modo de leitor de tela assim que entram no site. Esses ajustes são compatíveis com todos os leitores de tela populares, incluindo JAWS e NVDA. 2. Otimização da navegação pelo teclado: o processo em segundo plano também ajusta o HTML do site e adiciona vários comportamentos usando o código JavaScript para tornar o site operável pelo teclado. Isso inclui a capacidade de navegar no site usando as teclas Tab e Shift + Tab, operar menus suspensos com as teclas de seta, fechá-los com Esc, acionar botões e links usando a tecla Enter, navegar entre os elementos de rádio e caixa de seleção usando as teclas de seta e preencha-os com a barra de espaço ou a tecla Enter. Além disso, os usuários do teclado encontrarão menus de navegação rápida e pular conteúdo, disponíveis a qualquer momento clicando em Alt + 1 ou como os primeiros elementos do site enquanto navegam com o teclado. O processo em segundo plano também lida com pop-ups acionados movendo o foco do teclado em direção a eles assim que aparecem, e não permite que o foco seja desviado para fora dele. Os usuários também podem usar atalhos como “M” (menus), “H” (títulos) , “F” (formulários), “B” (botões) e “G” (gráficos) para pular para elementos específicos.

    Perfis de deficiência com suporte em nosso site

    Modo de segurança para epilepsia: este perfil permite que pessoas com epilepsia usem o site com segurança, eliminando o risco de convulsões que resultam de animações piscando ou piscando e combinações de cores arriscadas. Modo para Deficientes Visuais: este modo ajusta o site para a conveniência dos usuários com deficiências visuais, como Visão Degradante, Visão em Túnel, Catarata, Glaucoma e outros. Modo de deficiência cognitiva: este modo oferece diferentes opções de assistência para ajudar os usuários com deficiências cognitivas, como dislexia, autismo, AVC e outros, a se concentrar nos elementos essenciais do site com mais facilidade. Modo amigável com TDAH: este modo ajuda os usuários com TDAH e distúrbios do neurodesenvolvimento a ler, navegar e se concentrar nos principais elementos do site com mais facilidade, reduzindo significativamente as distrações. Modo de cegueira: este modo configura o site para ser compatível com leitores de tela, como JAWS, NVDA, VoiceOver e TalkBack. Um leitor de tela é um software para usuários cegos que é instalado em um computador e smartphone, e os sites devem ser compatíveis com ele. Perfil de navegação do teclado (com deficiência motora): este perfil permite que pessoas com deficiência motora operem o site usando as teclas Tab, Shift + Tab e Enter do teclado. Os usuários também podem usar atalhos como “M” (menus), “H” (títulos), “F” (formulários), “B” (botões) e “G” (gráficos) para pular para elementos específicos.

    Ajustes adicionais de interface do usuário, design e legibilidade

    Ajustes de fonte - os usuários podem aumentar e diminuir seu tamanho, alterar sua família (tipo), ajustar o espaçamento, alinhamento, altura da linha e muito mais. Ajustes de cores - os usuários podem selecionar vários perfis de contraste de cores, como claro, escuro, invertido e monocromático. Além disso, os usuários podem trocar esquemas de cores de títulos, textos e planos de fundo, com mais de 7 opções de cores diferentes. Animações - usuários epilépticos podem interromper todas as animações em execução com o clique de um botão. As animações controladas pela interface incluem vídeos, GIFs e transições de flashing CSS. Destaque de conteúdo - os usuários podem escolher enfatizar elementos importantes, como links e títulos. Eles também podem escolher destacar apenas elementos focalizados ou pairados. Silenciador de áudio - usuários com aparelhos auditivos podem sentir dores de cabeça ou outros problemas devido à reprodução automática de áudio. Esta opção permite aos usuários silenciar todo o site instantaneamente. Transtornos cognitivos - utilizamos um mecanismo de busca vinculado à Wikipedia e ao Wikcionário, permitindo que pessoas com transtornos cognitivos decifrem o significado de frases, iniciais, gírias e outros. Funções adicionais - oferecemos aos usuários a opção de alterar a cor e o tamanho do cursor, usar um modo de impressão, ativar um teclado virtual e muitas outras funções.

    Compatibilidade de navegador e tecnologia assistiva

    Nosso objetivo é oferecer suporte à mais ampla variedade de navegadores e tecnologias assistivas possíveis, para que nossos usuários possam escolher as ferramentas mais adequadas para eles, com o mínimo de limitações possível. Portanto, temos trabalhado muito para poder oferecer suporte a todos os principais sistemas que abrangem mais de 95% da participação de mercado do usuário, incluindo Google Chrome, Mozilla Firefox, Apple Safari, Opera e Microsoft Edge, JAWS e NVDA (leitores de tela), ambos para Windows e para usuários de MAC.

    Notas, comentários e feedback

    Apesar dos nossos melhores esforços para permitir que qualquer pessoa ajuste o site às suas necessidades, ainda podem existir páginas ou seções que não estão totalmente acessíveis, estão em vias de se tornar acessíveis ou carecem de uma solução tecnológica adequada para torná-las acessíveis. Ainda assim, estamos continuamente melhorando nossa acessibilidade, adicionando, atualizando e melhorando suas opções e recursos, e desenvolvendo e adotando novas tecnologias. Tudo isso para atingir o nível ideal de acessibilidade, acompanhando os avanços tecnológicos. Para obter ajuda, entre em contato com info@jornal140.com
    Este site usa cookies. Ao continuar a usar este site, você concorda com o uso de cookies. Para saber mais, visite nossa política de privacidade.