Share
Con oltre 644 milioni di siti Web su Internet, non è facile distinguersi dalla massa. Naturalmente, i progettisti fanno del loro meglio per evitare un disegno banale e dimenticabile e creano invece qualcosa di moderno e memorabile.
A volte, tuttavia, questi sforzi causano problemi anche per i loro utenti più fedeli. Questo perché nel web design, un miglioramento visivo a volte può tradursi in un degrado dell'usabilità. Prima di implementare tutte le tecniche di stile nel tuo repertorio di progettazione, considera le conseguenze di usabilità involontarie.
In questo articolo discuteremo cinque tecniche di web design e i loro potenziali problemi di usabilità.
Lo scorrimento infinito consente agli utenti di sperimentare un flusso infinito di contenuti con una navigazione minima. Quando gli utenti raggiungono la parte inferiore della pagina, non hanno bisogno di colpire i link di paginazione: più contenuti vengono automaticamente pubblicati.
Potresti aver implementato lo scrolling infinito perché introduce un'elegante fluidità e vivacità alla pagina.
Se gli utenti hanno trovato qualcosa di interessante nella pagina di oggi, possono tornare a quell'articolo domani senza scorrere la loro vita nella speranza disperata di trovarlo di nuovo? Il tuo sito offre agli utenti link per visitare gli articoli visti di recente? Il tuo sito fornisce una funzione di ricerca sufficientemente accurata per individuare quell'elemento dopo aver inserito le poche parole chiave che l'utente potrebbe ancora ricordare? Se la tendenza delle tue risposte era No, lo scroll infinito ha derubato i tuoi utenti della gioia di tornare ai contenuti per loro importanti. Quando tratti i tuoi contenuti come una fase passeggera, svaluti inavvertitamente il tuo contenuto e il tuo sito.
I tuoi utenti hanno scelto di visitare il tuo sito Web perché contiene un elemento di interesse personale o significato per loro. Quando la pagina si carica, colpiscono allegramente Ctrl-F per cercare una parola o una frase, solo per trovare zero risultati corrispondenti perché il contenuto che vogliono non è stato ancora caricato e quindi non può essere trovato! Se pensi che i tuoi utenti indaffarati possano scorrere pazientemente fino a quando il contenuto di cui hanno bisogno è caricato, ripensateci. Prendi in considerazione la prioritizzazione della ricerca rispetto alla scrollabilità nella tua metodologia di progettazione.
Il menu di navigazione multilivello presenta livelli multipli e nidificati di elementi di navigazione. Solo quando si naviga verso un singolo oggetto, i suoi elementi figli diventano disponibili.
È possibile che tu abbia implementato la navigazione a più livelli perché il tuo sito ha più livelli di argomento nidificati e vuoi ridurre la confusione e lo spazio della pagina di un menu di navigazione tradizionale in cui tutti questi livelli di argomento sono disponibili dall'inizio. Dopo tutto, il menu di navigazione multi-livello mantiene le interrelazioni tra gli argomenti e lo fa in modo elegante e compartimentato.
Anziché ridurre la complessità di un sito con una gerarchia di argomenti nidificati, il menu di navigazione multi-livello semplicemente nasconde tale complessità dalla vista. Gli utenti devono ancora cercare di dare un senso a una palude di argomenti che non sono classificati in modo intuitivo. Esamina i motivi per cui desideri ridurre e mascherare i livelli di navigazione aggiuntivi. Potrebbe essere che il tuo vero obiettivo sia quello di appiattire l'architettura del sito in modo tale che gli argomenti siano presentati in un formato più facilmente consumabile e raggruppato logicamente? Se è così, non aver paura di affrontare il problema di root e riconsiderare le tue decisioni sull'architettura delle informazioni. Ricorda che il lavoro di un menu di navigazione è quello di abilitare la navigazione e l'accessibilità, non di nascondere una mancanza di navigazione o accessibilità.
Tutti li abbiamo visti: menu di navigazione a più livelli che richiedono agli utenti di passare con il mouse sulle voci di menu con la precisione di un chirurgo per individuare un oggetto di interesse. Se il cursore dell'utente scivola fuori da una voce di menu, puf, l'intero menu di navigazione scompare alla vista e lascia gli utenti indietro dove hanno iniziato. Il tuo menu di navigazione multi-livello ora è più simile a un videogioco frustrante: gli utenti più avidi e determinati continueranno a provare a trionfare sul menu di navigazione, ma la maggioranza semplicemente lascerà e troverà le informazioni che cercavano da una fonte più pratica.
Un'icona su un sito web è spesso interattiva e funge da rappresentazione visiva simbolica di una funzione disponibile per gli utenti. Potresti aver implementato delle icone strabilianti sul tuo sito per provocare una risposta immediata da parte dell'utente che pensi che le parole da sole non possano ottenere. Dopo tutto, un'immagine vale più di mille parole e le icone vengono utilizzate nella segnaletica di tutti i settori in tutto il mondo per trasmettere immediatamente messaggi e istruzioni importanti.
Potresti aver creato un'icona abbagliante così artistica e sofisticata da poter essere visualizzata nella home page di Dribbble, ma se le persone non capiscono cosa significano, è meglio descrivere le funzioni in parole semplici. Quando si tratta di icone, la bellezza è solo la pelle profonda. Il valore delle icone sul tuo sito può essere valutato in primo luogo dalla loro relatività e riconoscibilità.
I tuoi utenti si concentreranno sugli aspetti di un sito che hai in primo piano. Pertanto, se le icone sono una caratteristica onnipresente sul tuo sito, stai comunicando ai tuoi utenti che dovrebbero prestare la loro attenzione primaria alla tua iconografia e attenzione secondaria al contenuto del testo. I tuoi utenti sono ora affamati di contenuti pertinenti e bombardati da immagini che non si aspettavano né desideravano. Se questo non è il tuo intento, considera l'importanza del contenuto del testo sul tuo sito includendolo in modo più prominente e includendo l'iconografia con parsimonia. Raggiungere un equilibrio tra testo e immagini è fondamentale per mantenere l'interesse dell'utente.
Un footer della mappa del sito è un piè di pagina che contiene collegamenti ai vari argomenti contenuti nel tuo sito Web. Questi collegamenti sono in genere presentati in una gerarchia o struttura che imita la struttura del sito reale. Ciò si traduce nel footer della sitemap che appare simile a un vero file Sitemap utilizzato dai crawler dei motori di ricerca per valutare l'elenco cumulativo di pagine in un sito Web e le relazioni della pagina.
È possibile che tu abbia implementato un footer della sitemap perché il tuo sito contiene più argomenti in una gerarchia e desideri fornire agli utenti un elenco completo e consolidato di link che consenta loro facilmente di passare a qualsiasi argomento di loro scelta. Dopo tutto, se il tuo sito web ha un sacco di contenuti, un footer della sitemap può impedire agli utenti di cercare senza meta il link al contenuto di cui hanno bisogno.
Il tuo footer della sitemap contiene link ad argomenti che non possono essere consultati alternativamente attraverso un altro elemento di navigazione che appare in precedenza nella pagina? In tal caso, dopo visite ripetute i tuoi utenti si alleneranno per dipendere dal piè di pagina per trovare collegamenti che non riescono a trovare attraverso altre pagine di navigazione. Il tuo povero footer si trova ora di fronte all'elevata pressione di compensare la mancanza di accessibilità delle informazioni a livello di sito più ampio. Vuoi veramente che i tuoi utenti sorvegli il tuo contenuto principale attentamente costruito e salti direttamente al footer? In caso contrario, prendere in considerazione il miglioramento della disponibilità generale del collegamento e del posizionamento sul sito. Se i collegamenti ad argomenti di alto valore sono resi visibili agli utenti nelle prime fasi della pagina, sia i tuoi contenuti che i tuoi utenti saliranno in alto.
Prima che i tuoi utenti facciano clic su un link, avranno bisogno di incoraggiamento da parte tua per fornire loro la motivazione e il contesto per fare clic su tale link. La cosa brillante di un menu di navigazione è che fornisce agli utenti questo stesso contesto. Aiuta gli utenti a orientarsi fornendo collegamenti agli argomenti del sito in modo ordinato e logico. Confrontalo con l'intrinseca mancanza di contesto in un footer della sitemap. L'utente si trova nella parte inferiore della pagina ed è probabile che abbia finito di esaminare i contenuti principali della pagina per cui sono venuti. Non hanno alcun incentivo a continuare a leggere, ma ora sono presentati con una raffica di link nel footer. Se i link coprono tutti gli argomenti del sito dalla A alla Z e non è stato stabilito alcun contesto del loro rapporto reciproco, non si può ragionevolmente aspettarsi che gli utenti si avventurino in questo collegamento selvaggio.
Un carattere ornamentale è semplicemente un carattere altamente stilizzato, decorato o pittorico. Li abbiamo visti tutti, siti che usano caratteri impreziositi come il divertente "Curlz", l'elegante "Voluta Script" o l'innovativo "Ecofont". Potresti aver usato un font ornamentale sul tuo sito perché volevi dare una nuova vita al testo normale e il pensiero aggiungendo un carattere vivace lo avrebbe raggiunto.
Poche cose sul web sono più deludenti di un font incredibilmente elaborato che è così illeggibile sullo schermo che semplicemente non vale il suo peso di font. Il contenuto è il re sulla tua pagina, quindi se gli utenti non possono leggere o ottenere valore dai tuoi contenuti, è improbabile che restino sulla tua pagina e ammirino il merito artistico del carattere. Usa la tua discrezione e conduci un test di leggibilità di tutti i font ornamentali che usi. Puoi leggere comodamente il font nelle sue varianti maiuscole, minuscole, in grassetto e in corsivo? In caso contrario, prendere in considerazione l'eliminazione del carattere e la sua sostituzione con qualcosa di più utilitaristico. Il font più efficace è uno di cui la chiarezza gli permette di parlare da solo, senza abbellimenti pesanti.
Supponiamo che tu abbia deciso di implementare sul tuo sito un font che assomiglia alla tua scrittura a 12 anni. Diciamo anche che il contenuto del tuo sito è di natura professionale e si rivolge alla comunità medica. Oltre a essere difficile da leggere sullo schermo, la scelta del font è notevolmente disallineata rispetto al contenuto e allo scopo generale del sito. Le bandiere rosse verranno inviate ai tuoi utenti che si chiedono come percepire il tuo sito quando c'è una disconnessione lampante tra il contenuto reale e il modo in cui viene presentato. È improbabile che i tuoi utenti trovino il tuo carattere carino e stravagante. Invece, il tuo carattere non adatto ti ha fatto una vera ingiustizia. Se non vuoi che i tuoi utenti lo sperimentino, prova a scegliere un carattere tipografico appropriato e pertinente al tono generale dei tuoi contenuti e del tuo sito.
Nel web design, non tutto ciò che luccica è oro, e non tutto ciò che è memorabile, esteticamente gradevole o persino funzionalmente innovativo è necessariamente utilizzabile o accessibile. Che tu sia un designer nuovo o esperto, con il tempo continuerai ad acquisire numerose e potenti tecniche nel tuo repertorio di design. Come dice il proverbio, con un grande potere derivano grandi responsabilità. Assumiti la responsabilità della potenza del tuo design e prenditi la responsabilità dei tuoi utenti riflettendo attentamente prima di implementare funzionalità che ritieni possano migliorare il tuo sito.
Non consentire che la metodologia di progettazione o l'architettura delle informazioni ritardino o impediscano agli utenti di trovare e utilizzare il suo contenuto. Se i tuoi utenti possono contare sul tuo contenuto e possono contare sul tuo design per permettergli un accesso semplice a quel contenuto, puoi contare su di loro per tornare al tuo sito per gli anni a venire. Adesso quello è design memorabile.
Accentsconagua