Posts que são links externos
Closed this issue · 4 comments
Apesar da URL vir abaixo de um post do Órbita que é um link externo, frequentemente me frustro por clicar em um post e ser levado para uma página externa, enquanto achava que abriria uma postagem no próprio Órbita. Há uma boa prática de referenciar links externos, associando-os a um ícone, representado por uma seta diagonal apontando para cima (conforme referência). Por ser uma boa prática, acredito que associar esse tipo de iconografia aos links externos do Órbita seria proveitoso para as pessoas.
Talvez seja muito sutil, mas no Órbita, links externos exibem a raiz do domínio à frente do link, como neste caso:
Creio que a seta entre o título/link e a raiz do domínio do link deixaria as coisas meio sobrecarregadas — ainda mais quando for um link que tem link sem paywall e/ou tradução.
Acha a solução atual insuficiente, ou discreta demais, @lucas-per?
Para mim é insuficiente, pois me confundo bastante com o comportamento dessa interação com links externos no Órbita. E aí tem 2 coisas, a meu ver:
1) No desktop essa questão é mais bem resolvida, mas no mobile a URL fica abaixo do título:
2) Tem uma heurística de design que fala sobre "as pessoas passarem mais tempo fora da sua página, do que nela". Ela é sobre o benefício de se reproduzir padrões disseminados pela web. Como designer, apesar dessa referência a links externos por ícones ser uma boa prática, também pode ser um viés meu.
Mas acho mesmo que essa URL associada ao post, por si só, não deixa claro que algo ali é sobre ser levado para fora do Órbita. Na primeira vez que me deparei com ela, achei que era sobre algum conteúdo desta outra página estar reproduzido no próprio post. Mesmo aprendendo esse comportamento, ainda me pego passando batido por essa URL e sendo levado de surpresa para fora do Órbita.
E acho, sim, que vai ficar mais poluído. Talvez essa melhoria necessite de mais revisão do que havia imaginado...
Bons pontos, @lucas-per.
Fiz um commit com algumas mudanças comedidas. Basicamente, deixei o leiaute mobile idêntico ao de telas grandes, com a URL cinza, que indica link externo, na mesma linha do link/título. Dá para ver ao vivo no nosso staging.
Achou que melhorou?
Pior que achei que não resolve, viu... No mobile, a maioria das URLs continuam não ficando na mesma linha devido ao tamanho dos links:
Vou prototipar umas ideias. Se chegar a algo digno de ser compartilhado coloco aqui, tudo bem?