Grandi cursori: indicando la strada verso un Web migliore

Pubblicato: 2020-04-29

In questi giorni vengono condotti vari esperimenti con i puntatori del mouse. Considera i nostri post recenti sugli effetti del cursore e l'uso di cursori circolari nel web design. Sembra che siamo ossessionati da questo minuscolo dispositivo che indica i nostri movimenti sullo schermo del computer. Senza dubbio, c'è una fissazione su questo argomento.

Ci sono molte soluzioni eccitanti in natura, ma la maggior parte di esse sono solo stravaganze decorative il cui scopo è stupire. Ma che ne dici di rendere il web un posto migliore? C'è una piccola soluzione in quest'area che ha lo scopo di migliorare l'esperienza dell'utente, piuttosto che contribuire al lato divertente del progetto. Consideriamolo da vicino.

Cursore più grande – UX migliore

Due cose importanti rendono rilevante questa tendenza.

Innanzitutto, nella maggior parte dei casi, questi sviluppatori hanno abbandonato la banale freccia a favore di un cerchio. C'è un inevitabile spostamento delle preferenze verso i cursori del mouse di forma rotonda, quindi non ci sono sorprese qui.

E la seconda cosa riguarda il comportamento del mouse stesso. Come tutte le grandi idee, anche questa è semplice. Quando il cursore entra in aree chiave come il logo, i collegamenti, le icone dei social media, la navigazione, ecc. diventa più prominente per evidenziarne l'importanza. Può cambiare dimensione, colore o trasparenza.

La soluzione avvantaggia un'interfaccia in vari modi, ad esempio:

  • Rende le cose un po' più interessanti;
  • Salva l'interfaccia dall'essere banale;
  • Migliora le interazioni dell'utente;
  • Rende l'esplorazione di un sito Web più intuitiva del solito.

In sostanza, questa non è una novità. Siamo abituati a utilizzare gli effetti al passaggio del mouse per rendere visibili i piccoli dettagli di un sito Web come i collegamenti di navigazione o i pulsanti durante l'interazione.

Tuttavia, gli artisti di seguito sono andati un po' oltre e hanno costretto il cursore a migliorare l'interazione da un altro lato. L'idea è geniale. Consideriamo questi fantastici esempi.

Agenzia Everest

Considera l'Agenzia Everest come un esempio rappresentativo della tendenza.

È un tipico sito web dei giorni nostri. Costruito con l'aiuto delle ultime tecnologie, sembra sofisticato ed elegante. C'è un piccolo, intricato cursore che produce un'impressione favorevole. Il sito Web è ricco di funzionalità eleganti.

Per quanto riguarda il cursore del mouse, è un normale puntatore a freccia, con una torsione. È delineato da un semplice cerchio. Quando il cursore colpisce un'area del menu, la coda a forma rotonda aumenta di dimensioni e porta l'elemento sotto i riflettori. Qui la soluzione si sente a casa.

Agenzia Everest

Albero multimediale

Media Tree vanta un'estetica davvero pulita e modesta. La pagina di destinazione è fresca, nitida e incredibilmente ariosa. Il solido cerchio rosso di medie dimensioni che svolge il ruolo del cursore del mouse rientra nel focus naturale qui. Influisce non solo sugli elementi di navigazione del sito Web, ma anche sul contenuto. Inoltre, viene fornito anche con piccoli suggerimenti che mostrano agli utenti cosa devono fare per vedere di più. In un ambiente così minimalista, questi chiarimenti giocosamente sbriciolati sono proprio ciò che il dottore ha ordinato.

Albero multimediale

Felice in linea

Happy Online trae la sua bellezza da un fascino geometrico. Un gruppo di triangoli colorati e relativamente grandi arricchisce il design. Ci sono molte scatole e strisce. Qui, il cursore con una scia circolare si fonde perfettamente. Ogni collegamento riceve una dose extra di attenzione al passaggio del mouse. Semplice, elegante e disponibile.

Felice in linea

Uptec

Proprio come nell'esempio precedente, l'uso di un cursore circolare con funzionalità extra è del tutto logico per Uptec. Nota gli enormi cerchi vuoti che sono sparsi nell'area dell'eroe. Salvano la sezione di benvenuto dall'aspetto noioso.

Ci sono anche linee verticali e tipografia vuota. Qui, il cursore rotondo è adatto all'entourage. Il team ha anche aggiunto un effetto pulsante per farlo sembrare un piccolo dispositivo di localizzazione che puoi trovare rapidamente ogni volta che ne hai bisogno. Quando passa sopra il logo, i collegamenti, i cambi di lingua e le immagini, cambia dimensione, trasparenza e comportamento, indicando che all'interno è nascosto qualcosa di interessante.

Uptec

De Jongens van Boven

Mentre negli esempi precedenti il ​​trend sembra un piacevole bonus, nel caso di De Jongens van Boven è una necessità. Il sito Web ha un'area dell'eroe visivamente pesante con molti livelli, dettagli geometrici ed effetti decorativi. Quindi, il puntatore vibrante di dimensioni relativamente grandi che puoi facilmente tracciare è un must.

Qui puoi vedere un cursore del mouse che è una combinazione di due cerchi. Il primo è piccolo e solido, mentre il secondo è grande e semitrasparente. Evidenzia i componenti di navigazione modificandone le dimensioni. Inoltre cambia colore in base alla diapositiva, rafforzando la coerenza del design.

De Jongens van Boven

Bene

Proprio come l'esempio precedente, Wewo ha anche un'area degli eroi complessa. Sebbene non ci siano animazioni bizzarre, i livelli extra sono più che sufficienti per rendere un po' difficile tracciare i tuoi movimenti. Quindi, la soluzione si adatta perfettamente.

Nota due cose: la prima è che il team utilizza varie dimensioni del cursore per individuare le aree essenziali. E in secondo luogo, un effetto infrarosso che arricchisce l'interazione e la rende giocosa.

Bene

Domenico Berzins

Se ritieni che un piccolo cerchio non farà alcuna differenza nel tuo sito Web, puoi sempre adottare misure estreme ingrandendolo cento volte e costringendolo a lasciare una scia che attiri l'attenzione. Dominic Berzins lo mostra nel suo eccezionale portfolio personale.

L'estetica del suo sito è all'insegna del minimalismo, e di certo non serve un aiuto in più per mettere in evidenza i dettagli importanti. Tuttavia, l'artista ha deciso di rendere il cursore un colpo d'occhio.

Alcuni potrebbero considerarlo troppo. Tuttavia, non solo si adatta come un guanto qui, contribuendo al tema generale, ma funge anche da fattore "wow". Questo per non parlare del tracciare letteralmente la traccia del tuo movimento. Intelligente.

Domenico Berzins

Diventare più grandi e più audaci

Questa tendenza è sia eccitante che promettente. La sua caratteristica principale sta nel fatto che è pratico e allo stesso tempo divertente. E sicuramente avvantaggia l'esperienza dell'utente.

Non posso dire che il cursore del mouse sia una cosa insostituibile, poiché studi recenti dimostrano che sempre più persone navigano in Internet tramite cellulari e tablet. Tuttavia, qualunque cosa accada, ci sarà una categoria di persone che preferirà il PC o il notebook della vecchia scuola. Pertanto, avrà sempre il suo posto sotto il sole.

Dicci, cosa ne pensi dell'uso di cursori di grandi dimensioni? Lo trovi divertente? Utile? O semplicemente inutile?