Melhorando a troca automática de modos mobile/desktop

Dev
1

Historicamente, o Discourse tinha duas visualizações distintas para dispositivos móveis e desktops. Ao longo dos anos, elas tenderam a convergir para um design mais moderno baseado na largura da viewport. Esses padrões modernos estão documentados aqui.

Na última versão do Discourse, estamos substituindo a detecção de modos móvel/desktop baseada no user-agent, em favor de uma solução puramente baseada na largura da viewport. Isso tornará as coisas muito mais intuitivas para usuários e desenvolvedores. Em particular, esta é uma melhoria significativa para usuários de tablets, que nunca se encaixaram realmente em nenhum dos modos antigos.

Todo o código existente que referencia mobileView/desktopView em templates/JS, ou .mobile-view/.desktop-view em CSS, continuará funcionando. Esses booleanos de JS e classes de CSS agora são alterados automaticamente com base na largura do navegador.

Da mesma forma, folhas de estilo dedicadas para dispositivos móveis/desktops agora são carregadas com um atributo media=, para que se apliquem apenas a larguras de viewport específicas.

Essencialmente: “modo móvel” é agora um alias para “largura do navegador é menor que 40rem”.

Inicialmente, essa mudança pode ser revertida alternando a configuração do site “viewport based mobile mode” para false. No entanto, essa configuração será removida em um futuro próximo. Portanto, se você achar necessário usá-la, por favor, nos informe o motivo.

Como sempre, por favor, nos informe se tiver alguma dúvida ou feedback abaixo.

13 curtidas
2

Tive que desmarcar, pois atualizações recentes mostram a visualização móvel em telefones dobráveis quando dobrados e a visualização de desktop quando totalmente abertos.

1 curtida
3

Os telefones dobráveis são um dos motivos pelos quais fizemos essa alteração. O feedback que recebemos em outros lugares é que os telefones dobráveis devem mostrar mais na tela quando desdobrados. Mostrar a ‘visualização da área de trabalho’ lá é intencional.

Existe alguma parte específica da interface do usuário que não funcionou bem quando o telefone foi desdobrado?

3 curtidas
4

O tamanho da fonte diminui, clicar em um tópico ou categoria muda de tocar em qualquer lugar da linha inteira (celular) para ter que tocar no texto (desktop), o Menu vai de um menu suspenso (celular) para ocupar 1/3 da tela à esquerda (desktop), apagando qualquer ganho de tamanho de tela. Estes são apenas alguns exemplos imediatos. Reunirei mais feedback dos usuários com tablets.

3 curtidas
5

Acabamos de atualizar para a versão mais recente e começamos a receber reclamações dos usuários até que percebi que precisava desmarcar a configuração de administrador viewport based mobile mode. Um número substancial de nossos membros mais antigos da comunidade prefere visualizar tópicos por categoria, então temos um link de navegação para ?mobile_view=1. Haverá alguma maneira de dar a eles essa opção depois que a configuração de administrador for removida?

6

A configuração viewport based mobile mode será removida em breve e ?mobile_view=1 deixará de funcionar. Portanto, se você puder coletar feedback mais específico dos usuários (ou direcioná-los para cá para compartilhá-lo), isso seria ótimo.

4 curtidas
7

Se ainda não estiver configurado, definir o site para Estilo da página de categoria da área de trabalho para Categorias com tópicos em destaque deixará o layout mais parecido com a visualização de categorias do celular (mostra as categorias com alguns tópicos cada).

Os indivíduos também podem ir às preferências de sua conta /my/preferences/interface e definir sua configuração “Página inicial padrão” para categories

image
image494×482 10.8 KB

2 curtidas
8

Um layout de site deve ser intuitivo, como administrador, não preciso direcionar nenhum usuário para nenhuma página, eles devem ser capazes de encontrá-la honestamente, mas os humanos são engraçados e gostam das coisas como estão.

Não tenho muita certeza do porquê, mas isso parece APRESSADO. A mudança foi imposta a todos nas últimas semanas. Quão em breve é “em breve”?

Eu entendo, as coisas mudam, mas quando você literalmente nos dá uma caixa de seleção para reativar um recurso que fez o site parecer consistente por anos e diz “Se você achar necessário desativá-lo, por favor, nos avise no Meta”, espere feedback que pode não se alinhar com o processo de pensamento para remover o referido recurso.

A interface do usuário deve ser consistente entre ter meu telefone dobrado e aberto. Eu literalmente abro meu telefone para digitar uma resposta ou ver uma imagem maior e agora a maneira como devo interagir com os sites é diferente.

Nem vamos entrar no ódio que recebi dos usuários pelo Editor Markdown, ou por ele ter sido reativado com a atualização da semana passada depois de ter sido desativado no admin na atualização anterior.

9

Acredito que seja para reduzir a sobrecarga. Não posso tirar uma captura de tela do fórum porque lidamos com informações confidenciais, mas há muito mais desordem no modo Categorias com tópicos em destaque na visualização de desktop em comparação com a página de categorias na visualização móvel.

1 curtida