Archivi tag: web design

I requisiti del sito Web

I requisiti del sito Web sono un elenco di funzioni, funzionalità o caratteristiche necessarie relative al sito Web e i piani per crearlo.

Ci sono diversi tipi di requisiti che possono essere definiti durante il processo che si uniscono per focalizzare e dare la priorità al piano del progetto.

Tipi di requisiti

Ci sono molti diversi tipi di documentazione dei requisiti. Ad un livello superiore, la maggior parte può rientrare in una delle seguenti categorie:

Continua la lettura di I requisiti del sito Web

Introduzione alla accessibilità del web

Tim Berners-Lee: “L’accessibilità è importante per gli individui, le imprese, la società”

Quando i siti Web e gli strumenti Web sono progettati e codificati correttamente, possono favorire l’uso del web da parte di persone con disabilità.

Tuttavia, attualmente molti siti e strumenti sono sviluppati con barriere all’accessibilità che li rendono difficili o impossibili da usare. Rendere il web accessibile avvantaggia gli individui, le imprese e la società.

Esistono standard web internazionali che definiscono ciò che è necessario per l’accessibilità.

La potenza del Web sta nella sua universalità. L’accesso di tutti indipendentemente dalla disabilità è un aspetto essenziale. Il Web è fondamentalmente progettato per funzionare per tutte le persone, indipendentemente dal loro hardware, software, lingua, posizione o abilità.

Quando il Web raggiunge questo obiettivo, è accessibile alle persone con disabilità più o meno accentuate di udito, movimento, vista e abilità cognitive.

Quindi l’impatto della disabilità è radicalmente cambiato sul Web perché il Web rimuove le barriere alla comunicazione e all’interazione che molte persone affrontano nel mondo fisico.

Tuttavia, quando siti Web, applicazioni, tecnologie o strumenti sono mal progettati, possono creare barriere che escludono le persone dall’utilizzo del Web.

L’accessibilità è essenziale per gli sviluppatori e le organizzazioni che desiderano creare siti Web e strumenti Web di alta qualità e non escludere le persone dall’utilizzo dei propri prodotti e servizi.

Che cos’è l’accessibilità al Web

L’accessibilità al Web significa che i siti Web, gli strumenti e le tecnologie sono progettati e sviluppati in modo che le persone con disabilità possano utilizzarli.

Più in particolare, le persone possono: percepire, capire, navigare e interagire con il Web

L’accessibilità al Web va a beneficio anche delle persone senza disabilità, per esempio:

persone che utilizzano telefoni cellulari, orologi intelligenti, smart TV e altri dispositivi con schermi piccoli, diverse modalità di inserimento, ecc. persone anziane con abilità mutevoli dovute all’invecchiamento di persone con “disabilità temporanee” come un braccio rotto o occhiali persi “Limitazioni situazionali” come in pieno sole o in un ambiente in cui non è possibile ascoltare persone audio che utilizzano una connessione Internet lenta o che hanno una larghezza di banda limitata o costosa

 L’accessibilità è importante per gli individui, le imprese, la società

Il Web è una risorsa sempre più importante in molti aspetti della vita: istruzione, occupazione, governo, commercio, assistenza sanitaria, attività ricreative e altro ancora. È essenziale che il Web sia accessibile al fine di fornire pari accesso e pari opportunità a persone con diverse abilità.

L’accesso alle tecnologie dell’informazione e della comunicazione, incluso il Web, è definito come un diritto umano fondamentale nella Convenzione delle Nazioni Unite sui diritti delle persone con disabilità (UN CRPD).

Il Web offre la possibilità di un accesso senza precedenti alle informazioni e all’interazione per molte persone con disabilità.

In altre parole, le barriere all’accessibilità a stampa, audio e supporti visivi possono essere superate molto più facilmente attraverso le tecnologie web.

L’accessibilità sostiene l’inclusione sociale per le persone con disabilità e altri, come ad esempio: le persone anziane nelle aree rurali le persone nei paesi in via di sviluppo Esiste anche un forte caso commerciale per l’accessibilità.

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

I siti Web accessibili possono avere risultati di ricerca migliori, ridurre i costi di manutenzione, aumentare la copertura del pubblico e dimostrare la responsabilità sociale delle imprese (CSR).

L’accessibilità al web è richiesta dalla legge in molte situazioni.

Rendere l’accessibilità Web accessibile al Web dipende da diversi componenti che lavorano insieme, tra cui tecnologie web, browser Web e altri “agenti utente”, strumenti di authoring e siti Web.

Rendere accessibile il tuo sito Web

La maggior parte dei principi di accessibilità sono abbastanza facili da implementare. Se sei nuovo per l’accessibilità, ci vuole un po ‘di tempo e fatica per imparare i problemi e le soluzioni comuni. Alcune barriere all’accessibilità sono più complicate da evitare. Alcune soluzioni di accessibilità richiedono più tempo e sforzi per essere implementate.

È più efficiente ed efficace integrare l’accessibilità sin dall’inizio dei progetti e in tutte le organizzazioni. Ulteriori informazioni su come rendere accessibile il sito Web

Valutazione dell’accessibilità

Durante lo sviluppo o la riprogettazione di un sito Web, valutare l’accessibilità in anticipo e in tutto il processo di sviluppo per identificare tempestivamente i problemi di accessibilità, quando è più facile affrontarli.

Semplici passi, come la modifica delle impostazioni in un browser, possono aiutare a valutare alcuni aspetti dell’accessibilità. Una valutazione completa per determinare se un sito Web soddisfa tutte le linee guida sull’accessibilità richiede più impegno.

Esistono strumenti di valutazione che aiutano nella valutazione.

Tuttavia, nessuno strumento da solo può determinare se un sito soddisfa le linee guida sull’accessibilità. È necessaria una valutazione umana competente per determinare se un sito è accessibile.

Internet Semplice: cosa è il World Wide Web

Il web è frutto della collaborazione tra due tecnologie nate nel 1990: un protocollo per la trasmissione di dati chiamato http, lo trovate all’inizio di ogni indirizzo web ed un linguaggio detto Html che consente di realizzare in modo non complesso contenuti appunto per il web. La strada a internet era aperta.

Il World Wide Web (letteralmente “rete di grandezza mondiale“), abbreviato Web, sigla WWW, è uno dei principali servizi di Internet.

  Trovi su Amazon il libro che ti spiega internet in modo chiaro ed immediato
 Internet semplice
in versione digitale oppure su carta

Permette di navigare e usufruire di un insieme vastissimo di contenuti amatoriali e professionali (multimediali e non) collegati tra loro attraverso legami (link), e di ulteriori servizi accessibili a tutti o ad una parte selezionata degli utenti di Internet.

Questa facile reperibilità di informazioni è resa possibile oltre che dai protocolli di rete anche dalla presenza, diffusione, facilità d’uso ed efficienza dei motori di ricerca e dei web browser in un modello di architettura di rete definito client-server.

La storia del world wide web

Una profonda rivoluzione nella rete è stata portata nel 1994 (in Italia, un anno dopo) da una nuova tecnologia, basata sul protocollo HTTP (Hyper-Text Transfer Protocol) e sul linguaggio “ipertestuale” HTML (Hyper-Text Markup Language), chiamata World Wide Web, o www, o the Web, la ragnatela.

Questa tecnologia che mette in grado tutti i pc di interagire condividendo contenuti era stata concepita nel 1990 da Tim Berners-Lee del CERN di Ginevra (il laboratorio europeo per la fisica delle particelle) come un sistema più efficiente di comunicazione per la comunità scientifica.

Ma pochi anni dopo ebbe una diffusione che nessuno, compreso il suo inventore, aveva immaginato.

Tale è stato il successo di questa innovazione che oggi sembra essere “solo quello” il volto dell’internet.

Molti nuovi utenti non conoscono la rete se non attraverso un browser. Chrome, Internet Explorer, Safari, Firefox ecc.

Programmi nati appunto per visualizzare sullo schermo del computer pagine contenenti testo e grafica scritte in linguaggio html.

Nulla di male, perché la tecnologia è solida, l’interfaccia è di facile uso, i browser si arricchiscono di nuove funzioni, e con un po’ di attenzione si scopre che è possibile accedere, anche per quella via, a tutti i sistemi e servizi connessi all’internet.

Ma… ci sono due problemi.

Il primo è che se non si guarda oltre la “facciata” si può credere che “essere in rete” voglia dire solo andare in giro a guardare “siti web”, per vedere immagini, raccogliere informazioni, prelevare testi o software.

Con tanti saluti all’interattività, che consente appunto di collaborare con terzi  e creare propri contenuti, pubblicandoli online.

Il secondo problema,  sempre più pressante, risente della scarsità di strumenti e formazione individuale indispensabile per filtrare contenuti,  che oggi possono essere pubblicati sul web da chiunque senza alcun controllo.

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.

 

 

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.

I mattoncini Lego per costruire le user interface

Ancora nozioni di base sulla progettazione dell’interfaccia utente

Ritorno sulle basi della progettazione di interfacce ma, specialmente nella gestione del rapporto uomo macchina, non ci si prepara mai abbastanza, specialmente, a mio avviso, sui fondamentali.

Interfaccia utente

La progettazione si concentra sull’anticipazione di ciò che gli utenti potrebbero aver bisogno di fare  assicurando elementi di facile accesso, comprensione e utilizzo per facilitare le interazioni.

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 dell’interfaccia che agiscono in un certo modo, quindi cerca di essere coerente e prevedibile nelle tue scelte e nel loro layout. Fare ciò aiuterà il completamento del compito, l’efficienza e la 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 appropriati per la visualizzazione del contenuto. Quando ciò accade, è importante considerare i trade-off.

Ad esempio, a volte gli elementi che possono aiutare a risparmiare spazio, affidano all’utente un compito gravoso 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 trasferire tale abilità ad 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, caratteri 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 che le persone portano nel tuo sito, puoi creare delle impostazioni predefinite che riducono l’onere per l’utente. Ciò diventa particolarmente importante quando si tratta di design della forma in cui si potrebbe avere l’opportunità di avere alcuni campi preselezionati o compilati.