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.
Ci sono molti diversi tipi di documentazione dei requisiti. Ad un livello superiore, la maggior parte può rientrare in una delle seguenti categorie:
Tim Berners-Lee: “L’accessibilità è importante per gli individui, le imprese, la società”
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à.
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.
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
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).
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).
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.
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
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.
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 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.
 |
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.
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.
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.
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.
Nozioni di base sulla strategia di contenuto:
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.
L’obiettivo della strategia sui contenuti è creare contenuti significativi, coesi, coinvolgenti e sostenibili.
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.
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
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.
Abbiamo identificato queste best practice per aiutarti a creare contenuti significativi e pertinenti.
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.
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.
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
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
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ù.
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.
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 è.
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.
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.
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.
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).
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.
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.
I wireframe servono a molteplici scopi, contribuendo a:
È 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.
Sebbene i wireframes differiscano da sito a sito, i seguenti elementi vengono spesso inclusi come elementi standard sui 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
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.
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:
Le opportunità per i test includono:
Una combinazione di questi test migliorerà radicalmente l’usabilità del tuo sito, sistema o applicazione.
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:
L’interfaccia utente riunisce concetti di interaction design, visual design e architettura dell’informazione.
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.
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.
Evitano gli elementi non necessari e sono chiari nella lingua che usano sulle etichette e nei messaggi.
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.
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à.
È 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.
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.
Inizia da questo post una serie di articoli dedicati all’usabilità che, qualche volta, chiameremo all’americana user experience o UX
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.
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:
Aree correlate alla costruzione dell’esperienza utente
Ancora nozioni di base sulla progettazione dell’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.
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:
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.
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.
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à.
È 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.
Considerare attentamente come si usa il carattere tipografico. Diverse dimensioni, caratteri e disposizione del testo per aumentare la scansione, la leggibilità e la leggibilità.
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.
