Logica di visualizzazione su dispositivi mobili

Oggi la maggior parte degli utenti visita le pagine dei risultati su dispositivi mobili. Ecco perché è importante comprendere la logica di visualizzazione di my.raceresult.com su dispositivi mobili, per impostare i risultati per una visualizzazione ottimale su questi.

Quando lo schermo diventa troppo piccolo per visualizzare tutti i dati, i campi scompaiono uno a uno dal secondo campo a destra. Abbiamo basato questa logica di visualizzazione sul presupposto che l'ultima colonna in genere contiene il tempo, motivo per cui viene sempre visualizzata.

Ecco un esempio di come la visualizzazione dei risultati si evolve quando lo schermo si restringe.

Quando lo schermo è abbastanza largo, vengono visualizzati tutti i campi:

Quando lo schermo si restringe, i campi scompaiono uno per uno. I menu a discesa passano anche a un layout più mobile-friendly. I campi nascosti sono accessibili facendo clic su un partecipante. Un ulteriore clic sul partecipante porta l'utente alla finestra dei dettagli.

A volte potresti voler visualizzare un campo all'estrema destra che non è il tempo finale, ad esempio uno spazio vuoto, ma vuoi comunque visualizzare sempre il tempo finale. In alternativa, potresti voler avere un maggiore controllo sull'ordine in cui i campi sono nascosti.

Nelle opzioni avanzate per ciascun campo nell'output, è ora possibile selezionare tra tre impostazioni: Nascondi colonna (per ultimo), Automatica o Nascondi colonna (per primo).

Per impostazione predefinita, tutti i campi sono impostati su Automatico. Se si seleziona un'impostazione diversa per campi diversi, verrà applicata la stessa logica di ordine, ma all'interno dei gruppi: man mano che lo schermo si restringe, i campi impostati su Nascondi colonna (per primo) inizieranno a scomparire da destra a sinistra, con quello all'estrema destra che scomparirà per ultimo nel gruppo, quindi i campi impostati su Automatico scompariranno seguendo la stessa logica, e infine i campi impostati su Nascondi colonna (per ultimo).

Ecco lo stesso elenco di cui sopra, questa volta con un intervallo di tempo per illustrare le impostazioni:

I tempi degli intermedi, la società e la nazione sono impostati su Nascondi colonna (per primo), il gap in Automatico e la posizione, pettorale, nome e tempo finale in Nascondi colonna (per ultimo).

In questo modo gli intermedi, la nazione e la bandiera scompaiono per prime, mentre il gap rimane visibile fino a quando non rimane più spazio per visualizzarlo con tutti i campi che vogliamo invece che vengano sempre visualizzati: