Miglioramento del passaggio automatico tra modalità mobile/desktop

Sviluppatore
1

Storicamente, Discourse ha avuto due viste distinte per dispositivi mobili e desktop. Nel corso degli anni, queste tendono a convergere verso un design più moderno basato sulla larghezza della viewport. Questi pattern moderni sono documentati qui.

Nell’ultima versione di Discourse, stiamo sostituendo il rilevamento delle modalità mobile/desktop basato sull’user-agent, a favore di una soluzione puramente basata sulla larghezza della viewport. Ciò renderà le cose molto più intuitive per utenti e sviluppatori. In particolare, questo è un miglioramento significativo per gli utenti di tablet, che non si sono mai adattati veramente a nessuna delle vecchie modalità.

Tutto il codice esistente che fa riferimento a mobileView/desktopView nei template/JS, o a .mobile-view/.desktop-view nel CSS, continuerà a funzionare. Quei booleani JS e classi CSS ora vengono modificati automaticamente in base alla larghezza del browser.

Allo stesso modo, i fogli di stile dedicati per dispositivi mobili/desktop vengono ora caricati con un attributo media=, in modo che si applichino solo a specifiche larghezze della viewport.

Essenzialmente: la “modalità mobile” è ora un alias per “la larghezza del browser è inferiore a 40rem”.

Inizialmente, questa modifica può essere annullata attivando l’impostazione del sito “viewport based mobile mode” su false. Tuttavia, questa impostazione verrà rimossa nel prossimo futuro. Quindi, se trovi la necessità di usarla, faccelo sapere il motivo.

Come sempre, faccelo sapere se hai domande o feedback qui sotto.

13 Mi Piace
2

Ho dovuto deselezionare poiché gli aggiornamenti recenti mostrano la visualizzazione mobile sui telefoni pieghevoli quando sono piegati e la visualizzazione desktop quando sono completamente aperti.

1 Mi Piace
3

I telefoni pieghevoli sono uno dei motivi per cui abbiamo apportato questa modifica. Il feedback che abbiamo ricevuto altrove è che i telefoni pieghevoli dovrebbero mostrare di più sullo schermo quando vengono aperti. Mostrare la “vista desktop” lì è intenzionale.

C’è una parte specifica dell’interfaccia utente che non ha funzionato bene quando il telefono è stato aperto?

3 Mi Piace
4

La dimensione del carattere diminuisce, fare clic su un thread o una categoria cambia dal toccare ovunque sull’intera riga (mobile) al dover toccare sul testo (desktop), il menu passa da un menu a discesa (mobile) a occupare 1/3 dello schermo a sinistra (desktop), cancellando così qualsiasi guadagno in termini di dimensioni dello schermo. Questi sono solo alcuni esempi. Raccoglierò ulteriori feedback dagli utenti con tablet.

3 Mi Piace
5

Abbiamo appena effettuato l’aggiornamento alla versione più recente e abbiamo iniziato a ricevere lamentele dagli utenti finché non mi sono reso conto che dovevo deselezionare l’impostazione dell’amministratore viewport based mobile mode. Un numero considerevole dei nostri membri più anziani della community preferisce visualizzare gli argomenti per categoria, quindi abbiamo un link di navigazione a ?mobile_view=1. Ci sarà un modo per offrire loro quell’opzione una volta rimossa l’impostazione dell’amministratore?

6

L’impostazione viewport based mobile mode verrà rimossa a breve e ?mobile_view=1 smetterà di funzionare. Quindi, se riesci a raccogliere feedback più specifici dagli utenti (o a indirizzarli qui per condividerli), sarebbe fantastico.

4 Mi Piace
7

Se non è già così, impostare il sito su Stile pagina categoria desktop su Categorie con argomenti in primo piano renderà il layout molto simile alla visualizzazione delle categorie su dispositivi mobili (mostra le categorie con alcuni argomenti ciascuna).

Gli utenti possono anche andare nelle preferenze del loro account /my/preferences/interface e impostare la loro impostazione “Pagina iniziale predefinita” su categorie

image
image494×482 10.8 KB

2 Mi Piace
8

Un layout del sito dovrebbe essere intuitivo, come amministratore non dovrei aver bisogno di indirizzare alcun utente a nessuna pagina, dovrebbero semplicemente essere in grado di trovarla onestamente, ma gli esseri umani sono strani e amano le cose come sono.

Non sono del tutto sicuro del perché, ma questo sembra AFFRETTATO. La modifica è stata imposta a tutti nelle ultime settimane. Quanto presto è “presto”?

Capisco, le cose cambiano, ma quando ci dai letteralmente una casella di controllo per riattivare una funzionalità che ha reso il sito coerente per anni e dici “Se trovi la necessità di disattivarla, faccelo sapere su Meta”, aspettati un feedback che potrebbe non allinearsi al processo di pensiero per la rimozione di detta funzionalità.

L’interfaccia utente dovrebbe essere coerente tra il telefono piegato e aperto. Letteralmente apro il telefono per digitare una risposta o vedere un’immagine più grande e ora il modo in cui devo interagire con i siti è diverso.

Non parliamo nemmeno dell’odio che ho ricevuto dagli utenti per l’Editor Markdown, o per essere stato riattivato con l’aggiornamento della scorsa settimana dopo essere stato disabilitato nell’amministratore nell’aggiornamento precedente.

9

Credo sia per ridurre il sovraccarico. Non posso fare uno screenshot del forum perché gestiamo informazioni riservate, ma c’è molto più disordine nella modalità Categorie con argomenti in primo piano in visualizzazione desktop rispetto alla pagina delle categorie in visualizzazione mobile.

1 Mi Piace