Contenuto
Gestalt è la parola tedesca che può essere definita come "l'essenza o la forma della forma completa di un'entità". Usiamo il termine nella progettazione grafica per riferirci all'idea di come una persona riconoscerà e reagirà a un elemento di qualcosa che abbiamo progettato.
Ci sono diversi principi guida applicati contro questo concetto; Somiglianza, continuazione, chiusura, prossimità, figura e terreno. Possiamo usarli a nostro vantaggio quando progettiamo elementi di pagine web, in particolare con il design dei pulsanti.
Cosa c'è in una forma?
I pulsanti sono incredibilmente importanti per qualsiasi invito all'azione o processo transazionale. Il pulsante è il punto finale dell'invio di un modulo o del completamento di una transazione, quindi non dovremmo trattarli come fattori casuali quando progettiamo una pagina o un modulo nel suo insieme. La loro forma e forma sono molto importanti in modo che l'utente li riconosca immediatamente come tali e possa completare chiaramente l'azione che desidera.
Un utente deve anche sentirsi sicuro che il pulsante è un pulsante e che ciò che si aspetta che accada accadrà davvero. Se ignoriamo di fornire all'utente questo importante feedback, ciò può portare a conversioni e vendite perse.
Modelli di design dei pulsanti
Esistono modelli di progettazione esistenti per i pulsanti in tutto il Web. L'aspetto integrato nel sistema operativo o nel browser è il più semplice e facilmente utilizzabile che puoi trovare. Esistono anche altri look con bordi arrotondati o aspetto 3D che possono inviare all'utente il segnale "Sono un pulsante". Questo può sembrare un semplice punto da sottolineare, ma mantenere le cose semplici è il modo per ottenere conversioni.
Cinque esempi da verificare
1. Netflix Il servizio di streaming di film Netflix utilizza un semplice pulsante di sistema per il modulo di registrazione. Questo è ottimo in questo caso poiché la pagina è occupata e necessita di questa chiarezza.
2. Square La gestione di pulsanti importanti sulla home page del sito Web dell'app per scanner di carte di credito Square si trova a cavallo del confine tra i pulsanti di sistema e quelli stilizzati. Visivamente leggono chiaramente e in modo pulito come pulsanti.
3. rdio Il sito per il servizio di musica on-demand rdio utilizza colore, forma e prossimità per il pulsante principale in modo che si distingua e invii il segnale "cliccami" agli utenti.
4. iTunes L'e-mail di vendita di musica settimanale di iTunes è ben progettata, ma utilizza uno schema ormai comune per rendere la grande immagine centrale un collegamento per l'azione desiderata. Questa è una buona soluzione, ma perde la chiara gestalt del pulsante o della chiamata all'azione.
5. Blip Me Il sito web per l'app per iPhone di trasmissione vocale Blip Me utilizza quello che sta diventando un pulsante standard di "app store". Questo è interessante: di per sé potrebbe non essere letto come un pulsante, ma data la sua diffusa adozione sul Web sta costruendo una gestalt tutta sua per gli utenti.
Se hai visto esempi di siti che utilizzano pulsanti con grande effetto, perché non menzionarli nei commenti?