Impacto negativo do design web mobile-first no desktop

• Artigo sobre os efeitos negativos do design web mobile-first quando visualizado em dispositivos desktop, chamando esse fenômeno de "dispersão de conteúdo".
• A dispersão de conteúdo é o fenômeno em que o conteúdo de páginas web responsivas parece excessivamente grande e esticado em telas maiores de laptops ou desktops.
• Este artigo se baseia em uma pesquisa que combinou 13 testes qualitativos de usabilidade com entrevistas semiestruturadas.
• O estudo constatou que a dispersão de conteúdo em dispositivos com telas grandes aumenta a carga cognitiva e o custo de interação, dificulta a compreensão do conteúdo e provoca frustração nos usuários.
• A dispersão de conteúdo é resultado de algumas tendências de design, como mobile-first, minimalismo e imagens grandes, que frequentemente criam páginas com baixa densidade informacional.
• Entre os efeitos negativos do conteúdo disperso estão o aumento do comprimento da página e do custo de interação, o aumento da carga cognitiva, a dificuldade de construir um modelo conceitual da página, o aumento da frustração e a queda da credibilidade.
• O artigo também destaca efeitos positivos do conteúdo disperso, incluindo fazer com que os usuários se concentrem em um único conteúdo enfatizado por vez e limitar a percepção de sobrecarga de informação.
• Os autores recomendam avaliar como o design é renderizado no desktop, avaliar o valor agregado pelas imagens, agrupar conteúdos importantes e relacionados no mesmo viewport, evitar interações e elementos de design específicos de mobile e entender em que situações a dispersão pode ser usada estrategicamente.
• Os autores concluíram que páginas desktop minimalistas com conteúdo disperso podem limitar distrações e direcionar a atenção para pontos principais, mas páginas inteiras que adotam design mobile-first, minimalista e centrado em imagens criam problemas de usabilidade no desktop.

[GN⁺]

Comentários do Hacker News

• Artigo sobre os efeitos negativos do design web mobile-first.
• O termo "Hinternet" foi criado pela primeira vez em 2007 para descrever uma internet elegante e que agregava valor, em contraste com uma internet cheia de banners pop-up e spam.
• "Hinternet" agora é a forma predominante da internet em que muitos serviços essenciais são projetados com prioridade para mobile, frequentemente usando tecnologias que não funcionam em plataformas abertas.
• A mudança para o design mobile-first parece ser um sintoma de um problema maior: a internet se tornar uma paisagem distópica de integração vertical da informação.
• O desenvolvimento frontend é considerado a parte mais difícil da stack, exigindo conhecimento profundo de HTML, CSS e das Web APIs compatíveis.
• O problema não é apenas mobile-first versus desktop, mas o fato de os designers não entenderem que o conteúdo web deve ser dinâmico e adaptável ao tamanho e ao formato do dispositivo de exibição do usuário.
• O uso de menus hambúrguer e hieróglifos é adequado para mobile, mas é considerado uma escolha ruim de design no desktop, onde pode adicionar etapas desnecessárias e causar confusão.
• Muitos sites alteram a UI conforme o redimensionamento da janela, o que pode torná-la inutilizável quando a janela é ajustada para ocupar metade do monitor.
• A ausência, no design mobile-first, de uma funcionalidade de toque equivalente ao hover é considerada uma perda importante.
• O conceito de UX "Hero" é criticado pelo uso excessivo em landing pages, frequentemente fazendo com que os usuários precisem rolar e clicar por conteúdo de marketing para encontrar informações relevantes.
• A obsessão da indústria por frameworks JavaScript e telas mobile-first fez com que alguns web designers voltassem a focar principalmente em design gráfico.
• O artigo termina afirmando que o web designer não concorda com as críticas e sustenta que conteúdo simples por tela funciona melhor e é visualmente mais fácil de analisar.