Il movimento Mobile First è alle porte e ora è il momento di aggiornare tutti i contenuti del sito e ottimizzarlo per i nostri utenti mobili. Quando si ridisegna il contenuto del sito per gli utenti mobili, è possibile che l'intero layout della pagina debba essere riscritto da zero. Utilizza i nostri modelli ed esempi di wireframe mobili per aiutarti a iniziare a ottimizzare le tue pagine per dispositivi mobili!
3 suggerimenti per la creazione di un wireframe mobile
Conosci i tuoi dispositivi
Innanzitutto, è importante sapere con esattezza quale tipo di dispositivo mobile stai collegando. I layout dovrebbero essere diversi per gli utenti di iPhone, Android e Pixel. Progettare un wireframe mobile di base, quindi soddisfare le dimensioni specifiche di ciascun tipo di utente durante la creazione di wireframe specifici del dispositivo in un secondo momento.
Concentrati su ciò che è più importante
Tieni presente che i tuoi utenti mobili hanno schermi più piccoli e presumibilmente hanno meno tempo degli utenti desktop o laptop. Gli utenti mobili sono in movimento e sono alla ricerca di risultati rapidi e facili. Fornisci le tue pagine mobili di conseguenza e mostra all'utente solo ciò che ritieni più importante.
Limita le scelte degli utenti
A causa della natura degli schermi più piccoli, rendere la vita dei tuoi utenti mobili più semplice limitando le loro scelte. Aggiungi una o due chiamate chiare alle azioni su ciascuna pagina in modo che l'utente sappia esattamente dove fare clic. Combina più opzioni che puoi avere sulle pagine desktop in un'unica opzione chiara per gli utenti mobili. Se sono interessati al prodotto e desiderano informazioni più specifiche, accederanno al tuo prodotto sul desktop o sul portatile in un secondo momento.
Photos for Class - Cerca scuola-Safe, Creative Commons le foto! (E 'anche Cites per voi!) Quick Rubric - facilmente creare e condividere grande ricerca Rubriche!