Archivi categoria: metodo nielsen

Il metodo Nielsen è stato craeato da Jakob Nielsen. Il guru dell’usabilità. Il metodo consiste in una serie di verifiche da appilcare al vostro progetto in corso di realizzazione, per verificare una corretta user experience.
Comprende sia l’organizzazione di contenuti e relativi link che le componenti grafiche

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

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

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.

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.

 

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.