Il design non è mai stato così importante.
È difficile immaginarlo ora, ma prima che la meteorologia di Apple salga alla popolarità globale, il design di solito ha assunto un ruolo secondario rispetto alla funzionalità. Oggi il design è diventato un mondo su se stesso e la comunità di designer e sviluppatori si è unita per sviluppare un insieme coerente di regole per la pratica creativa.
L'evoluzione del design è costante e ci sono sempre nuove cose da imparare e concentrarsi sul portare insieme funzionalità ed estetica in un unico pacchetto.
Per rimanere al passo con il tuo gioco di design, ecco 10 importanti regole di design dell'interfaccia utente da ricordare:
Con l'esplosione di diversi tipi di dispositivi oggi, una taglia certamente non si adatta a tutti .
Quando tu crea il tuo sito web o app, devi assicurarti di progettare pensando a tutte le dimensioni dello schermo. Questo significa caricare completamente su entrambe le connessioni Internet a bassa e alta larghezza di banda, alla formattazione in modo appropriato su iPad e iPhone.
In passato, gli sviluppatori si sono concentrati principalmente sulla creazione di una buona interfaccia utente per desktop. Ma, solo per rinfrescare la memoria, l'utilizzo dei dispositivi mobili ha superato l'utilizzo del desktop nel 2014. Quindi, dovresti ora spostare lo stato attivo su mobile? Anche se è importante prestare particolare attenzione ai dispositivi mobili, vale la pena considerare che l'utilizzo del desktop è ancora molto elevato, con il 42% di share .
Pertanto, la chiave è creare interfacce utente adattive questo darà al consumatore una grande esperienza nonostante la visualizzazione o l'orientamento del dispositivo che stanno utilizzando.
Le persone sono estremamente occupate e, per questo motivo, dedicano raramente la loro piena attenzione a un compito. Per questo motivo, è necessario semplificare la comprensione del progetto.
Non far indovinare i tuoi utenti. Usa il linguaggio che possono facilmente capire in termini di parole, frasi e concetti. Evitare l'uso di termini speciali di sistema o di settore e insistere su un linguaggio familiare per il pubblico.
Se intendi che l'utente completi determinati obiettivi, lascia che le azioni siano in una sequenza che ha un inizio, una parte centrale e una fine. Al termine, utilizzare una notifica per informare l'utente e includere eventuali passaggi successivi.
Ad esempio, se stai progettando una pagina per un sistema bancario online, puoi raggruppare le azioni in "Dettagli contatto", "Dettagli account" e "Impostazioni profilo" invece di averle tutte in un unico modulo.
Gli errori non sono solo anomalie ed errori, ma anche grandi ostacoli a visitatori che intraprendono l'azione desiderata .
Se qualcosa va storto o carica in modo errato, la maggior parte dei visitatori non aspetterà una soluzione, se ne andranno. Rimani vigile e stai attento agli errori, aggiustando quelli che riesci a individuare il prima possibile.
Agli utenti non piace fare errori. Si sentono ancora peggio se pensano che sia la colpa dell'errore. Se non trasferiscono questo odio a te e vanno avanti, abbandoneranno i loro account ancor prima di essere istituiti, per esempio.
Quando si progetta, eliminare la possibilità di un errore o progettare un sistema che verifichi l'errore per loro prima che vadano troppo oltre. Ad esempio, supponiamo che tu richieda agli utenti di creare una password di almeno 8 caratteri e che includa almeno una cifra.
Il tuo sistema lascerà che l'utente continui a creare una password che non è sufficiente, solo per avvisarli quando fanno clic su "Avanti" o può notificarli mentre digitano la password? Quest'ultimo è il design migliore.
La coerenza nell'intera interfaccia utente si riduce a rendere le cose continue, prevedibili e all'interno delle aspettative. Progettare tutto il più in generale possibile, assicurandosi che non ci siano sorprese o risultati inaspettati, è molto importante per rendere le cose coerenti.
Dal Principio di Least Surprise : "Se una caratteristica necessaria ha un alto fattore di stupore, potrebbe essere necessario riprogettare la funzione."
Gli utenti devono indovinare cosa significano le parole e quali significano la stessa cosa? Devono preoccuparsi di fare clic su un determinato pulsante perché non sono sicuri di ciò che farà? Garantire coerenza di processi, funzionalità, aspetto e terminologia.
Fortunatamente, non c'è carenza di risorse su questo argomento. La maggior parte del costruttori di siti web stimabili ti aiuterà in questo modo poiché presentano un design uniforme e coerente del layout della griglia.
Come spesso viene detto oggi, "Il contesto è tutto". Il contesto è il modo in cui siamo in grado di connettere nuove idee insieme a vecchie idee, costruendo relazioni e significato nel nostro mondo.
Il miglior insegnante per questa lezione è probabilmente un inserzionista. Gli inserzionisti sanno che senza la sensibilità al contesto per il momento e il modo in cui presentano i loro annunci, allora gli annunci diventano inutili - e questo è denaro sprecato ( guarda come Google AdWords determina come presentare gli annunci ).
Allo stesso modo, devi applicare la progettazione contestuale nelle interfacce utente. L'interfaccia utente contestuale è la progettazione basata sulla posizione, il tempo e la situazione di un sito Web o di un'app in modo che fornisca i dati più pertinenti all'utente. E questo non è stato motivo di grande preoccupazione per i designer fino a qualche anno fa.
Con la crescita della connettività in tempo reale e la dipendenza da Internet, il contesto potrebbe essere la causa del tuo fallimento o del tuo successo.
Il contesto è la chiave delle relazioni umane e altrettanto importante per gli elementi di base del design . Ci aspettiamo che gli oggetti interattivi siano intuitivi e dovrebbero progettare per formare relazioni coerenti tra i nostri funzione e design .
Determinazione della dimensione degli oggetti dell'interfaccia utente e la quantità di spazio bianco tra di loro è fondamentale per assicurarsi che il design sembra equilibrato e prevedibile .
Oltre a attirare l'attenzione dell'utente, questo aiuta anche gli utenti a capire dove si trovano gli oggetti, senza dover cercare dappertutto.
Test costante è il modo migliore per determinare il modo migliore per farlo, allargando ciò che deve richiedere più attenzione e riducendo ciò che deve essere meno distraente.
Sviluppatori e designer di solito amano personalizzare tutto.
Questo ci permette di avere il controllo di tutto, dalle interfacce agli sfondi alle suonerie. La maggior parte delle persone, tuttavia, non sembra preoccuparsi della personalizzazione. La maggior parte dei dispositivi e altri dispositivi elettronici di consumo acquistati quasi mai cambiato . Le persone in genere non modificano le impostazioni di fabbrica, dal momento che cambiarle richiede know-how, tempo e impegno.
Conoscendo questo fatto, è importante assicurarsi che le impostazioni predefinite siano adatte a un grande gruppo di utenti per comprendere e navigare facilmente. Questo significa dire all'utente, "Ehi, puoi personalizzarlo, ma non devi."
Le persone in genere non intraprendono alcuna azione a meno che non vengano loro richieste. Ecco perché le tattiche come l'invito all'azione sono così potenti da aiutare guidare le conversioni .
Ancora più importante, chiedi loro "gentilmente". Cosa significa questo? Ad esempio, considera i tempi e il contesto. Chiederai all'utente di iniziare un altro obiettivo senza completare quello in cui si trova attualmente? Considera quando appare un pop up che chiede loro di dare un'occhiata ad altre cose. Se non appare dopo che si scorre fino alla fine del post, allora stai sbagliando.
Prendi nota che funziona solo quando il visitatore è effettivamente interessato a qualcosa che stai offrendo. Se riesci a dimostrare che stai offrendo un valore significativo alle persone, non esitare a chiedere agli utenti di fare qualcosa in cambio, come seguire le tue pagine di social media o blog. Questo funziona per mantenere i tuoi utenti informati, e anche per naturalmente aumentare il traffico web col tempo.
Nella nostra società di web design, abbiamo notato che i visitatori del sito web non sapevano come contattarci. C'erano solo troppe opzioni. Le persone sarebbero spesso sopraffatte e non sapevano come avviare il processo di contatto.
Avrebbero pensato a se stessi e alla fine abbiamo ricevuto meno conversioni da contatto. Rendendo le nostre azioni desiderate più ovvie, abbiamo indirizzato visivamente gli utenti alle azioni che desideravamo.
Ancora una volta, non lasciare indovinare i tuoi utenti. Fai sapere loro esattamente quello che vuoi e avvisali quando completano l'azione.
Quando entri in una stanza buia e premi un interruttore della luce, ti aspetti che la luce si accenda. Se non accade nulla quando si aziona lo switch, è possibile ipotizzare che qualcosa sia andato storto. Questo è altrettanto vero quando si tratta di design.
A nessuno piace essere incerti sulle proprie azioni, quindi ci dovrebbe essere un feedback per gentile concessione di messaggi di suggerimento e notifiche per mostrare ai visitatori che le loro azioni hanno avuto successo e sono state riconosciute. Il feedback può essere semplice come eseguire un sondaggio web o aggiungendo una notifica "Completa" una volta che un modulo è stato presentato, ma è cruciale quando iniziare un blog o app.
Questo sottolinea anche la necessità di non lasciare i tuoi visitatori a indovinare se stessi. Il sistema dovrebbe essere in grado di offrire un feedback pertinente, adeguato all'importanza e all'urgenza, completo, ragionevole e contestuale.
L'arte del design è in continua evoluzione e continueremo a trovare nuovi modi per unire funzionalità e forma nel design dell'interfaccia utente. Abbiamo attraversato cose come il minimalismo e il design reattivo, cambiando e trasformando le nuove tecnologie in primo piano.
Tenendo presenti queste dieci regole per l'interfaccia utente, non dimenticare che alcune regole sono state fatte per essere infrante.
Testare e sperimentare è come apprendiamo nuove tecniche fidate, ma possiamo basarci su molte di queste regole come fondamento.