Gli errori di progettazione possono accadere a chiunque. Forse stai cercando di finire un progetto troppo velocemente, o stai lavorando a un design di un sito complesso in cui qualcosa viene semplicemente trascurato. Ma quando accadono, devi sistemarli? subito!
Alcuni errori di progettazione possono rovinare il contenuto, far sì che gli utenti abbandonino il tuo sito o perdano fiducia nelle informazioni fornite. Può essere difficile da recuperare se non si apportano correzioni. E così non sei confuso, ognuno dei consigli di oggi viene fornito con un esempio di un design che fa proprio da Design Shack Gallery!
1. Tipografia sciatta
Il più grande criminale di tipografia è lo spazio. L'interlinea o l'interlinea e la quantità di spazio negli involucri di testo sono reati comuni. Mentre a volte si vede troppo spazio, il problema più comune è che il testo non ha spazio sufficiente per respirare, rendendo il design ingombrante e difficile da leggere.
Per la maggior parte dei blocchi di copia pesante - si pensi ai paragrafi del testo del corpo - l'interlinea normale per il web è circa dal 120 al 150 percento delle dimensioni del lettering. Con testo più piccolo, ad esempio il rendering su dispositivi mobili, puoi anche sbagliare sul lato di una piccola spaziatura di riga aggiuntiva per garantire la leggibilità.
Il trucco è in quel mezzo felice, in cui il testo è facile da leggere e ha un flusso naturale, ma non diventa stancante per gli occhi. Il testo troppo distanziato può essere altrettanto difficile da elaborare quanto un testo troppo vicino.
Quando si tratta di testo, segui la stessa regola generale. Per gli elementi correlati che eseguono il wrap, prendere in considerazione il mirroring delle regole di spaziatura delle linee. In questo modo tutto avrà una sensazione coerente che mostra elementi simili ma aumenta la leggibilità.
Farlo bene: House of Khlebny
2. Stesse dimensioni Tutto
Tutte le scatole fotografiche hanno le stesse dimensioni. Tutto il testo è della stessa dimensione. Tutti i pulsanti hanno le stesse dimensioni. Mentre la coerenza è buona, tutta la monotonia è semplicemente noiosa.
Mescolalo con un paio di dimensioni e opzioni di scala per ogni tipo di elemento. In questo modo puoi mantenere quella coerenza, ma anche aiutare a guidare l'occhio e creare interesse visivo.
Una delle cose migliori che puoi fare è pensare alla scala fotografica all'interno dei frame. L'intestazione dell'eroe su ogni pagina avrà probabilmente le stesse dimensioni, ma il modo in cui posizioni la foto nel fotogramma può essere diverso. Riduci le immagini per una sensazione lontana che sembra più piccola con meno peso visivo; usa un crop stretto per far apparire le cose più vicine e più prominenti. Senza modificare le dimensioni effettive o persino modificare gli stili o il modello del tuo sito web, hai creato cose che sembrano essere di dimensioni diverse.
Farlo bene: Brooke Promiitz
3. Dimenticare la gerarchia
Un utente arriva a un sito Web che si aspetta di trovare o fare qualcosa. Rendilo facile per loro con una gerarchia distinta di elementi che portano a questa azione.
Le cose più importanti nel design dovrebbero essere le più importanti e ridimensionare le cose di minore importanza. Classifica e raggruppa le informazioni in bit scansionabili che sono facili da leggere per gli utenti e capire.
E poi trasforma la tua gerarchia in un insieme di regole per motivi di coerenza. In questo modo un titolo appare sempre come un titolo e i pulsanti seguono lo stesso tipo di regole per il posizionamento, la dimensione e l'interazione. Tutte queste piccole cose renderanno più semplice l'intero set per gli utenti.
Farlo bene: tema Ragnar
4. Trascurare le basi
Quante volte vi siete imbattuti in un sito Web, avete fatto clic su un collegamento e non è successo niente? Oppure hai cercato un indirizzo email o un modulo di contatto solo per non trovarne uno?
Non dimenticare di prendersi cura di tutti gli elementi di pulizia nel design e assicurarsi che siano compilati, facili da trovare e accurati. Presta molta attenzione alla navigazione, alla ricerca e al piè di pagina.
È importante che queste aree includano collegamenti e informazioni aggiornati. Gli utenti si aspettano un certo tipo di esperienza da questi elementi e possono essere frustrati facilmente se non esistono. Fornisce inoltre legittimità per il tuo sito Web: i link non funzionanti o le informazioni di contatto non possono sfidare gli utenti.
Farlo bene: Anagram Paris
5. Troppe parole
Modifica la tua copia, mettila da parte e poi modificala di nuovo.
Il problema con molti siti Web è che usano troppa copia per spiegare cose semplici. La lingua dovrebbe essere chiara e concisa perché gli intervalli di attenzione sono brevi.
Utilizza parole attive e descrittive per parlare al meglio con gli utenti nel design. Fornisci istruzioni chiare per gli elementi utilizzabili che indicano agli utenti esattamente cosa fare e cosa succederà dopo.
Questa chiarezza nella scrittura contribuirà a mantenere gli utenti interessati e a muoversi attraverso la copia.
Farlo bene: A è per Albert
6. Scarsa risoluzione
Una brutta immagine di qualsiasi tipo dovrebbe essere evitata. Molti utenti stanno visualizzando il tuo design su dispositivi ad alta risoluzione, da schermi retina abilitati su tablet a monitor che mostrano ogni pixel con dettagli precisi. Una scarsa risoluzione dell'immagine ucciderà qualsiasi disegno.
Il trucco sta ripensando a ciò che sai riguardo alle dimensioni e alla compressione dei file. Mentre queste cose sono piuttosto significative, le regole sono leggermente cambiate. I file più grandi stanno diventando più standard e la maggior parte delle connessioni Internet può gestire il carico.
La realtà è questa: se non puoi usare un'immagine nitida e nitida, non usare affatto un'immagine. La tua prima impressione visiva dice agli utenti molto di te. Una cattiva immagine mostra che non ti interessa, non sono credibili o semplicemente non pensare prima alla qualità. Sicuramente, queste non sono le cose che vuoi che gli utenti pensino quando visitano il design del tuo sito web.
Farlo bene: Orsolina 28
7. Troppe trucchi
Esagerare con le illustrazioni, usare troppe foto e far cadere ombre o ballare icone che vanno troppo lontano sono alcuni dei trucchi di progettazione comuni che possono distrarre gli utenti dal messaggio nel design.Qualsiasi tecnica di progettazione esistente per una ragione visiva può essere considerata un trucco: colori insoliti, animazioni, combinazioni di foto dispari e illustrazioni sono tutti trucchi del design.
E possono essere strumenti efficaci per contribuire a creare interesse e coinvolgimento.
Se usato con parsimonia.
Limita i trucchi a una cosa che contraddistingue il tuo progetto. E cerca di non esagerare. Un'ottima illustrazione, ad esempio, può essere uno strumento piacevole, ma se parti di tale illustrazione sono troncate e ci sono illustrazioni in tutto il disegno, possono distrarre. Uno? Grande trucco? è meglio, e generalmente più efficace di un sacco di piccoli trucchi.
Farlo bene: Wokine
Conclusione
Non scoraggiarti se sei colpevole di aver commesso uno di questi errori di progettazione. Succede a tutti. Recupera bene e il tuo contenuto sarà al sicuro.
Neanche una riprogettazione per correggere questi errori. Alcune modifiche apportate agli elementi di progettazione possono essere sufficienti per pulire e semplificare gli errori di progettazione comuni. Il primo passo è l'auditing del tuo progetto per trovare luoghi che potrebbero richiedere una particolare attenzione. In bocca al lupo!