Il tuo design inizia a sembrare vecchio? Elementi di interfaccia utente vecchi e non aggiornati possono far sentire un sito molto più datato di quanto non sia in realtà.
Qui, guardiamo otto elementi dell'interfaccia utente che dovresti eliminare dal tuo piano di progettazione. Ma non è tutto; ciascuno? no? viene fornito con un suggerimento per modernizzare il tuo sito web. Otterremo il design aggiornato in pochissimo tempo!
1.? Piatto? pulsanti
Uno dei maggiori problemi con il design piatto in generale è che tutto era, beh? piatto. Per alcuni utenti questo ha reso gli elementi difficili da distinguere e reso difficili le interazioni. ? Quasi piatto? e? Flat 2.0? è emerso come una soluzione a questo problema, aiutando gli utenti a trovare e interagire meglio con gli elementi dell'interfaccia utente.
Prova questo invece: Aggiungi un pizzico di animazione o un effetto di passaggio del mouse per dare maggiore enfasi a un pulsante in stile piatto. Se ti piace l'aspetto del flat, considera un'alternativa quasi piatta o opzioni di pulsante sovradimensionate che sono più facili da trovare e da interagire con gli utenti.
2. Caroselli di testo
Caroselli e cursori possono facilmente diventare oggetto di grandi dibattiti tra i progettisti. Se sono utilizzabili e funzionano bene, spesso dipendono fortemente dal contenuto all'interno.
Caroselli di testo o cursori che visualizzano lunghe stringhe di informazioni non sono molto pratici. I cursori che in realtà non scivolano da soli e richiedono un clic non sono particolarmente utili. E nessuna di queste opzioni incoraggia gli utenti a fare clic.
Prova questo invece: Se si desidera visualizzare più elementi, utilizzare questa tecnica come visualizzazione per una manciata di elementi visivi ma non come un invito all'azione e non utilizzarlo per blocchi di testo che gli utenti devono leggere in sequenza. Posiziona elementi di azione altrove sullo schermo con un'azione diretta e facile da capire.
3. Collegamenti per piccoli eventi
Dovendo fare clic (o toccare) all'interno dei siti web per vedere ulteriori informazioni è una cosa del passato. Gli utenti vogliono essere in grado di vedere le informazioni a colpo d'occhio senza perdere le posizioni iniziali del browser. (Questo è vero per siti Web e app).
Se è possibile visualizzare le informazioni in un modo che non impedisce agli utenti di allontanarsi dalla fonte originale per questi divots, è necessario farlo in questo modo.
Prova questo invece: Un popover è un piccolo elemento dell'interfaccia utente che si riferisce a un determinato bit di contenuto. Quando l'utente attiva l'azione emerge un elemento di stile di quasi notifica (e poi scompare). I popover sono una delle funzioni propagandate in Apple OS X e per una buona ragione; la funzione di fornire senza navigazione.
4. Tutto basato sul flash
C'è solo una cosa da dire su Flash: se la usi ancora per qualcosa sul tuo sito web, per favore fermati.
Prova questo invece: HTML5 non è più nuovo e offre tutte le funzionalità necessarie per riprodurre audio, video e altri elementi multimediali. (Inoltre funziona su tutti i dispositivi.)
5. Icone con lunghe ombre
Questo outtake della tendenza del design piatto è stato piuttosto breve. Mentre è ancora possibile trovare alcune icone o pulsanti di lunghe ombre, lo stile ha già un aspetto datato.
Prova questo invece: Prova a creare un pulsante utilizzando uno stile piatto con alcuni suggerimenti di ombre o texture. Questi effetti delicati lo rendono facile da vedere? di un elemento è progettato per interagire con, mantenendo una semplice estetica che non toglie nulla agli altri.
6. Mega menu
Mentre un mega menu può aiutare gli utenti a navigare in un sito Web con molti contenuti, non sono pratici sui dispositivi più piccoli. Il problema con questi menu sovradimensionati è che spesso c'è così tanto contenuto che l'utente non sa cosa fare dopo, viene sopraffatto e abbandona il sito.
L'altro problema con menu enormi è che molti sono progettati per essere aperti al passaggio del mouse e quindi coprire gran parte dello schermo. Ciò può causare confusione agli utenti e distrarre ulteriormente gli utenti dal motivo per cui sono venuti sul tuo sito o spostati nel menu in primo luogo.
Prova questo invece: Utilizza forti collegamenti in loco per guidare gli utenti attraverso bit di contenuti correlati. Rendi più facile per gli utenti trovare e vedere i pattern nel design per passare da un elemento o bit di contenuto al successivo.
Utilizzando l'analisi del sito, puoi trovare il flusso e i modelli degli utenti da una pagina all'altra per contribuire a creare forti relazioni tra le pagine. Se senti il bisogno di andare alla grande con la navigazione, considera un menu a scorrimento a schermo intero che viene cliccato intenzionalmente e può essere nascosto con la stessa facilità.
7. Troppe icone di social media
A questo punto, gli utenti sanno come condividere contenuti sui social media, anche se non ci sono dozzine di icone su tutta la pagina. Tutte queste icone potrebbero distrarre dal tuo contenuto.
Ancora peggio è un forte di icone social media con tutti i diversi colori e forme di vari canali. Queste icone stanno uccidendo il tuo design. Ci sono opzioni migliori.
Prova questo invece: Aggiungi pulsanti di condivisione dei social media personalizzati all'intestazione o al piè di pagina e mantienili dai singoli contenuti. Disegnali con sottigliezza in modo che non distraggano gli utenti dal design e dal motivo reale per visitare il tuo sito web.
O essere un po 'più audace e considerare di abbandonarli del tutto. Scava nelle tue analisi; quante persone stanno effettivamente utilizzando i pulsanti di condivisione?
8.? Falso? Animazione
I pulsanti, gli elementi e gli altri inviti all'azione girano, salta o cambiano colore per far sì che gli utenti li guardino? Quelle tecniche pubblicheranno il tuo sito all'istante.
Il design dovrebbe attirare gli utenti; attenzione a causa di una ridicola quantità di movimento, non dovrebbe.
Prova questo invece: Progettare gli elementi con intento. Offri agli utenti da qualche parte di concentrarsi sul design. Ogni schermata dovrebbe includere non più di un elemento utilizzabile (oltre alle opzioni di condivisione dei social media). Quindi chiarisci cosa dovrebbero fare gli utenti e progetta un elemento che possa aiutarli a raggiungere questo obiettivo.
Gli elementi in stile carta sono una buona opzione qui.Poiché i contenitori sono più grandi di un pulsante standard, forniscono un sacco di spazio e informazioni cliccabili. Questo può rendere facile per gli utenti trovare e fare clic sull'azione appropriata. (E anche le carte sono sensibili alle esigenze).
Conclusione
Stai facendo qualcuno di questi errori UI sul tuo sito web? Semplici correzioni possono aiutarti a rinfrescare e modernizzare il design rendendolo più facile da usare.
Assicurati di guardare gli esempi (e fai clic sui collegamenti per vedere come funzionano in azione) per vedere come puoi utilizzare diversi tipi di elementi dell'interfaccia utente. E assicurati di condividere alcuni dei tuoi lavori con noi nella galleria Design Shack.