Personalmente, non trovo questi elementi troppo piccoli su mobile. Infatti, tocco frequentemente categoria e tag nell’elenco degli argomenti, solo per ritrovarmi invece nel titolo dell’argomento, dovendo ripetere la stessa azione, che alla fine mi porta alla vista della categoria/tag.
Ci sono effettivamente link sui tag nella visualizzazione mobile, ma cliccarci sopra non funziona.
Avere il cursore e cliccarci sopra a volte apre l’argomento sottostante:
Penso che l’intera modifica di @awesomerobot sia sovrascrivibile tramite CSS. Forse prova un componente a tema sul tuo sito per qualche settimana e poi riferisci quale modifica CSS raccomandi?
Ho già provato questo in un componente tema utilizzando il CSS sopra, ma non sembrava funzionare.
Il mio server di produzione non è ancora aggiornato all’ultima versione e sia la categoria che i tag non sono toccabili lì.
Ma ho anche provato questo sullo staging utilizzando l’ultima build e qualcosa deve essere cambiato di recente, perché la categoria è toccabile ora, ma i tag no.
Per una questione di coerenza, saresti d’accordo sul fatto che entrambi gli elementi svolgono funzioni simili e dovrebbero funzionare allo stesso modo fin da subito?
Naturalmente, non mi dispiacerebbe risolvere questo problema usando il CSS, ma non sembra funzionare per me (ho provato sia sulla produzione che sullo staging).
Sembra che qualcosa possa essere regredito… quello che vedo ora su iOS è che le categorie cliccano sulla pagina della categoria e i tag sono una zona morta (quindi non cliccano nemmeno sull’argomento). Posso indagare su questo. Anche quel CSS è obsoleto… al momento sarebbe (aggiornerò quel post):
Comprendo assolutamente il desiderio di coerenza, ma è molto facile toccare accidentalmente una categoria o un tag invece di un argomento, o toccare la categoria/tag sbagliato… ed è un’esperienza particolarmente negativa nell’elenco degli argomenti in cui entrare in un argomento è l’azione principale.
La dimensione minima consigliata per un elemento toccabile su un dispositivo mobile è generalmente di circa 45px quadrati, e dovremmo quasi raddoppiare l’altezza di categorie e tag per arrivarci. Questo è possibile se categorie e tag sono limitati a una singola riga, ma molti siti hanno abbastanza contenuti qui perché vada a capo… e uno spazio come questo non sarebbe ottimale:
Potrei immaginare di ridisegnare categorie e tag per utilizzare una sorta di stile più simile a un pulsante per garantire dimensioni di tocco adeguate, ma sarebbe un grande cambiamento che vorremmo implementare in tutto Discourse.
Grazie per il CSS aggiornato, funziona sull’ultima build.
Stranamente, questa non è affatto la mia esperienza su mobile. Forse è a causa del mio uso della mano destra, ma ho sempre trovato molto più difficile toccare il titolo dell’argomento rispetto a qualsiasi altro elemento.
Uso principalmente il pollice destro per navigare ed è quasi impossibile toccare accidentalmente categorie e persino tag la maggior parte delle volte, ma toccare il titolo stesso a volte lo è (a causa dell’allineamento a sinistra del testo e dell’interruzione di riga dovuta alla larghezza ridotta dello schermo, c’è per lo più spazio negativo a destra).
Fortunatamente, il componente tema argomento cliccabile ha notevolmente migliorato la navigazione su mobile per me, dove ora uso quasi esclusivamente lo spazio negativo nell’elenco degli argomenti per navigare all’argomento stesso, e uso gli elementi di categoria e tag per filtrare rapidamente alla vista di categoria o tag (solo per essere sorpreso, ancora e ancora, che non funzioni ).
Non sono sicuro se questo sia correlato alle dimensioni dello schermo, ma il mio cellulare ha uno schermo inferiore a 6 pollici e non ho mai avuto problemi a mirare a quegli elementi.
E quando si è nell’argomento stesso, c’è ancora meno spazio tra il titolo dell’argomento e gli elementi di categoria e tag, e toccarli è sempre stato abilitato lì.
).