Tendenze essenziali del design, maggio 2017
Fare una buona prima impressione è una parte vitale del design del sito web. La homepage è spesso la prima esperienza che un utente ha con un'azienda o un'organizzazione e un design sorprendente può aiutare a creare interesse. Le tendenze di questo mese si concentrano su elementi di design per la homepage che sono leggermente diversi da quelli che gli utenti sono abituati a vedere.
Da una tendenza puramente estetica a intestazioni di eroe poco profonde e layout di angoli diagonali a una tendenza di interazione dell'utente in questo o in quel richiamo all'azione, ci sono molti modi interessanti per attirare l'attenzione degli utenti.
Ecco cosa è in voga nel design questo mese:
1. Intestazioni degli eroi poco profonde
Per un certo periodo la tendenza con le immagini degli eroi sono state immagini grandi e audaci e video che riempiono lo schermo, spesso dalla parte superiore della home page a destra su dove inizia lo scorrimento. Altri modelli stanno iniziando a far marcia indietro rispetto a questa tendenza di immagini sovradimensionate per immagini di eroi meno profonde.
Gran parte del design è rimasto lo stesso. Le intestazioni degli eroi includono ancora immagini o testo con una configurazione fatta per essere guardata. Ma le immagini sono circa la metà di quelle profonde.
La cosa bella di questo concetto è che aiuta a spostare altre informazioni sullo schermo. La copia del corpo e gli inviti all'azione che non sono nell'immagine dell'eroe appaiono più in alto nella progettazione, dando agli utenti qualcosa da fare o fare clic su immediatamente. Può aiutare a prevenire il disordine nell'immagine stessa, che può essere molto importante se l'immagine è impegnata o difficile da accoppiare efficacemente con il testo.
Questo modello di progettazione può anche aggiungere più spazi bianchi al design generale, facendolo sembrare più leggero e più facile da navigare. Con gli stili più minimali ancora popolari, questo concetto potrebbe essere uno dei fattori che sta guidando questa decisione progettuale.
La parte più difficile dell'utilizzo di un'immagine dell'eroe più superficiale è il ritaglio. È una di quelle cose a cui vorresti pensare all'inizio del processo di progettazione, fino a quando parli al fotografo delle immagini. Poiché la forma non è di serie, potrebbe essere necessario spiegare in che modo si prevede di utilizzare l'immagine per ottenere una foto o un video con un aspetto che risulti ottimale.
2. Layout degli angoli diagonali
Alcune tendenze sono semplicemente troppo divertenti da ignorare. I layout angolari diagonali sono uno di quei concetti.
Questi disegni sono esemplificati da elementi raggruppati in un angolo dello schermo, spesso in basso a destra, e si espandono sul resto della tela. Gli elementi sono spesso posizionati in modo che sembrino esplodere nel design.
I layout diagonali degli angoli forniscono un modello di tracciamento dell'occhio diverso per gli utenti creando un punto focale nell'angolo in basso di un disegno piuttosto che in alto a sinistra o al centro e creano una certa profondità con l'idea di elementi che sembrano "esplodere" attraverso lo schermo. (Per un calcio in più al design, considera l'animazione degli elementi per migliorare l'effetto di esplosione con il movimento mentre l'utente scorre o aleggia su elementi specifici.)
Per sfruttare al meglio questi elementi, molti disegni "nascondono" più elementi sotto la pergamena per aggiungere quell'elemento extra della realtà in modo che parti del design che non puoi vedere si sentano tattili e esistano sulla pergamena.
Mentre questo tipo di modello di progettazione non funziona con ogni tipo di contenuto, può essere una buona idea per i progetti che non hanno molta altra arte e utilizzano molti elementi dell'interfaccia utente per attirare l'attenzione. Può anche funzionare per progetti in stile portfolio o servire come modo per organizzare molti elementi visivi più piccoli in una singola unità.
3. Questo o quell'invito all'azione
Quasi tutti i design di siti Web includono un tipo di invito all'azione. Che si tratti di un modulo da compilare, di un collegamento a un clic o di una direzione per continuare a scorrere per altri contenuti, all'utente viene richiesto di fare qualcosa. (E spesso ricevono qualcos'altro come ricompensa per questo sforzo).
Altri progetti stanno cominciando a comparire con il richiamo di azioni speculari, che consentono agli utenti di fare una scelta dalla home page quando decidono cosa fare dopo. Il design potrebbe sembrare un numero di modi, ad esempio il diretto da cui barare o non fare domande Le parole feriscono all'opzione a due pannelli da Stoli alla navigazione opzione-clic per il Ciao Pointe Drive In .
Questo stile di design offre agli utenti il controllo su ciò che vogliono e vedono, il che può essere interessante con il giusto mix di contenuti e scelte. Tutti e tre gli esempi seguenti svolgono un ottimo lavoro nel definire cosa l'utente può fare e cosa accadrà. (Ci sono anche outs se l'utente fa una scelta sbagliata e ha bisogno di tornare indietro.)
La sfida qui è che hai bisogno del giusto tipo di contenuto per far funzionare questo modello di design. Alcuni utenti possono essere sopraffatti da molteplici scelte e vogliono semplicemente un singolo invito all'azione con una singola scelta, completare l'azione o meno. Qui, gli utenti hanno il doppio delle opzioni da considerare. Per trarre il massimo dalle scelte, il contenuto deve essere del tutto coinvolgente.
Conclusione
A differenza di altre tendenze che abbiamo esplorato di recente, le tendenze di questo mese sono puramente elementi visivi che è possibile aggiungere a un design esistente al volo. (Anche se potresti essere vicino se sei fortunato.)
Questi schemi di progettazione si basano un po 'di più sulla pianificazione del contenuto e del design per adattarsi, sapendo che hai in mente un determinato concetto. Prende la preplanning e in alcuni casi richiede anche un po 'di magia HTML o CSS per combinare tutto.
Quali tendenze stai amando (o odiando) in questo momento? Mi piacerebbe vedere alcuni dei siti web di cui sei affascinato. Lasciami un link su Twitter ; Mi piacerebbe sentirti.