Archivi tag: usability

Daltonismo & Web Design

Daltonismo è l’incapacità di percepire le differenze tra alcuni dei colori che gli utenti con problemi di non-colore possono distinguere (Wikipedia). Il daltonismo colpisce circa il 5-8% dei maschi (circa 10,5 milioni) e meno dell’uno per cento delle femmine. Esistono due tipi principali di daltonismo: quelli che hanno difficoltà tra il rosso e il verde e quelli che hanno difficoltà a distinguere tra il blu e il giallo.

Vantaggi dei siti Web Color Friendly

Ci sono molti vantaggi nel rendere il sito  Web accessibile ai visitatori daltonici, includono: SEO, responsività e supporto agli utenti anziani

Continua la lettura di Daltonismo & Web Design

Il digital divide gli utenti anziani

Il termine “digital divide” viene spesso utilizzato per riferirsi a barriere economiche e sociali all’uso del computer per le persone senza disabilità.

Molte persone con disabilità sono influenzate dagli stessi fattori economici e sociali, compresi tassi di occupazione molto bassi e conseguentemente bassi redditi.

Insieme alle barriere nell’ambiente fisico e nelle tecnologie informatiche, questi fattori possono portare a:

  • mancanza di tecnologie web convenzionali accessibili (come browser e strumenti di authoring)
  • mancanza di tecnologie assistive efficaci e aggiornate
  • mancanza di opportunità di formazione per diventare esperto di tecnologie web
  • accesso limitato a un ambiente sociale che incoraggia l’uso limitato dell’accesso al web a connessioni a larghezza di banda elevata, o persino a regolare accesso al Web

Un’organizzazione che si impegna a ridurre il digital divide può includere nel suo business case una descrizione di come l’accessibilità al web può ridurre l’impatto delle barriere economiche e sociali sull’uso della rete per le persone con disabilità.

Sovrapposizione con l’accesso mobile

In alcune parti del mondo, la maggior parte delle persone utilizza il Web solo attraverso un telefono cellulare, perché non ha accesso a un desktop o laptop. La sovrapposizione tra design mobile, sviluppo e accessibilità viene introdotta in Web Content Accessibility e Mobile Web.

Sovrapposizione con le esigenze degli utenti più anziani

Man mano che più persone vivono più a lungo e le persone anziane utilizzano maggiormente il Web, fare in modo che il Web funzioni bene per gli utenti anziani sta diventando un fattore sociale sempre più importante.

Molte persone anziane hanno menomazioni legate all’invecchiamento che possono influenzare il modo in cui utilizzano il Web, compreso il declino:

  • visione – compresa sensibilità al contrasto ridotta, percezione del colore e messa a fuoco ravvicinata, rendendo difficile la lettura delle capacità fisiche delle pagine web – inclusa la destrezza
  • ridotto controllo motorio, rende difficile l’uso di un mouse e fare clic su piccoli obbiettivi –
  • difficoltà di udire suoni più acuti e separare i suoni, rendendo difficile ascoltare i podcast e altri audio, specialmente quando vi è una capacità cognitiva musicale di sottofondo
  • ridotta memoria a lungo termine, difficoltà di concentrazione e facilità ad essere distratta, rendendo difficile seguire la navigazione e completare attività online

Questi problemi si sovrappongono ai bisogni di accessibilità delle persone con disabilità.

Pertanto, i siti Web e gli strumenti accessibili alle persone con disabilità sono più accessibili anche agli utenti più anziani.

 

Nozioni di base sull’accessibilità

L’accessibilità si concentra su come una persona disabile accede o beneficia di un sito, sistema o applicazione. L’accessibilità è una parte importante della progettazione del tuo sito e dovrebbe essere considerata durante tutto il processo di sviluppo.

Implementazione dell’accessibilità

I siti accessibili presentano informazioni attraverso molteplici canali sensoriali, come il suono e la vista, e consentono ulteriori mezzi di navigazione e interattività del sito oltre la tipica interfaccia point-and-click: controllo basato sulla tastiera e navigazione vocale.

La combinazione di un approccio multisensoriale e di un approccio multi-interattività consente agli utenti disabili di accedere alle stesse informazioni degli utenti non disabili.

Rendere l’accessibilità una priorità

Rendendo accessibile il tuo sito web, stai garantendo che tutti i tuoi potenziali utenti, incluse le persone con disabilità, abbiano un’esperienza decente e siano in grado di accedere facilmente alle tue informazioni. Implementando le migliori pratiche di accessibilità, si migliora anche l’usabilità del sito per tutti gli utenti.

W3C osserva che “l’accessibilità si sovrappone ad altre migliori pratiche come il web design mobile, l’indipendenza del dispositivo, l’interazione multi-modale, l’usabilità, il design per gli utenti più anziani e l’ottimizzazione dei motori di ricerca (SEO).

Casi di studio dimostrano che i siti Web accessibili offrono migliori risultati di ricerca, costi di manutenzione ridotti e una maggiore copertura del pubblico, tra gli altri vantaggi. “Best practice per contenuti accessibili

Quando si creano contenuti digitali, assicurarsi di considerare quanto segue:

  • Non fare affidamento sul colore come strumento di navigazione strumento o l’unico modo per differenziare gli elementi
  • Le immagini devono includere il testo Alt nel markup / codice; le immagini complesse dovrebbero avere descrizioni più estese vicino all’immagine (magari come didascalia o riepiloghi descrittivi incorporati in un paragrafo adiacente)
  • La funzionalità dovrebbe essere accessibile tramite mouse e tastiera ed essere taggata per funzionare con i sistemi di controllo vocale
  • Fornire trascrizioni per i podcast
  • Se si dispone un video sul tuo sito, devi fornire un accesso visivo alle informazioni audio tramite sottotitoli in-sync
  • Ricorda di fornire un canale secondario per  garantire che gli utenti disabili abbiano un’esperienza uguale e positiva sul tuo sito.
  • Devi progettare il tuo canale secondario tenendo a mente sia il pubblico che il contesto. In altre parole, il “canale secondario” non deve essere trattato come “secondario”.

UX: come organizzare i contenuti

Nozioni di base sulla strategia di contenuto:

La strategia di contenuto si concentra sulla pianificazione, creazione, consegna e governance dei contenuti.

Il contenuto non include solo le parole sulla pagina ma anche le immagini e i contenuti multimediali utilizzati.

Garantire che tu abbia contenuti utili e utilizzabili, che sia ben strutturato e facilmente reperibile è fondamentale per migliorare l’esperienza utente di un sito web.

Creare una strategia e una governance complete

L’obiettivo della strategia sui contenuti è creare contenuti significativi, coesi, coinvolgenti e sostenibili.

Elenchiamo le componenti che si uniscono per aiutarti a creare una strategia e una governance di successo.

Componenti orientati al contenuto

Componenti orientati alla persona

Identifica obiettivi e sostanza: si concentra su quale contenuto è necessario per eseguire correttamente la strategia principale. Comprende caratteristiche come l’architettura di messaggistica, pubblico (i) previsto e voce e tono.

Delineare i ruoli e il flusso di lavoro: si concentra su come le persone gestiscono e gestiscono i contenuti su base giornaliera, inclusi i ruoli, le attività e gli strumenti richiesti durante il ciclo di vita del contenuto.

Determine Structure: si concentra su come il contenuto è ordinato, organizzato e consultato. Si concentra sul contenuto stesso, inclusa la mappatura dei messaggi al contenuto, il bridging dei contenuti e la creazione di tabelle di pagine dettagliate.

Identificazione di politiche e standard: si concentra sulle politiche, gli standard e le linee guida che si applicano al contenuto e al suo ciclo di vita, nonché su come un’organizzazione sosterrà e svilupperà la sua strategia sui contenuti.

Ciclo di vita dei contenuti

Produrre contenuti convincenti e sostenibili significa che è necessario comprendere e seguire il ciclo di vita dei contenuti. Ci sono cinque fasi nel ciclo di vita. I

n generale, i cicli di vita dei contenuti includono quanto segue:

Audit e analisi: interviste ai soggetti interessati ai contenuti, analisi competitiva, analisi obiettiva e valutazione dell’ambiente dei contenuti (sito, contenuto del partner, sorella, siti parent)

Strategia: Determinazione delle aree di proprietà topica, tassonomia, processo / flusso di lavoro per la produzione di contenuti, piano di approvvigionamento, voce e definizione del marchio

Piano: raccomandazioni per il personale, personalizzazione del sistema di gestione dei contenuti, piano di metadati, piano di comunicazione, piano di migrazione

Creazione: scrittura di contenuti, produzione di asset, modello di governance, ottimizzazione dei motori di ricerca, controllo qualità per l’audit periodico, consigliare il cliente, determinare gli obiettivi per le misure di successo.

Molti dei risultati relativi a ciascuna di queste fasi si sovrappongono ai risultati di altri campi, tra cui l’architettura delle informazioni, la ricerca degli utenti, la gestione dei progetti, l’analisi dei dati web.

E’ importante pensare a chi contribuisce a ciascuno e a come questi diversi contributi si uniscono per definire il prodotto finale.

Best practice per la creazione di contenuti significativi

Abbiamo identificato queste best practice per aiutarti a creare contenuti significativi e pertinenti.

Ogni contenuto dovrebbe:

Riflettere gli obiettivi della tua organizzazione e le esigenze dell’utente. Puoi scoprire le esigenze dei tuoi utenti conducendo ricerche di mercato, ricerche degli utenti e analisi delle metriche web.

Comprendere in che modo l’utente pensa e parla di un argomento.

Il contenuto dovrebbe quindi essere creato e strutturato in base a questo.

Questo ti aiuterà anche con l’ottimizzazione dei motori di ricerca (SEO). Comunicare alle persone in un modo che capiscono. Abbracciare principi di scrittura semplici aiuta con questo. Essere utile. Essendo propositivo nei contenuti che includi, ometti l’inutile. Rimani aggiornato e resti fedele.

Quando nuove informazioni diventano disponibili, aggiorna il tuo contenuto o archivialo. Essere accessibile a tutte le persone. Hai la responsabilità di assicurarti che tutte le persone possano accedere e trarre vantaggio dalle tue informazioni. Sii coerente.

Essere trovato.

Assicurati che gli utenti possano trovare i tuoi contenuti sia internamente attraverso la navigazione sia esternamente attraverso i motori di ricerca. Aiutare a definire i requisiti per il sito complessivo. Il contenuto dovrebbe guidare la progettazione, la struttura, ecc

Basta con i website fotocopia

Quando è stata l’ultima volta che hai visto un sito Web che non aveva un’immagine enorme adattata allo schermo con scritto sopra il relativo titolone ?

Scorri verso il basso ancora un po ‘e verrai accolto da un altro pannello a larghezza intera, questa volta di colore a tinta unita con il testo centrato, oppure da un pannello a 3 colonne con icone poste all’inizio, in alto.

Tratto tradotto ed adattato da novolume

I siti web sono tutti uguali: ma perché?

Immagino che la prima domanda sia: perché, perché uno stile ha attraversato il mondo del web design ed è stato implementato su così tanti siti web?

Ci ho pensato e pensato e non ho mai avuto una risposta unica. Inizialmente ho esaminato l’enorme mercato tematico che esiste dove i designer vendono i loro temi a un numero sconfinato di clienti. Il mercato dei temi è enorme e, di conseguenza, i creatori imitano il lavoro più venduto nel tentativo di guadagnare di più.

Non farai molti soldi nel mercato dei temi uscendo dal branco e creando qualcosa di incredibilmente unico e personalizzato. Lo stile generico vince su tutti.

Credo che la semplicità giochi un’altra parte. Lo stile dominante è uno stile molto semplice sia da progettare che da sviluppare.

Non devi scavare in profondità nel software di grafica per imparare come centrare un paragrafo di testo su un grande fondo colorato. Allo stesso modo è facile realizzarne i codice.

È uno stile realizzabile, chiunque può farlo. Lo stile di per se stesso è ormai così tradizionale che i clienti lo chiedono. È successo a me, più di una volta. Anch’io ho creato siti che seguonoil solito schema.

Questo sicuramente è un altro motivo. Se i clienti vedono molti siti con lo stesso stile: lo richiedono. È un imprenditore audace quello che rischierà l’utilizzo di una impostazione grafica diversa. Non dovrebbe essere così, ma lo è.

Anche le agenzie di design sono colpevoli

Ciò che mi lascia perplesso è che in realtà sono i designer e le agenzie digitali ad essere le peggiori utilizzatrici di questo stile per i propri siti web.

Le agenzie di progettazione non hanno bisogno di usare i temi WordPress per creare i loro siti web. Non hanno bisogno di preoccuparsi delle capacità tecniche di chi programma i loro siti e sono i clienti di se stesse quando si tratta di costruire il proprio sito web.

Dovrebbero essere loro a forzare le cose e a cogliere l’occasione per fare qualcosa di nuovo.

A volte ripenso a quando i siti web erano prodotti in Flash. a fronte di tutti i suoi difetti (e ce n’erano molti) una cosa era vera. I sitifatti con Flash raramente erano uguali tra di loro.

Viviamo come terremotati digitali tutti negli stessi prefabbricati online: casette fatte di bit organizzare sempre alla stessa maniera. Una monocoltura senza scampo e senza possibilità di fuga.

Dopo anni in cui i social si sono trasformati in cellette monastiche, tutte graficamente uguali (l’azzurro costante e opprimente di Facebook, il tweet rigidamente incasellato in 140 e ora 280 caratteri, le foto sempre quadrate con i soliti effetti di Instagram, le chat senza fine dei gruppi di Whatsapp) adesso è la volta dei siti web.

Un terzo dell’intero web, cioè di quel mare digitale senza limiti e imperscrutabile composto dall’incastro di vite, affari, creatività e variazioni infinite che costituiscono la diversità degli esseri umani, ha in realtà quasi sempre le medesime fondamenta digitali.

Sono le fondamenta di WordPress, la piattaforma di software open source che viene utilizzata per costruire blog, siti web, cataloghi, ambienti di presentazione, home page, curricula in rete e tutto il resto che può venirci in mente (più molto altro).

I siti web che utilizzano WordPress sono circa un terzo di un campione più che rappresentativo: quei 10 milioni che, secondo il ranking fatto da Alexa e ripreso durante la conferenza W3Techs, sono la parte più importante e densamente collegata della rete.

La pancia di Internet è composta poi da un altro 50% di siti che non utilizzano alcun sistema di gestione dei contenuti (vecchie pagine statiche abbandonate su qualche server utilizzato per altri scopi, oppure siti dedicati a servizi molto specifici).

Questo significa che in realtà la quota di siti web che utilizzano WordPress come sistema di gestione dei contenuti (Cms) è il doppio. Due ogni tre.

La domanda è semplice: chi nella vita di tutti i giorni vorrebbe abitare in una casa identica a tutte le altre, stessa metratura e stesso arredamento, cambiando solo le foto nelle cornici sul tavolino, i soprammobili di pregio e qualche immagine appesa al muro? Quasi certamente nessuno.

Eppure la nostra vita digitale sta diventando così: un casellario uniforme e soffocante anziché quella corsa verso la libertà digitale che era la promessa di una rete senza confini e barriere artificiali.

 

 

Google Chrome: l’utilizzo di Flash scende dall’80% nel 2014 a meno dell’8% oggi

La percentuale di utenti giornalieri di Chrome che hanno caricato almeno una pagina contenente contenuti Flash al giorno è passata da circa l’80% nel 2014 a meno dell’8% all’inizio del 2018.

Queste statistiche sui numeri in calo di Flash sono state condivise con il pubblico da Parisa Tabriz , Director of Engineering presso Google, durante un discorso programmatico al Network and Distributed System Security Symposium (NDSS) tenutosi a San Diego la scorsa settimana. Tabriz, uno dei bigwigs di Google incaricato della sicurezza di Chrome, ha tenuto un discorso sull’evoluzione delle funzionalità di sicurezza in Chrome e nella piattaforma web.

Naturalmente, ha citato Flash!

Adobe ha smesso di supportare Flash entro la fine del 2020 La crisi di Flash era prevedibile, comunque. Adobe ha annunciato lo scorso anno di smettere di supportare Adobe Flash Media Player entro la fine del 2020.

Ma mentre Chrome, Firefox, Edge e tutti i principali browser sono già passati da un Flash abilitato all’impostazione predefinita a un Flash-click-to -la politica dello scorso anno, il massiccio calo dei numeri di utilizzo di Flash è una grande sorpresa per la maggior parte degli esperti del settore.

Questo grosso calo potrebbe, almeno in teoria, essere spiegato dal fatto che la maggior parte delle reti pubblicitarie e dei portali di streaming video si sono spostati da Flash a HTML5, il che significa che la maggior parte delle persone può passare giorni prima di incontrare un sito Web che carica ancora qualche tipo di oggetto Flash.

D’altra parte, la quota di mercato di Flash, il numero di computer con installato Flash, è probabilmente ancora piuttosto alta. La cifra dell’8% di Tabriz significa che pochissime persone usano ancora Flash per la riproduzione di contenuti web, il che è una buona cosa, permettendo ai browser di prepararsi per il momento in cui rimuoveranno il plugin per sempre.

Flash è da rimuovere completamente in Chrome 87 che dovrebbe essere rilasciato a dicembre 2020, ovvero la data limite concordata nel settore quando Adobe interromperà gli aggiornamenti di spedizione e quando anche altri browser acconsentiranno  a rimuovere Flash dalla loro versione stabile.

Ma prima di Chrome 87, gli utenti di Chrome passeranno attraverso un passaggio intermedio. Nelle versioni correnti di Chrome, Flash viene eseguito con una politica click-to-run.

A partire da Chrome 76, in programma a luglio 2019, Flash verrà disabilitato per impostazione predefinita, il che significa che gli utenti dovranno abilitare il plug-in nelle impostazioni prima di entrare anche in uno stato di click-to-run.

Tuttavia, ridurre l’utilizzo di Flash non è l’unica grande vittoria di Chrome negli ultimi anni. Proprio all’inizio di questo mese, Google ha annunciato che oltre il 68% del traffico di Chrome su Android e Windows e oltre il 78% del traffico Chrome su Chrome OS e Mac viene ora inviato tramite HTTPS. Per questo motivo, la società prevede di mostrare un’etichetta “Not Secure” per tutti i siti HTTP iniziando con Chrome 68, che verrà rilasciata a luglio di quest’anno.

Lunedì, Firefox ha pubblicato numeri simili, rivelando che il 75% di tutto il traffico di Firefox è ora crittografato. Anche Mozilla sta cercando di aggiungere un’etichetta “Not Secure” ai siti HTTP.

Il Wireframe: uno strumento base nella progettazione delle interfacce utente

Il wireframe è il disegno preliminare dell’interfaccia di una pagina che si concentra in particolare sull’allocazione dello spazio e la definizione delle priorità del contenuto, delle funzionalità disponibili e dei comportamenti previsti.

Per questi motivi, i wireframe in genere non includono alcuno stile, colore o grafica. I wireframe aiutano anche a stabilire relazioni tra i vari modelli di un sito Web.

Il valore dei wireframe

I wireframe servono a molteplici scopi, contribuendo a:

  • Collegare l’architettura delle informazioni del sito al suo design visivo mostrando percorsi tra le pagine
  • Chiarire i modi coerenti per visualizzare particolari tipi di informazioni sull’interfaccia utente
  • Determinare le funzionalità previste nell’interfaccia
  • Dare priorità al contenuto attraverso la determinazione di quanto spazio allocare a un determinato elemento e dove si trova l’elemento

wireframing

Creazione di wireframe

È importante tenere presente che i wireframe sono le guide a cui si allineeranno, nella pagina, gli elementi principali di navigazione e contenuto del sito. Dal momento che l’obiettivo delle illustrazioni non è quello di sovrapporsi al design: mantenete un impostazione essenziale.

Non usare i colori. Se in genere si utilizza il colore per distinguere gli elementi, invece, fare affidamento su vari toni di grigio per comunicare le differenze.

Non usare immagini. Le immagini distraggono dal lavoro di impostazione della pagina.

Per indicare dove intendi collocare un’immagine e le sue dimensioni, puoi invece utilizzare una sagoma rettangolare delle giuste dimensioni e contrassegnata con una x.

Usa solo un carattere generico. La tipografia non dovrebbe far parte della discussione sui wireframe. All’interno dei wireframe, tuttavia, è ancora possibile ridimensionare il carattere per indicare varie intestazioni e modifiche nella gerarchia delle informazioni di testo nella pagina.

Dato che i wireframe sono bidimensionali, è importante ricordare che non funzionano bene mostrando le funzionalità interattive dell’interfaccia come elenchi a discesa, stati di hover, fisarmoniche che implementano funzionalità di show-hide o caroselli con rotazione automatica.

Elementi importanti illustrati nei wireframe

Sebbene i wireframes differiscano da sito a sito, i seguenti elementi vengono spesso inclusi come elementi standard sui wireframe:

  • Campo di ricerca
  • logo
  • Breadcrumb
  • Headers, incluso titolo della pagina come H1 e sottotitoli
  • Sistemi di navigazione (menù orrizzontali e  a “tendina”), inclusa la navigazione globale
  • Contenuto del corpo
  • Pulsanti di condivisione
  • Informazioni di contatto
  • Piè di pagina

Tipi di wireframe

I wireframes possono variare sia nella produzione, dagli schizzi di carta alle immagini disegnate al computer e nella quantità di dettagli che trasmettono. Bassa e alta fedeltà sono termini usati per identificare il livello di produzione o funzionalità del wireframe.

I wireframe a bassa fedeltà aiutano a facilitare la comunicazione del team di progetto e sono relativamente veloci da sviluppare. Tendono ad essere più astratti perché utilizzano spesso immagini semplici per bloccare lo spazio e implementare il contenuto fittizio o il testo latino (lorem ipsum) come riempitivo per contenuti ed etichette.

I wireframe ad alta fedeltà sono migliori per la documentazione a causa del loro maggiore livello di dettaglio. Questi wireframe includono spesso informazioni su ogni particolare elemento della pagina, incluse dimensioni, comportamento e / o azioni relative a qualsiasi elemento interattivo

Come valutare l’usabilità delle interfacce uomo macchina

La valutazione dell’usabilità si concentra sul modo in cui gli utenti possono apprendere e utilizzare un prodotto per raggiungere i propri obiettivi. Si riferisce anche a quanto gli utenti sono soddisfatti di tale processo.

Per raccogliere queste informazioni, i professionisti utilizzano una varietà di metodi che raccolgono feedback dagli utenti su un sito esistente o piani relativi a un nuovo sito.

Cos’è l’usabilità?

L’usabilità si riferisce alla qualità dell’esperienza dell’utente quando interagisce con prodotti o sistemi, inclusi siti Web, software, dispositivi o applicazioni. L’usabilità riguarda l’efficacia, l’efficienza e la soddisfazione generale dell’utente. È importante rendersi conto che l’usabilità non è una proprietà unidimensionale di un prodotto, sistema o interfaccia utente. ‘Usabilità’ è una combinazione di fattori tra cui:

  • Design intuitivo: una comprensione quasi senza sforzo dell’architettura e della navigazione del sito
  • Facilità di apprendimento: la velocità con cui un utente che non ha mai visto l’interfaccia utente in precedenza può eseguire attività di base
  • Efficienza di utilizzo: come veloce un utente esperto può eseguire attività
  • Memorizzabilità: dopo aver visitato il sito, se un utente può ricordare abbastanza da utilizzarlo in modo efficace nelle visite future
  • Frequenza e gravità dell’errore: la frequenza con cui gli utenti commettono errori durante l’utilizzo del sistema, quanto sono gravi gli errori e come gli utenti recuperano dagli errori
  • Soddisfazione soggettiva: se l’utente ama utilizzare il sistema Quali sono i metodi di valutazione e quando dovrei implementarli?

La chiave per lo sviluppo di siti altamente utilizzabili è l’utilizzo del design centrato sull’utente. L’espressione “prova presto e spesso” è particolarmente appropriata quando si tratta di test di usabilità.

Le opportunità per i test includono:

  • Test di usabilità di base su un sito esistente
  • Focus group, sondaggi o interviste per stabilire gli obiettivi degli utenti
  • Buoni Acquisto test per monitorare lo sviluppo
  • IA Test wireframe per valutare la navigazione
  • Primi test per assicurarsi che gli utenti utilizzino il giusto percorso
  • Test di usabilità per valutare l’interazione dell’utente end-to-end e i sondaggi sulla soddisfazione per vedere come il sito si adatta al mondo reale.

Una combinazione di questi test migliorerà radicalmente l’usabilità del tuo sito, sistema o applicazione.

Lavorare con i dati del test

Le valutazioni di usabilità possono acquisire due tipi di dati: dati qualitativi e dati quantitativi. I dati quantitativi indicano ciò che è realmente accaduto. I dati qualitativi descrivono ciò che i partecipanti hanno pensato o detto.

Una volta raccolti i dati, utilizzarli per:

  • Valutare l’usabilità del sito Web
  • Raccomandare miglioramenti Implementare le raccomandazioni
  • Eseguire nuovamente il test del sito per misurare l’efficacia delle modifiche.

Nozioni di base sulla progettazione dell’interfaccia utente

Interfaccia utente

La progettazione di questo aspetto dell’user experience si basa sull’anticipazione delle esigenze degli utenti assicurando loro elementi di facile accesso, comprensione e utilizzo dell’interfaccia.

L’interfaccia utente riunisce concetti di interaction design, visual design e architettura dell’informazione.

Scelta degli elementi dell’interfaccia

Gli utenti hanno acquisito familiarità con gli elementi di interfaccia che agiscono in un certo modo, quindi cerca di essere coerente e prevedibile nelle tue scelte e nel layout. Questo aiuterà l’utente ad ottenere il risultato desiderato, mostrando efficienza e generando soddisfazione.

Gli elementi di interfaccia includono ma non sono limitati a: controlli di input: pulsanti, campi di testo, caselle di controllo, pulsanti di selezione, elenchi a discesa, caselle di controllo, campo data

Componenti di navigazione: breadcrumb, cursore, campo di ricerca, impaginazione, slider, tag, icone

Componenti: tooltip, icone, barra di avanzamento, notifiche, finestre di messaggio, finestre modali

Contenitori: accordion

Ci sono momenti in cui più elementi potrebbero essere ugualmente appropriati per la visualizzazione del contenuto. Quando ciò accade, è importante considerare i trade-off.

Ad esempio, a volte gli elementi che possono aiutarti a risparmiare spazio, mettono mentalmente a disagio l’utente, costringendolo a indovinare cosa si trova all’interno del menu a discesa o quale potrebbe essere l’elemento.

Best practice per la progettazione di un’interfaccia

Tutto nasce dalla conoscenza dei tuoi utenti, compresa la comprensione dei loro obiettivi, abilità, preferenze e tendenze.

Una volta che conosci il tuo utente, assicurati di considerare quanto segue durante la progettazione della tua interfaccia: mantieni l’interfaccia semplice.

Le migliori interfacce sono quasi invisibili all’utente.

Evitano gli elementi non necessari e sono chiari nella lingua che usano sulle etichette e nei messaggi.

Crea coerenza e usa elementi di interfaccia utente comuni.

Utilizzando elementi comuni nell’interfaccia utente, gli utenti si sentono più a loro agio e sono in grado di svolgere le attività più rapidamente. È inoltre importante creare schemi in lingua, layout e design in tutto il sito per facilitare l’efficienza.

Una volta che un utente impara a fare qualcosa, dovrebbe essere in grado di utilizzare tale abilità in altre parti del sito.

Sii propositivo nel layout di pagina.

Considera le relazioni spaziali tra gli elementi sulla pagina e struttura la pagina in base all’importanza. Il posizionamento accurato degli articoli può aiutare a richiamare l’attenzione sulle informazioni più importanti e può aiutare la scansione e la leggibilità.

Usa strategicamente il colore e la trama.

È possibile indirizzare l’attenzione o reindirizzare l’attenzione lontano da elementi che utilizzano il colore, la luce, il contrasto e la trama a proprio vantaggio.

Usa la tipografia per creare gerarchia e chiarezza.

Considerare attentamente come si usa il carattere tipografico. Diverse dimensioni, tipi di carattere e disposizione del testo per aumentare la scansione, la leggibilità e la leggibilità. Assicurati che il sistema comunichi cosa sta succedendo. Informa sempre i tuoi utenti di posizione, azioni, cambiamenti di stato o errori.

L’uso di vari elementi dell’interfaccia utente per comunicare lo stato e, se necessario, i passaggi successivi possono ridurre la frustrazione per l’utente. Pensa alle impostazioni predefinite.

Pensando attentamente e anticipando gli obiettivi dei tuoi visitatori, puoi creare delle impostazioni predefinite che riducono e difficoltà per chi utilizza il tuo sito.

 

Le basi dell’user experience, l’ interazione uomo computer

Inizia da questo post una serie di articoli dedicati all’usabilità che, qualche volta, chiameremo all’americana user experience o UX

L’esperienza utente (UX) si concentra su una profonda conoscenza degli utenti, su ciò di cui hanno bisogno, su ciò che stimano, sulle loro capacità e anche sui loro limiti.

Inoltre, tiene conto degli obiettivi mirati dalla strategia di comunicazione e degli obiettivi aziendali del gruppo che gestisce il progetto.

Le best practice di UX promuovono il miglioramento della qualità dell’interazione dell’utente con le percezioni del prodotto e di eventuali servizi correlati.

Fattori che influenzano la UX

Il risultato che ogni UX deve raggiungere è garantire che gli utenti trovino un valore in ciò che si fornisce loro.

Affinché ci sia un’esperienza utente significativa e di valore, ogni informazione deve essere:

  • Utile: il contenuto deve essere originale e soddisfare un’esigenza
  • Utilizzabile: il sito deve essere facile da usare
  • Desiderabile: immagine, identità, marchio e altro design gli elementi sono usati per evocare emozioni e apprezzamenti.
  • Trovabile: il contenuto deve essere navigabile e localizzabile in loco e fuori sede
  • Accessibile: il contenuto deve essere accessibile alle persone con disabilità
  • Credibile: gli utenti devono credere e credere a ciò che gli dici

Aree correlate alla costruzione dell’esperienza utente

La progettazione dell’UX è un’area in crescita, ancora non molto definito. La creazione di un progetto centrato sull’utente di successo racchiude i principi dell’interazione uomo-computer (HCI) e include le seguenti discipline:

  • La gestione del progetto si concentra sulla pianificazione e sull’organizzazione di un progetto e delle sue risorse. Ciò include l’identificazione e la gestione del ciclo di vita da utilizzare, l’applicazione al processo di progettazione centrato sull’utente, la formulazione del team di progetto e la guida efficiente del team in tutte le fasi fino al completamento del progetto.
  • La analisi degli utenti si concentra sulla comprensione dei comportamenti, delle esigenze e delle motivazioni degli utenti attraverso tecniche di osservazione, analisi delle attività e altre metodologie di feedback.
  • La valutazione dell’usabilità si concentra sul modo in cui gli utenti possono imparare e utilizzare un prodotto per raggiungere i propri obiettivi. Si riferisce anche a quanto gli utenti soddisfatti sono soddisfatti di tale processo.
  • Information Architecture (IA) si concentra sul modo in cui le informazioni sono organizzate, strutturate e presentate agli utenti.
  • La progettazione dell’interfaccia utente si concentra sull’anticipazione di ciò che gli utenti potrebbero aver bisogno di fare e assicurando che l’interfaccia abbia elementi di facile accesso, comprensione e utilizzo per facilitare tali azioni.
  • Interaction Design (IxD) si concentra sulla creazione di sistemi interattivi accattivanti con comportamenti ben congegnati.
  • Visual Design punta a garantire un’interfaccia esteticamente gradevole in linea con gli obiettivi del marchio.
  • La Content Strategy si concentra sulla scrittura e la cura dei contenuti utili pianificando la creazione, la consegna e la governance dietro di essa.
  • L’accessibilità si concentra su come un individuo disabile accede o beneficia di un sito, sistema o applicazione.
  • Web Analytics si concentra sulla raccolta, la segnalazione e l’analisi dei dati del sito web.