Archivi categoria: interfaccia utente

L’interfaccia utente, anche conosciuta come UI (dall’inglese User Interface), è un’interfaccia uomo-macchina, ovvero ciò che si frappone tra una macchina e un utente, consentendone l’interazione reciproca. In generale può riferirsi a una macchina di qualsiasi natura, tuttavia l’accezione più nota è in ambito informatico.

Il web può diventare pericoloso – dai una mano anche tu!

Le minacce che vengono dal web oggi sono reali e molte, dalla disinformazione e pubblicità politica discutibile a una perdita di controllo sui nostri dati personali

Tim Bernerss Lee – Internet founder

Tratto, tradotto ed adattato da WorldWebFoundation

Il world wide web compie 29 anni.

Quest’anno segna una pietra miliare nella storia del web: per la prima volta, attraverseremo il punto di non ritorno quando più della metà della popolazione mondiale sarà online. Quando condivido questa entusiasmante notizia con le persone, tendo ad ottenere una delle due reazioni preoccupate:

come possiamo collegare l’altra metà del mondo?
Siamo sicuri che il resto del mondo voglia connettersi al web che abbiamo oggi?

Le minacce al web oggi sono reali e molte, comprese quelle che ho descritto nella mia ultima lettera, dalla disinformazione e pubblicità politica discutibile a una perdita di controllo sui nostri dati personali. Ma continuo a impegnarmi per garantire che il web sia uno spazio libero, aperto e creativo, per tutti.

Questa visione è possibile solo se portiamo tutti online e assicuriamo che il web funzioni per le persone.

Ho fondato la Web Foundation per lottare per il futuro del web. Ecco dove dobbiamo concentrare i nostri sforzi:

Chiudere il divario digitale

La divisione tra le persone che hanno accesso a Internet e coloro che non lo fanno sta approfondendo le disuguaglianze esistenti – disuguaglianze che rappresentano una seria minaccia globale.

Non sorprendentemente, è più probabile che tu sia offline se sei femmina, povera, vivi in ​​una zona rurale o in un paese a basso reddito, o una combinazione di quanto sopra.

Essere offline oggi significa essere escluso dalle opportunità di imparare e guadagnare, accedere a servizi preziosi e partecipare al dibattito democratico. Se non investiremo seriamente per colmare questa lacuna, l’ultimo miliardo di esseri umani non sarà collegato fino al 2042.

È un’intera generazione rimasta indietro.

Nel 2016, le Nazioni Unite hanno dichiarato l’accesso a Internet un diritto umano, alla pari di acqua pulita, elettricità, riparo e cibo. Ma fino a quando renderemo l’accesso a Internet accessibile a tutti, a miliardi continueranno a essere negati questo diritto fondamentale.

L’obiettivo è stato fissato: le Nazioni Unite hanno recentemente adottato la soglia dell’Alliance for Affordable Internet per l’accessibilità: 1 GB di dati mobili per meno del 2% del reddito medio mensile.

La realtà, tuttavia, è che siamo ancora molto lontani dal raggiungere questo obiettivo: in alcuni paesi, il costo di 1 GB di banda larga mobile rimane oltre il 20% del reddito medio mensile. Cosa ci vorrà per raggiungere effettivamente questo obiettivo?

Dobbiamo supportare politiche e modelli di business che ampliano l’accesso ai più poveri del mondo attraverso soluzioni di accesso pubblico, come reti di comunità e iniziative WiFi pubbliche.

Dobbiamo investire nell’assicurare un accesso affidabile per donne e ragazze e rafforzarle attraverso la formazione sulle competenze digitali. Fai in modo che il Web funzioni per le persone Il web che molti utenti connessi anni fa non è quello che i nuovi utenti troveranno oggi.

Quello che una volta era una ricca selezione di blog e siti web è stato compresso sotto il potente peso di poche piattaforme dominanti.

Questa concentrazione di potere crea una nuova serie di guardiani, consentendo a una manciata di piattaforme di controllare quali idee e opinioni sono viste e condivise. Queste piattaforme dominanti sono in grado di bloccare la loro posizione creando barriere per i concorrenti. Acquisiscono sfidanti all’avvio, acquistano nuove innovazioni e assumono i migliori talenti del settore.

Aggiungete a questo il vantaggio competitivo che i loro dati degli utenti danno loro e possiamo aspettarci che i prossimi 20 anni siano molto meno innovativi degli ultimi. Inoltre, il fatto che il potere sia concentrato tra così poche aziende ha permesso di armare il web su vasta scala.

Negli ultimi anni, abbiamo assistito a teorie del complotto sulle piattaforme dei social media, i falsi account Twitter e Facebook alimentano le tensioni sociali, gli attori esterni interferiscono nelle elezioni e i criminali rubano i dati personali. Abbiamo cercato le risposte stesse per le piattaforme stesse.

Le aziende sono consapevoli dei problemi e stanno compiendo sforzi per risolverli – con cambiamenti che hanno colpito milioni di persone. La responsabilità – e a volte l’onere – di prendere queste decisioni ricade sulle aziende che sono state costruite per massimizzare i profitti più che massimizzare il bene sociale. Un quadro giuridico o normativo che tiene conto degli obiettivi sociali può contribuire a ridurre queste tensioni.

Porta più voci al dibattito sul futuro del web Il futuro del web non riguarda solo quelli di noi che sono online oggi, ma anche quelli che non sono ancora connessi. La potente economia digitale odierna richiede standard elevati che bilanciano gli interessi di entrambe le società e dei cittadini online. Ciò significa pensare a come allineare gli incentivi del settore tecnologico con quelli degli utenti e della società in generale e consultare una sezione trasversale della società nel processo.

Due miti al momento limitano la nostra immaginazione collettiva:

il mito che la pubblicità è l’unico modello di business possibile per le aziende online e il mito che sia troppo tardi per cambiare il modo in cui operano le piattaforme.

Su entrambi i punti, dobbiamo essere un po ‘più creativi. Mentre i problemi del web sono complessi e grandi, penso che dovremmo vederli come bug: problemi con i sistemi di codice e software esistenti che sono stati creati dalle persone e che possono essere risolti dalle persone.

Creare una nuova serie di incentivi e le modifiche nel codice seguiranno. Possiamo progettare un web che crea un ambiente costruttivo e di supporto. Oggi voglio sfidare tutti noi ad avere maggiori ambizioni per il web. Voglio che il web rifletta le nostre speranze e realizzi i nostri sogni, piuttosto che amplificare le nostre paure e approfondire le nostre divisioni.

Come disse un tempo l’attivista di Internet, John Perry Barlow, “un buon modo per inventare il futuro è prevederlo”. Può sembrare utopico, può sembrare impossibile da ottenere dopo le battute d’arresto degli ultimi due anni, ma voglio che ci immaginiamo il futuro e lo costruiamo.

Assembliamo le menti più brillanti di affari, tecnologia, governo, società civile, arte e università per affrontare le minacce al futuro del web. Alla Web Foundation, siamo pronti a fare la nostra parte in questa missione e costruire il web che tutti noi vogliamo.

Lavoriamo insieme per renderlo possibile.

Sir Tim Berners-Lee

Si prega di condividere questa lettera su Twitter utilizzando l’hashtag #HappyBirthdayWWW

La Web Foundation è in prima linea nella lotta per far progredire e proteggere il web per tutti.

Per aggiornamenti sul nostro lavoro, iscriviti alla nostra newsletter e seguici su Twitter @webfoundation.

Iscriviti per ricevere The Web This Week, la nostra carrellata di notizie sulla tecnologia e sui diritti digitali, pubblicata ogni venerdì.

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.

L’architettura delle informazioni nella progettazione di interfacce

L’architettura delle informazioni (Information Architecture) si concentra sull’organizzazione, la strutturazione e l’etichettatura dei contenuti in modo efficace e sostenibile.

L’obiettivo è aiutare gli utenti a trovare informazioni e completare le attività. Per fare ciò, è necessario capire in che modo i pezzi si incastrano per creare un’immagine più grande, come gli elementi si relazionano tra loro all’interno del sistema.

Lo scopo della IA è quello di aiutare gli utenti a capire dove si trovano, cosa hanno scoperto, cosa c’è intorno e cosa aspettarsi. Di conseguenza, l’IA informa la strategia sui contenuti identificando la scelta delle parole e informa sulla progettazione dell’interfaccia utente e sulla progettazione dell’interazione, svolgendo un ruolo nei processi di wireframing e prototipazione.

Che cosa è necessario sapere

l’archiviazione, l’accesso e la presentazione delle informazioni.

I componenti principali della IA: Organizzazione Schemi e Strutture:

Come categorizzare e strutturare le informazioni Sistemi di etichettatura: Come rappresenti le informazioni

Sistemi di navigazione: come gli utenti navigano o passare attraverso le informazioni

Sistemi di ricerca: come gli utenti cercano informazioni

Per creare questi sistemi di informazioni, è necessario comprendere la natura interdipendente degli utenti, dei contenuti e del contesto. ogni cerchio fa riferimento a:

  • Contesto: obiettivi aziendali, finanziamenti, politica, cultura, tecnologia, risorse, vincoli
  • Contenuto: obiettivi di contenuto, tipi di documenti e dati, volume, struttura esistente, governance e proprietà
  • Utenti: pubblico, compiti, bisogni, ricerca di informazioni comportamento, esperienza

 

Componenti utilizzati nell’architettura dell’informazione

Ora che comprendi i concetti più astratti dietro l’architettura dell’informazione, esaminiamo i componenti e le tecniche IA che gli architetti utilizzano per acquisire tali concetti.

Esistono quattro componenti all’interno di un sistema di architettura dell’informazione:

  • I sistemi di organizzazione sono le categorie in cui vengono inserite informazioni, come nomi di autori e titoli o dimensioni della scarpa, tessuto e colore. I sistemi di etichettatura sono i modi in cui rappresentiamo le informazioni, ad esempio il livello di terminologia ritenuto appropriato per il pubblico di destinazione. Ad esempio, gli articoli dovrebbero usare i termini “optometrista” e “oftalmologo” o “oculista” più appropriato?
  • I sistemi di navigazione sono il modo in cui ci spostiamo da un’informazione all’altra quando ci vengono presentate tali informazioni. In questa pagina, ad esempio, è possibile utilizzare il pulsante Avanti per passare alla pagina successiva oppure iniziare a esplorare qualcosa di nuovo in qualsiasi momento utilizzando le schede come Avventura e Tecnologia nella parte superiore della pagina.
  • I sistemi di ricerca sono il modo in cui cerchiamo informazioni, come l’inserimento di parole in un motore di ricerca o la scansione di termini in un elenco numerato. Ad esempio, nella casella di ricerca in questa pagina, puoi digitare più parole per restringere i risultati e avvicinarti agli argomenti di cui vuoi leggere.
  • Altri componenti relativi all’architettura delle informazioni provengono dalla tecnologia utilizzata per trasformare il modello in un sistema di informazioni dal vivo. Ad esempio, se si memorizzano le informazioni in un database, l’architettura deve incorporare un componente di query per recuperare alcune informazioni specifiche. Se stai creando un sito Web, l’accesso alle informazioni utilizza componenti come la navigazione, lo scorrimento e il clic.

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.

L’Intelligenza Artificiale al servizio del cittadino

Riportiamo qui i link principali al nuovo lavoro dell’Agenzia per l’italia Digitale dedicato all’Intelligenza Artificiale

Questa è l’introduzione al lavoro

Introduzione

L’obiettivo di questo libro bianco è quello di analizzare l’impatto dell’Intelligenza Artificiale (IA) sulla nostra società e, nello specifico, come queste tecnologie possano essere utilizzate dalla Pubblica amministrazione (PA) per migliorare i servizi destinati ai cittadini e alle imprese. Tutto questo si inserisce all’interno di un quadro più ampio di riflessione sulle politiche da mettere in atto per favorire la trasformazione digitale, motore di sviluppo sociale, economico e culturale.

Per accelerare questo processo di trasformazione è possibile ispirarsi a esperienze internazionali che hanno portato risultati tangibili: l’Italia deve eccellere nella ricerca di strategie innovative, magari capaci di nutrirsi della ricchezza storica, culturale e sociale del Paese e del Mediterraneo e allo stesso tempo riuscire a cogliere quanto di meglio sia emerso dalle strategie di quegli Stati che, per primi, hanno saputo fare dell’evoluzione dell’informatica pubblica la leva per la transizione verso un nuovo assetto globale di economia e società.

È quindi necessario sostenere le forze di innovazione del Paese per ottenere modelli sempre più competitivi e avviare un cambiamento radicale delle modalità di relazione tra cittadini, amministrazioni e mercato.

L’obiettivo finale di questo processo è la creazione di servizi pubblici moderni, di semplice utilizzo, accessibili, di qualità, orientati dunque alla comprensione dei bisogni degli utenti, che permettano quindi di accrescere il livello di soddisfazione del cittadino e la fiducia nelle istituzioni.

Il documento intende delineare le prospettive di sviluppo dei servizi pubblici digitali e le sfide che il Paese dovrà affrontare per implementare e adoperare le nuove tecnologie nel rispetto dell’etica e delle leggi mettendo il cittadino al centro di questo percorso evolutivo.

La situazione italiana

Prima di descrivere lo stato dell’arte e le prospettive future dell’Intelligenza Artificiale nella nostra società e nella Pubblica amministrazione, può essere utile analizzare ciò che sta avvenendo nel campo della trasformazione digitale nel settore pubblico per capire la situazione attuale e immaginare come l’IA può creare sinergie con il processo di digitalizzazione del Paese.

Come evidenzia il Digital Economy and Society Index – DESI 2017, l’Italia cresce, ma si riscontra ancora un divario tra l’offerta di servizi digitali e il loro effettivo utilizzo. Il nostro Paese ha comunque fatto progressi sulla connettività, condizione di base per permettere lo sviluppo di un ecosistema digitale, grazie anche al Piano Banda Ultra Larga.

Secondo i dati della Relazione annuale 2017 dell’Autorità per le garanzie nelle comunicazioni (AGCOM), al momento il 90,7% delle famiglie in cui vi è almeno un minorenne dispone di connessione a banda larga fissa e mobile, dato che si ferma al 20,7% per le famiglie con ultrasessantacinquenni.

Allo stesso tempo, il 91,6% delle famiglie con almeno un componente laureato possiede una connessione a banda larga, valore che scende al 55,3% per le famiglie in cui il titolo di studio più elevato è la licenza media. Ciò evidenzia ancora una volta la centralità della domanda, e non solo all’offerta, nello stimolare la diffusione delle tecnologie internet-based in Italia.

Ad avvalorare l’importanza del “fattore domanda”, contribuiscono i dati sul dinamismo italiano delle startup e delle pubbliche e medie imprese (PMI) innovative. Nel nostro Paese, secondo un censimento aggiornato al 2017, sono circa 8.000, il doppio rispetto al 2015, e danno lavoro a 46.107 persone, tra soci e dipendenti.

Il mercato digitale è in crescita e il settore ICT registra una fase di sviluppo anche grazie all’aumento degli investimenti: nel 2016, è cresciuto dell’1,8 % raggiungendo i 66 miliardi di euro di fatturato. Così come cresce la domanda di competenze digitali di livello elevato, in un contesto in cui solo il 29% della forza lavoro le possiede rispetto ad una media UE del 37%.

Per quanto riguarda i servizi pubblici digitali, come conferma ancora il DESI, l’Italia si posiziona nella parte alta della classifica per l’offerta quantitativa ma riscontra basse percentuali nell’utilizzo da parte della popolazione.

Anche l’Eurostat conferma in parte questo dato: nonostante la maggioranza degli italiani esprima l’esigenza di una relazione più snella con la Pubblica amministrazione, quando ciò viene reso possibile, gli strumenti messi a disposizione vengono fruiti solo dal 13% dei cittadini rispetto ad una media europea del 30%.

La strategia digitale italiana

Nel quadro dell’Agenda digitale europea, l’Italia ha sviluppato la propria strategia nazionale declinando gli obiettivi comunitari in iniziative finalizzate alla trasformazione digitale della Pubblica amministrazione . Così facendo, gli interventi nel settore pubblico diventano volano dello sviluppo delle imprese e per la crescita delle competenze dei cittadini.

La strategia 2014-2020 dell’Agenda digitale è diventata quindi un vero e proprio strumento per perseguire i grandi obiettivi della crescita, dell’occupazione, della qualità della vita e della partecipazione democratica.

Le sfide della trasformazione digitale però sono cambiate velocemente: Internet of Things (IoT), big data analytics, Intelligenza Artificiale e blockchain sono i vettori attraverso i quali si muove la nuova economia digitale. Per affrontare anche queste tematiche è stato approvato, nel 2017, il Piano Triennale per l’informatica nella Pubblica amministrazione , che contiene indicazioni operative (azioni, tempi e obiettivi) per lo sviluppo di quattro pilastri: ecosistemi digitali o aree di policy (sanità, scuola, giustizia, etc.), infrastrutture immateriali (che comprendono le piattaforme abilitanti e i dati della PA), infrastrutture fisiche e cybersecurity.

Il Piano è nato per guidare operativamente la trasformazione digitale del Paese, diventando riferimento per le amministrazioni centrali e locali nello sviluppo dei propri sistemi informativi. Esso fissa i principi architetturali fondamentali, le regole di usabilità e interoperabilità e razionalizza le spese ICT.

Il confronto con queste sfide, che appaiono ancora “nuove”, impone però di individuare un nuovo framework tecnico, etico e regolatorio che abiliti il settore pubblico ad affrontare e governare nuovi scenari, valorizzando i progetti di oggi e fornendo strumenti e competenze al servizio di quelli a venire.

Al contempo, si rende necessario progettare le modalità con le quali stimolare e accompagnare l’evoluzione culturale del Paese, coinvolgendo la popolazione, superando diversità, reticenze e conflitti, e identificando nuove prospettive.

L’utilizzo di strumenti di Intelligenza Artificiale applicati ai servizi, argomento centrale di questo libro bianco, è solo uno dei settori in cui l’Italia sta cercando di raggiungere gli obiettivi del Piano triennale per l’informatica nella Pubblica amministrazione.

A questo specifico scopo, è stata istituita la “Task force Intelligenza Artificiale al servizio del cittadino”  che ha il compito di ragionare sulle nuove possibilità offerte da questo genere di tecnologie, in generale nella nostra vita quotidiana e, più nello specifico, nella costruzione di un nuovo rapporto tra Stato e cittadini.

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.