Il contenuto è una parte importante dell'esperienza utente. Il contenuto è più dell'ottimizzazione dei motori di ricerca; è più che blogging. Fa parte del tuo sito, dell'identità del marchio e del perché gli utenti interagiscono con il tuo design.
Ogni giorno diventa ancora più importante progettare i contenuti come parte della funzione complessiva e dell'esperienza utente nel design di siti Web e app. Ma come puoi farlo? (Possiamo aiutarti con alcuni casi di studio ed esempi, come The Hen House, che utilizza una varietà di tecniche di progettazione e coinvolgimento degli utenti per farti scorrere.)
Qual è il contenuto del sito web?
Il contenuto del sito web è più di un flusso di post sul blog. Include ogni pezzo di testo o immagine su un sito web. Ciò include tutto, dalla copia principale alle informazioni del piè di pagina ai tag alt. Ogni parte conta come contenuto.
Ci sono molte di queste informazioni che i designer a volte dimenticano quando pensiamo ai contenuti. Prendi un sito di e-commerce, ad esempio: le descrizioni dei prodotti e anche le politiche di spedizione sono soddisfatte. Rivenditore Woot fa un ottimo lavoro nel creare contenuti per ogni elemento sul suo sito web. Come ci si aspetterebbe, ogni oggetto in vendita include immagini, descrizioni e un modo per acquistare. Inoltre, ogni elemento include anche un elemento di divertimento. Guarda la descrizione per l'elemento secondario, una serie di coltelli:? April Knives Bring May Knives. Nota quanto bene questo titolo funziona per una vendita a cavallo di due mesi? Yeahhhhh.?
L'obiettivo di ogni parte del contenuto del sito Web è ottimizzare e migliorare l'esperienza dell'utente. (Ecco perché funzionano le simpatiche descrizioni di Woot.) I contenuti dovrebbero contribuire alla voce complessiva del tuo brand e mostrare perché gli utenti dovrebbero visitare e interagire con il tuo sito. (L'impegno è qualsiasi cosa, dalla lettura a un gioco, alla sottoscrizione di una newsletter per effettuare un acquisto).
? Progettare? Soddisfare
La progettazione dei contenuti è molto più dell'estetica. Pensa a progettare il contenuto come un collegamento tra il tuo messaggio e l'utente. Quali strumenti o tipi di informazioni faranno quella connessione?
Il blog di Moz ha recentemente compilato un ottimo elenco di suggerimenti per la progettazione di contenuti come parte dell'esperienza utente complessiva:
- Link a un blog o post di blog pertinenti
- Incorpora contenuti correlati ai social media
- Ottimizza i contenuti che hai già; usalo in modi diversi
- Scrivi grandi descrizioni per sezioni, foto e altri frammenti di? Nascosto? soddisfare
- Sii orgoglioso del tuo contenuto e mostralo rendendolo abbastanza grande da vedere
- Guida gli utenti attraverso il contenuto in modi logici (e metodici)
La rivista Oustide fa un ottimo lavoro con questo sul suo sito web. Il contenuto è un mash-up di varie fonti: la rivista, i contenuti online specifici, i social media e l'interazione con gli utenti. In? Migliori città 2015: giro selvaggio-card? questo miscuglio di contenuti è in mostra. La rivista ospita un contenuto fotografico inviato dall'utente su Instagram. Il contenuto? è progettato come una guida alle regole per partecipare al concorso. I fantastici contenuti aggiuntivi sono il feed delle foto del feed Instagram esterno con l'hashtag del concorso. La bellezza del design è che il messaggio di contenuto principale non cambia, ma le parti di contenuto della pagina sono in continua evoluzione e aggiornamento, richiedendo che gli utenti tornino e interagiscano.
Contenuto e funzione
Come si coniugano design e contenuti? Dovrebbe essere sincronizzato.
L'esperienza utente e la funzione sono una parte vitale del design. E ci sono tecniche e cose che puoi fare visivamente per attirare ancora di più gli utenti. I fattori chiave stanno pensando a come gli utenti leggono e interagiscono con un sito Web, come funzionano le interazioni e utilizzano la teoria e i principi del design per creare qualcosa che le persone vogliono vedere, compresi i contorni del design alla moda.
Gli utenti leggono e interagiscono con la maggior parte dei progetti in uno schema di base, eseguendo la scansione di blocchi di contenuti fino a quando non trovano le parti con cui desiderano interagire o trovano interessanti. The Next Web ha recentemente esaminato questo modello di eye-tacking dell'utente che assume una forma a "F"? in grande dettaglio. La premessa di base è che il contenuto a forma di F da sinistra a destra e dall'alto in basso è il comportamento dell'utente più dominante e che può fornire spunti per i progettisti. ? La F si riferisce al lettore prima di scansionare una linea orizzontale attraverso la parte superiore dello schermo, come è comprensibile per le culture che leggono da sinistra a destra. Successivamente, l'utente esegue la scansione di una linea verticale lungo il lato sinistro dello schermo, alla ricerca di parole chiave o punti di interesse nelle frasi iniziali o sottosezioni del paragrafo. Quando il lettore trova qualcosa che gli piace, inizia a leggere normalmente, formando linee orizzontali.
Quindi le interazioni che avvengono tra l'utente e il design devono essere sensate e pertinenti. Gli utenti devono capire quando e dove fare clic e cosa accadrà. Questo è un passo fondamentale nello sviluppo di contenuti e design sotto forma di suggerimenti dell'utente. Quali sono i colori e le etichette che utilizzerai su questi strumenti per indirizzare il traffico degli utenti?
Infine, i designer possono utilizzare gli strumenti e le tecniche di progettazione di base per creare un'estetica che sia semplicemente allettante. Un trucco? Crea un design o un'interazione basata sulle tendenze attuali o offre una sorpresa per l'utente. L'aspetto di un sito può contribuire alla sua funzione; creare qualcosa di divertente che gli utenti vogliono toccare.
Living Edge unisce funzionalità e design in un modo quasi trasparente. Il design semplice utilizza lo scorrimento a pagine per introdurre gli utenti sul marchio e sui prodotti. Le azioni di passaggio del mouse a Nifty incoraggia i clic su informazioni importanti come il finanziamento e l'iscrizione via email. Il sito utilizza le tendenze del design come il minimalismo e lo scrolling della parallasse per creare un'esperienza coinvolgente con la semplice tipografia e il colore che incoraggiano l'azione.
Dilemmi di contenuti
Quando si tratta di pensare al contenuto, i designer tendono ad avere uno dei due dilemmi: una quantità schiacciante di contenuti o di contenuti non sufficienti.Il mezzo, che sarebbe un flusso costante di diversi tipi di contenuto che viene costantemente aggiornato, raramente è la norma.
"Quando la strategia sui contenuti è in atto e al suo giusto posto, siamo sulla buona strada per produrre risultati belli ed efficaci". - Smashing MagazineIl primo passo per combattere questo dilemma è sviluppare una strategia completa di contenuti. Questo piano non è la cosa più facile da fare, ma renderà il design e il contenuto si fondono più facilmente ed è più facile da eseguire come una squadra. Strategia dei contenuti di Smashing Magazine nell'ambito del processo di progettazione? è una guida quasi senza tempo per iniziare le conversazioni sulla strategia dei contenuti. Dalla guida: "Quando la strategia sui contenuti è al suo posto e al suo giusto posto, siamo sulla buona strada per produrre risultati belli ed efficaci".
Poi arriva il momento di affrontare il tuo dilemma sui contenuti:
- Se hai una quantità schiacciante di contenuti semplifica. Prendi in considerazione un design modulare in stile carta che rompe il contenuto in pezzi più piccoli e più digeribili.
- Se non hai abbastanza contenuti, riutilizzare ciò che hai. Considera un gioco o un trucco nel design che enfatizzi i punti chiave. Incoraggiare l'interazione utente o social e quindi ripubblicare quella interazione nella struttura del tuo sito.
Il portfolio di Miki Mottes mostra come progettare un sacco di contenuti riuscendo a mantenerlo organizzato e unico. Utilizzando un design modulare e a blocchi, gli articoli del portfolio sono facili da vedere e forniscono link cliccabili. Il sito utilizza uno stile stravagante che ti fa guardare a ciascuna delle animazioni, che è il contenuto che contribuisce al portafoglio di designer (e al potenziale impiego). Scorri verso il basso per trovare ancora più contenuti: scopri il designer, acquista dal negozio o invia un messaggio.
Supreme Supreme ha un design divertente sito web con contenuti minimi. Ma il contenuto incluso è coinvolgente e offre azioni distinte per gli utenti. Una grande galleria di foto rende gli utenti desiderosi di condividere per una potenziale inclusione e con un concorso per vincere il caffè gratuito, gli utenti probabilmente farebbero clic o eseguiranno altre azioni come scaricare l'app.
Conclusione
La progettazione di contenuti per le esperienze degli utenti riguarda innanzitutto la comprensione degli utenti e quindi del design. Un buon design incoraggerà gli utenti a interagire con il tuo sito web o il tuo marchio.
Crea un design che utilizza le teorie di base del buon design, stabilisce un forte messaggio con i contenuti e offre agli utenti una sorpresa sotto forma di estetica o funzione per avvolgerli.