Lezione 10Mobile first come strategia sostenibile
- Nozione 63 - Che cos'è l'approccio mobile-first?
- Nozione 64 - Perché l'approccio mobile-first è una strategia di design più sostenibile?
- Nozione 65 - Alcune domande importanti da prendere in considerazione quando si progetta un sito web mobile-first
- Nozione 66 - Vincoli e consigli utili per il mobile-first
- Nozione 67 - Revisione
Nozione 67
Revisione
competenza target
Con i grain 63, 64, 65 e 66 abbiamo avuto l'opportunità di conoscere l'approccio mobile-first.
Di seguito un quiz di 10 domande che metterà alla prova le tue conoscenze su questo argomento.
Quale affermazione è corretta quando si crea un sito web sostenibile?
Ottimo lavoro!
Iniziare la progettazione e lo sviluppo del sito dalla versione mobile porta inevitabilmente i programmatori a eliminare gli elementi non necessari per il sito. Di conseguenza, il client carica meno pagine, consumando meno energia.
Quali di questi criteri *non* sono quelli definiti da Google per un sito web mobile-friendly?
Ottimo lavoro!
Attenzione! Il controllo del mouse non esiste ancora sui cellulari. Non è quindi consigliabile aggiungere questo tipo di interazione al vostro sito web.
Quale dovrebbe essere la velocità massima di caricamento di un sito web?
Ottimo lavoro!
La velocità del tuo sito mobile è fondamentale perché se il tuo sito non funziona bene, se impiega più di tre secondi per caricarsi, gli utenti tendono ad abbandonare il sito. Ad esempio, il 79% degli acquirenti è meno propenso ad acquistare da un sito con prestazioni scadenti. Ecco perché l'eliminazione di qualsiasi elemento superfluo dagli elementi mobili gioca a vostro favore.
L'inventario dei contenuti filtra quelli più importanti per il wireframing.
Ottimo lavoro!
Attenzione! Non significa eliminare le informazioni, ma riordinare le informazioni in contenuti primari, secondari e terziari.
Quale di queste affermazioni sono vere?
Ottimo lavoro!
Testa frequentemente i tuoi progetti e il codice su schermi di piccole dimensioni. I simulatori e i motori di ricerca del desktop non possono sostituire i dispositivi reali.
Che cos'è il menu hambirger?
Ottimo lavoro!
Si tratta di un modo riconoscibile per l'utente di accedere agli elementi secondari. Gli utenti di solito passano attraverso il menu hamburger per trovare ciò che cercano sul tuo sito web.
Qual è lo scopo del processo di progettazione mobile-first?
Ottimo lavoro!
Il contenuto è fondamentale quando si parla di design per dispositivi mobili. È l'elemento più importante che deve essere visibile agli utenti, poiché lo spazio sugli schermi piccoli è limitato.
Cosa puoi fare con il tuo codice per migliorare la prestazione del tuo sito web mobile-first?
Ottimo lavoro!
Consolidare e ridurre i file CSS e JavaScript. Limitare o rimuovere le dipendenze da librerie Javascript pesanti, soprattutto se sono utilizzate solo per una o due funzioni.
I pulsanti indietro sono necessari per il vostro design mobile-first.
Ottimo lavoro!
La stragrande maggioranza dei telefoni cellulari dispone già di un tasto indietro fisico. Pertanto, l'aggiunta di un altro pulsante "indietro" non è essenziale. Se volete comunque fornire agli utenti un modo rapido per salire di livello nel vostro sito, prendete in considerazione un'etichetta diversa da "indietro".
Qual è la dimensione ideale degli obiettivi tattili secondo Microsoft?
Ottimo lavoro!
Microsoft raccomanda bersagli tattili di 9 mm, una dimensione minima di 7 mm e una distanza minima tra le azioni di 2 mm. Azioni non correttamente dimensionate e distanziate possono indurre gli utenti a premere i bersagli sbagliati.