A sua miniatura num telemóvel

O pressuposto está ao contrário

Desenha para o telemóvel, diz o conselho, porque é aí que tudo é pequeno. É meia verdade, de uma forma que esconde a metade mais útil: o ficheiro entregue a um telemóvel é de facto modesto, mas a *fatia do ecrã do espectador* que a sua miniatura ali ocupa é a maior que consegue em qualquer lado.

Isto é mensurável, porque o mock desta ferramenta reproduz o layout do YouTube em tamanhos de viewport reais. Carreguei-o em três tamanhos comuns de telemóvel e dois de computador e medi, para cada superfície, o tamanho a que a miniatura é desenhada, que fatia do ecrã isso é, e quantos elementos cabem num ecrã.

O que um ecrã contém de facto

A fatia de ecrã é a área da miniatura em relação ao viewport inteiro. Os elementos por ecrã contam o que cabe abaixo da barra do navegador — inteiros e parciais, porque um cartão meio visível continua a ser um cartão a competir pelo próximo deslize.

Os números do telemóvel aguentam-se entre tamanhos: 16,0% num iPhone SE de 375 de largura, 14,7% num iPhone 14 de 390, 16,5% num Android de 412. Não é a esquisitice de um aparelho: é o que faz um feed de coluna única.

Três a quatro vezes mais ecrã

Um cartão do feed no telemóvel leva 14,7% do ecrã; o mesmo cartão numa grelha de computador leva 5,2% num portátil e 3,3% num monitor de 1920. O seu desenho recebe entre três e quatro vezes e meia mais campo de visão no aparelho que a maioria está a usar.

Há uma segunda diferença no mesmo sentido. No telemóvel os resultados de pesquisa são o mesmo cartão do feed — mesma largura, mesma altura, um por linha — enquanto no computador a pesquisa passa a uma linha larga e a página inicial continua uma grelha. Portanto no telemóvel duas das três superfícies são a grande.

E um terço dos vizinhos

Um ecrã de telemóvel contém 3,6 cartões do feed. Um portátil contém 8,5 e um computador de 1920 contém 10,3, três por linha. Mesmo feed, mesmos vídeos, situação competitiva completamente diferente: no computador um espectador compara dez coisas ao mesmo tempo, no telemóvel encontra três, depois mais três, depois mais três.

É a diferença entre simultâneo e sequencial. Uma grelha de computador é uma comparação: uma linha de dez em que o olho escolhe a que difere. Um feed de telemóvel é uma sequência de decisões, cada uma tomada contra o que está no ecrã naquele momento e contra o que o espectador guarda de um segundo antes.

O que muda o significado de «destacar-se»

Quase todo o conselho sobre miniaturas é conselho de computador sem etiqueta. Destaca-te na linha, sê a célula clara entre as escuras, sê diferente do teu nicho: tudo isso pressupõe que a linha é visível de uma vez, o que no telemóvel não é.

A versão para telemóvel do mesmo objectivo parece-se mais com: sê legível e completa sozinha. Uma miniatura que só funciona como contraste com as vizinhas não tem com o que contrastar três quartos do tempo. Uma que declara o seu assunto com clareza funciona nas duas situações, e é por isso que as medições do guia sobre destacar-se são um piso e não uma estratégia: ser diferente é necessário numa grelha e insuficiente numa sequência.

Onde o telemóvel é mesmo o caso pequeno

Uma superfície do telemóvel é realmente minúscula, e não é o feed. A lista de sugeridos por baixo de um vídeo em reprodução é desenhada a 143 × 80 — 3,5% do ecrã, oito por ecrã — o que em termos absolutos é mais pequeno do que qualquer coisa no computador, tirando a própria coluna de sugeridos do computador.

É daí que vêm os pisos duros. O limite de 61 caracteres de título medido no guia sobre o par miniatura–título está ali, e a regra do tamanho da cabeça do guia sobre rostos pede mais de metade da altura do enquadramento exactamente nestas duas colunas. O feed do telemóvel é generoso; a lista de sugeridos do telemóvel é a superfície mais severa em que um espectador o vai pôr.

E o ficheiro também não é a parte pequena

Um cartão do feed no telemóvel tem 293 píxeis CSS de largura, o que nos ecrãs 2× e 3× que os telemóveis realmente têm significa de 586 a 879 píxeis físicos. O YouTube serve ficheiros feitos à medida do espaço, portanto o que chega ali é um dos recortes maiores — não os 168 × 94 que um sugerido de computador recebe.

Portanto o caso comprimido e pobre em detalhe medido no guia sobre miniaturas desfocadas é a coluna de sugeridos, em qualquer dos dois aparelhos. O feed do telemóvel é a superfície onde a qualidade da sua exportação mais se vê, e onde uma fonte mole ou ruidosa se nota primeiro. A largura mínima que torna isso verdade está nos requisitos de miniatura do YouTube.

Um ecrã é um deslize

O passo vertical de um cartão de telemóvel para o seguinte é de 220 píxeis num ecrã de 390 de largura, contra uma altura de ecrã de 844. Três cartões e meio, e um único gesto normal de deslocamento substitui-os a todos.

A geometria não diz quanto tempo um espectador olha — ninguém pode medi-lo a partir de um layout — mas diz qual é a unidade da decisão. No computador a unidade é uma grelha que o olho varre; no telemóvel é um cartão que chega, é julgado e vai-se embora. O que quer que a sua miniatura tenha a dizer, di-lo naquela janela, sozinha, a 293 píxeis de largura.

O que a geometria premeia

Nada disto contradiz os pisos medidos noutros guias; muda-lhes a ordem de prioridade. A legibilidade isolada ganha ao contraste com os vizinhos, porque o isolamento é a condição por omissão do telemóvel. Texto suficientemente grande para ser lido sem comparação, um assunto que se identifica sozinho, e uma palete que não precisa do vídeo ao lado para parecer deliberada.

E porque o mesmo ficheiro vai também para uma grelha de computador e duas colunas de sugeridos, o desenho tem de sobreviver às duas situações ao mesmo tempo. Não é tanto um compromisso como uma ordem: faça-o funcionar a 143 × 80 na lista de sugeridos e a 293 × 165 no telemóvel, e a grelha de computador — que está no meio em tamanho e dá mais tempo ao espectador — resolve-se sozinha.

A única decisão verdadeiramente só-telemóvel é quanto se apoia no título. No telemóvel o título fica logo por baixo da miniatura com a mesma largura; numa coluna de sugeridos de computador é uma tira de 138 píxeis ao lado. No telemóvel o par lê-se como uma unidade de um modo que não acontece em mais lado nenhum.

A verificação, no aparelho que interessa

Todos os números acima saíram da mesma ferramenta em que este guia está, e que tem um selector de aparelho exactamente por isto: a vista de telemóvel não é uma vista de computador encolhida, é um layout diferente com uma aritmética diferente.

Portanto a verificação são dois cliques na ferramenta de pré-visualização: o feed do telemóvel, onde a sua miniatura está no seu maior e mais sozinha, e depois a lista de sugeridos do telemóvel, onde está no seu menor. Se aguenta nas duas, as superfícies de computador já estão cobertas.

O que esta medição é e não é

São medições em píxeis CSS do layout web do YouTube, reproduzido nesta ferramenta, nos tamanhos de viewport de telemóveis comuns. As aplicações nativas usam as suas próprias métricas e diferem uns píxeis para um lado ou para o outro; a forma do resultado — uma coluna, um cartão que é um sexto do ecrã, três e meio por ecrã — é a mesma nas duas.

A densidade de píxeis do aparelho afecta o ficheiro entregue, não o layout: um telemóvel 3× recebe um ficheiro maior para o mesmo cartão de 293 píxeis. E «elementos por ecrã» conta o que é geometricamente visível, que é um facto sobre o layout e não sobre a atenção. O que um espectador nota nesse espaço não é coisa a que uma medição da interface possa responder.

As perguntas que todos fazem