Contenuto
- 01. "Any" dovrebbe essere il tuo punto di partenza
- 02. Avvicinati come Lego
- 03. Fai schizzi e strappa della carta
In passato progettavi pagine web e ti aspettavi che quei design fossero ciò che vedevi sul tuo browser desktop. Tuttavia, con dispositivi mobili assortiti che diventano la piattaforma preferita per la visualizzazione del Web, non puoi più esserne sicuro.
Il design indipendente dal dispositivo è la via da seguire e la designer dell'esperienza utente Anna Dahlström affronterà questo problema a Generate London a settembre. Nel suo intervento, Costruire sistemi UX indipendenti dal dispositivo, spiegherà perché il design indipendente dal dispositivo è importante, cosa significa e come farlo.
Prima del suo discorso, qui condivide tre suggerimenti per uscire dal paradigma desktop e creare siti che hanno un aspetto e una sensazione altrettanto belli su un iPhone come su un monitor 4K.
01. "Any" dovrebbe essere il tuo punto di partenza
Funziona con qualsiasi dispositivo, qualsiasi dimensione dello schermo, qualsiasi metodo di input, qualsiasi browser, qualsiasi segnale ... qualsiasi cosa utilizzata ovunque e in qualsiasi momento. Ci saranno sempre eccezioni e buoni casi per fare qualcosa di specifico, ma per garantire che ciò che progettiamo possa funzionare su quanti più dispositivi - attuali e futuri - e in quante più situazioni possibili, "qualsiasi" è un buon punto di partenza prima di rompere in IF.
02. Avvicinati come Lego
Per fare in modo che ciò che progetti e il tuo contenuto siano il più indipendenti possibile dal dispositivo, devi concentrarti sugli elementi costitutivi piuttosto che sulle pagine. Fare un design modulare è molto simile ai set Lego che possono essere usati per costruire più di un modello. Devi sapere cosa stai costruendo e quale sarà l'aspetto e di cui avrà bisogno ogni diverso modello. Vuoi essere in grado di riutilizzare il maggior numero di pezzi possibile ed evitare di avere troppi pezzi su misura, anche se a volte è necessario su misura.
È lo stesso con il design modulare. Conosci la versione principale delle tue pagine e dei tuoi moduli e definisci le variazioni, ma cerca di mantenerla il più semplice possibile e fai variazioni e moduli su misura solo quando sono realmente necessari.
03. Fai schizzi e strappa della carta
Sketching è il tuo migliore amico per capire rapidamente la tua pagina principale e i modelli di modulo, oltre a pensarci su schermi sempre più grandi.
Un esercizio molto semplice che svolgo nei miei seminari è prendere due fogli di carta A4 e piegarne uno a metà, strapparlo in due e continuare fino ad avere 5 fogli di carta di dimensioni uniche, incluso il foglio A4 intatto. Considera le loro dimensioni fisiche come le dimensioni dello schermo per cui stai progettando e prendi le tue pagine / visualizzazioni principali, ad es. la home page e disegnala su ogni foglio di carta. È un ottimo modo per pensare rapidamente attraverso i punti di interruzione naturali e anche quando il ruolo di uno "schermo" potrebbe cambiare senza essere troppo concentrati sul fatto che sia Apple questo o Samsung quello.
Non perdere il discorso di Anna progettazione indipendente dal dispositivo nel mese di settembre; per saperne di più su questa e altre sessioni e workshop essenziali per i web designer e gli sviluppatori di frontend, visita il Genera Londra luogo.