Tendenze essenziali del design, gennaio 2016
Le app sono ovunque. Sono diventati parte integrante della nostra vita quotidiana grazie al numero di smartphone e dispositivi indossabili che possediamo.
E a causa di ciò, le app sono uno dei maggiori fattori di guida quando si tratta di tendenze del design del sito web. Diamo un'occhiata.
Ritorno della pergamena
Piccoli schermi orientati verticalmente hanno riportato lo scroll in modo sostanziale. Una volta pensato per essere qualcosa che volevi evitare perché gli utenti non si muovevano lungo lo schermo, lo scorrimento è di nuovo una parte integrante del processo di progettazione.
E scorrere ora è meglio di quanto sia mai stato. Grazie a fantastiche animazioni, effetti di parallasse e molte idee per i contenuti creativi, lo scorrimento è molto divertente e un buon modo per coinvolgere gli utenti.
Non fermarti con un normale scorrimento verso il basso della pagina; considera una scroll orizzontale o un'opzione animata che possa deliziare gli utenti grazie alla piccola sorpresa. Assicurati di includere un segnale visivo a due per gli utenti con effetti di scorrimento che sono al di fuori della norma, in modo che non vengano confusi o abbandonare il tuo sito Web perché non capiscono come utilizzarlo.
Material Design diventa mainstream
Il concetto di Material Design di Google è iniziato come interfaccia mobile. L'interfaccia piatta ispirata e basata su fisica è nata come estetico per i dispositivi Android, ma si è diffusa rapidamente anche nelle app basate su iOS.
I progettisti stanno espandendo il concetto per l'uso anche su siti web a schermo intero.
Il concetto di materiale è semplice, intuitivo e radicato in elementi realistici, quindi è facile da usare e da capire. I progettisti si stanno divertendo molto con lo stile dell'interfaccia con colori brillanti e un sacco di animazioni eleganti.
La navigazione nascosta è ovunque
Questo è uno di quei riporti che sta davvero cambiando il modo in cui pensi al design della homepage. La navigazione nascosta sta avendo un momento importante in questo momento.
Il discutibile design dell'icona dell'hamburger è l'applicazione più utilizzata, con un'icona che fa apparire un menu completo. I progettisti di siti web optano per una delle due opzioni: un menu che si apre su una parte dello schermo o sulla navigazione a schermo intero. L'opzione a schermo intero funziona in modo quasi identico a come gli stili di scorrimento funzionano nelle app, e con i progettisti immobiliari extra hanno molto spazio per creare una pagina di navigazione che è più di pochi collegamenti interni.
Ciò che è particolarmente interessante per gli stili di navigazione sovradimensionati è che sono facili da leggere e fare clic. (Niente è peggio di piccoli elementi di navigazione progettati quasi come un ripensamento.)
Carte, carte e altre carte
Difficilmente puoi navigare sul Web senza incontrare un'interfaccia in stile carta. Questi contenitori di contenuti sono altamente utilizzabili e si inseriscono bene in strutture reattive.
Le carte sono un'opzione popolare perché possono essere anche molto divertenti da progettare. Le carte possono essere personalizzate per adattarsi a qualsiasi stile di progettazione e lavorare con quasi tutti i tipi di contenuti. Una cosa da ricordare sulle carte è che ogni contenitore dovrebbe contenere una volta parte del contenuto e connettersi a un clic. Questa "cosa" può attivare un video, inviare un modulo, spostarsi su un'altra pagina, acquistare un oggetto o qualsiasi altro numero di singole azioni. Carte diverse nello stesso sito possono fare cose diverse. (Fintanto che gli utenti comprendono le azioni).
È uno stile di interfaccia che richiede anche una minima spiegazione. I siti web di social media come Facebook, Twitter e Pinterest sono basati su interfacce in stile carta con scrolling infinito in modo che i nuovi contenuti siano sempre più popolari. Gli utenti schiaccianti sembrano apprezzare e accettare questo modello di progettazione.
Le micro-interazioni sono essenziali
Non molto tempo fa, le micro-interazioni erano quasi esclusivamente un elemento dell'app. Potresti voler ripensare a questa idea. La linea tra app e siti Web è completamente sfocata. Gli utenti vogliono visitare un'app e poi magari il sito Web in seguito e ottenere la stessa identica esperienza.
Questo vale anche per le microinterazioni. Una microinterazione è qualsiasi cosa che aiuti l'utente a comunicare con l'interfaccia, vedere un'azione o manipolare l'interfaccia. Ognuno di questi bit di comunicazione è così piccolo che l'utente difficilmente ci pensa su di esso, come un allarme, un messaggio di testo o scorri per aggiornare il contenuto. (Pensa a quante notifiche di riunione ricevi sul tuo computer o telefono di lavoro, quelle sono micro-interazioni.)
Il fattore di collegamento per rendere questa transizione senza soluzione di continuità è un tocco di personalizzazione e numerose opzioni per la personalizzazione dell'utente. L'utilizzo delle micro-interazioni è complicato perché c'è una linea sottile tra le notifiche ricercate o gli allarmi oi messaggi e travolgendo l'utente.
Quando si integrano le micro-interazioni, attenersi ad alcune delle funzioni di base prima di vedere come reagiscono gli utenti. Quindi puoi aggiungere al mix se la base utente lo sta accettando.
E ora ... indossabili
La prossima fase del design del sito web sta già accadendo. Con l'aumentare della popolarità dei dispositivi indossabili, progetteremo anche elementi da questi piccoli schermi.
Gli elementi che avranno un impatto includono piccole animazioni basate sullo stato, come le rotelle a scorrimento che si riempiono per mostrare realizzazioni, più micro-interazioni e un sacco di tracker. (Gli utenti sono praticamente ossessionati dai dati in questo momento, dai dati basati sulla fitness ai punti di guadagno per fare shopping.)
Gli indossabili aggiungono anche un altro livello di gamification alla vita quotidiana. Questo probabilmente porterà anche al design del sito web.
Quello che i dispositivi indossabili faranno davvero è la linea di demarcazione tra tutti i nostri dispositivi. Siti web, app, dispositivi indossabili: tutti devono offrire esperienze integrate per gli utenti, in modo che lo spostamento da un dispositivo all'altro sia semplice e l'esperienza sia coerente.
Conclusione
Dato che gli schermi cambiano dimensione, anche il modo in cui li progettiamo. Per creare interazioni coinvolgenti che gli utenti desiderano coinvolgere, indipendentemente dal dispositivo, ciascuna interfaccia deve funzionare allo stesso modo. L'idea influenza notevolmente il modo in cui tutti i siti Web sono progettati (anche quelli che non hanno necessariamente controparti app o indossabili).
Creando qualcosa che piace agli utenti sul più piccolo degli schermi e espandendolo a dispositivi più grandi, i progettisti possono creare interfacce facili da comprendere. Rende anche la tua interfaccia un po 'più richiesta.