Archivi tag: metodo nielsen

i termini del web, Indicizzati, interfaccia grafica, interfaccia utente, metodo nielsen, simbolismo colori, Usabilità, user experience, web design

Internet facile: usare il beige nel web design

Lascia un commento

Il beige è un camaleonte, che assume alcuni degli attributi dei colori caldi o freddi più forti a cui viene accostato. Di per sé, il colore beige è uno sfondo neutro calmo.

I toni del beige sono descritti come un pallido colore marrone chiaro o un’abbronzatura grigiastro con un po ‘del calore del marrone e la freschezza frizzante del bianco. È conservativo ed è spesso associato ad altri colori. È visto come affidabile e rilassante.

I significati del beige

Il beige è stato tradizionalmente considerato un colore di fondo un poco antiquato. In alcune culture, gli indumenti beige simboleggiano la pietà o la semplicità. Il vestito tradizionale saudita comprende un mantello esterno lungo fino al pavimento, un bisht fatto di lana o di pelo di cammello nei toni del nero, del beige, del marrone o del crema.

Utilizzo dl beige nella progettazione di interfacce grafiche

Poiché la maggior parte dei colori beige è molto leggera, gli artisti grafici tendono a utilizzarli come colori di sfondo. Alcune tonalità di beige sono abbastanza scure da poter essere usate per i font.

Usa il colore beige per fornire uno sfondo calmo e rilassante. Piccole dosi di beige possono essere aggiunte per separare due colori scuri in un progetto di stampa o sito web. Il beige può assumere alcuni degli attributi di giallo o rosa quando viene toccato con quelle sfumature.

Coppia viola e rosa con beige per un look femminile vintage. Il beige abbinato a verdi, marroni e arance crea una tavolozza terrosa. Il nero conferisce un tocco di forza e formalità al beige. Un tocco di beige riscalda una tavolozza di blu fresco senza opprimerlo, mentre il beige con la marina è una combinazione sofisticata.

La gamma del colore beige

  •  Se il progetto verrà visualizzato su un computer, utilizzare i valori RGB.
  • Usa codici esadecimali se lavori con i siti web.
  • Alcuni colori beige hanno una sfumatura giallastra o rosata.

I colori beige includono: Lino (colore web): Hex # faf0e6 | RGB: 250,240,230 | CMYK 0,4,8,2 Antique White (colore web): Hex # faebd7 | RGB 250,235,215 | CMYK 0,6,14,2 Champagne: Hex # f7e7ce | RGB 247,231,206 | CMYK 0,6,17,3 Latte cosmico: esadecimale # fff8e7 | RGB 255,248,231 | CMYK 0, 3,9,0 Bisque (colore web): esadecimale # ffe4c4 | RGB 255,228,196 | CMYK 0,11,23,0 Crema: esadecimale # fffdd0 | RGB 255,253,208 | CMYK 0,1,18,0 Ecru: esadecimale # cdb891 | RGB 205,184,145 | CMYK 0,10,29,20 Cachi: esadecimale # c3b091 | RGB 195,176,145 | CMYK 0,10,26,24

i termini del web, Indicizzati, interfaccia grafica, interfaccia utente, metodo nielsen, simbolismo colori, Usabilità, user experience, web design

Internet facile: usare il lilla nel web design

Lascia un commento

Lavanda, malva, orchidea, prugna, viola e cardo sono tutte sfumature del lilla.

Il colore lilla è usato in generale per applicare a una gamma di colori pallidi o viola medio spesso indicato come lavanda.

C’è qualche disputa sull’origine della parola lavanda. Una scuola di pensiero è che poiché viene usata negli oli essenziali come agente di pulizia, la parola deriva dalla parola latina “lavare” che significa “lavare”. Ma è anche possibile che il nome derivi dalla parola latina “livere” che si riferisce al colore dei suoi fiori.

 La natura e la cultura del lilla

Il porpora e le sue sfumature di lilla più leggere hanno un posto speciale, quasi sacro, nella natura, dove i fiori di lavanda, orchidea, lillà e viola sono spesso delicati e considerati preziosi. Il lilla simboleggia la purezza, la devozione e l’amore. È spesso visto nei matrimoni sia come un colore che come un fiore.

Uso del lilla nel web design

Nel design, utilizzare il colore lilla per suggerire qualcosa di unico o estremamente speciale ma senza il mistero più profondo del viola. Può essere una buona scelta quando si desidera invocare sentimenti di nostalgia o romanticismo poiché spesso simboleggia meraviglia e un’aura di impossibilità. Altre caratteristiche di questo colore includono serenità, silenzio e devozione.

Fai attenzione a quali colori combini con il lilla nel tuo design; in alcuni casi, può essere travolgente e in altri potrebbe essere troppo stucchevole o essere considerato eccessivamente sentimentale.

  • Un verde menta con lavanda è un allegro, aspetto primaverile.
  • Il blu con la lavanda forma una combinazione fresca e sofisticata, o riscalda la lavanda con i rossi.
  • Per una palette di colori contemporanei prova la lavanda con beige e marroni chiari.
  • Il colore della lavanda è una tonalità estremamente pallida del colore, mentre il colore viola saturo (lavanda floreale) è più spesso visto in stampa.

Per ottenere una tinta, usa il codice esadecimale per HTML, la formulazione RGB per lo schermo o CMYK per la stampa come mostrato: Lavanda (web): # e6e6fa | RGB 230,230,250 | Lavanda floreale CMYK 8/8/0/2: # 9063cd | RGB 144,99,205 | CMYK 52,66,0,0 Il colore Pantone più vicino corrisponde al web lavender è Pantone Solid Coated 7443 C. Il Pantone Match più simile alla lavanda floreale è Pantone Solid Uncoated 266 U.

i termini del web, Indicizzati, interfaccia grafica, interfaccia utente, metodo nielsen, simbolismo colori, Usabilità, user experience, web design

Internet facile: usare il giallo nel web design

Lascia un commento

Il giallo è per persone felici e per codardi.

Per lo più caldo e accogliente, il giallo di solito funziona meglio come compagno di altri colori.

Banana, cadmio giallo, chartreuse, chiffon, crema, oro, verga d’oro, kaki, limone, giallo dolce, zafferano, topazio e giallo ocra sono tutte sfumature di giallo.

Natura e cultura.

Il giallo è il sole È un colore caldo che, come il rosso, ha un simbolismo conflittuale
Da un lato, denota felicità e gioia, ma d’altra parte il giallo è il colore della vigliaccheria e dell’inganno. Ricorda però anche la malattia, la bandiera gialla sugli antichi velieri segnalava epidemia a bordo

Il giallo è uno dei colori energici e caldi. A causa dell’elevata visibilità del giallo brillante, viene spesso utilizzato per i segnali di pericolo e per segnalare alcuni veicoli di emergenza. Il giallo è allegro.

L’uso di segnali di pericolo crea un’associazione tra giallo e pericolo, sebbene non così forte come il rosso.

Se qualcuno è “giallo”, è un vigliacco, così il giallo può avere un significato negativo in alcune culture.

Il giallo è per il lutto in Egitto, e gli attori nel Medioevo indossavano il giallo per significare i morti. Eppure il giallo rappresenta anche il coraggio in Giappone, i mercanti in India e la pace.

Usare il giallo nel web design

Sebbene possa funzionare come colore primario, il giallo spesso funziona meglio se abbinato come accento ad altri colori. Il giallo è un colore vivace. Usa il giallo brillante per creare eccitazione quando il rosso o l’arancione possono essere troppo forti o troppo scuri.

Usare il giallo per suggerire freschezza e fruttato di agrumi. I gialli dorati possono sostituire l’oro.

Il giallo si accosta bene ad altri colori:

  • Usa il giallo per ravvivare una raffinata palette di blu e grigio
  • Usa il giallo limone con l’arancio per realizzare un tema salutare, estivo, agli agrumi
  • I gialli molto pallidi possono funzionare come neutri insieme a colori più scuri o più ricchi
  • Il giallo e il blu sono una combinazione di contrasto e strabilianti
  • Mescola il giallo con il grigio neutro e il nero per un look high-tech
  • Prova un mix caldo ed eccitante di rosso e giallo
  • Per una tavolozza terrosa, soprattutto per l’autunno, mescola giallo, verde oliva e marrone
  • Mentre gialli e verdi chiari o chiari possono far parte di una tavolozza di colori naturale e fruttata, fai attenzione a non usare colori troppo vicini nel valore o appariranno sbiaditi
i termini del web, Indicizzati, interfaccia grafica, interfaccia utente, metodo nielsen, simbolismo colori, Usabilità

Internet facile: usare il verde nel web design

Lascia un commento

Simbolsimo dei colori, il verde nella progettazione dell’interfaccia grafica

Quante parole sono sinonimi o rappresentano varie sfumature del colore verde:

mela, acquamarina, berillo, chartreuse, smeraldo, abete, foresta, verde erba, giada, verde kelly, verde prato, verde foglia, lime, menta, muschio , oliva, grigio oliva, verde pisello, pino, salvia, linfa, verde mare, seafoam, verde primaverile, viridian.

Il verde è vita:

leggi anche: Il simbolismo dei colori nella grafica per il web
Abbondante in natura, il verde significa crescita, rinnovamento, salute e ambiente. Il rovescio della medaglia, il verde è la gelosia o l’invidia (mostro dagli occhi verdi) e l’inesperienza.

È un colore riposante con alcuni degli stessi attributi calmanti del blu. Come il blu, il tempo scorre più velocemente in un ambiente verde, oppure scorrendo una pagina con dominanti verdi.

Il verde è fortemente associato con l’Irlanda, l’irlandese e il giorno di San Patrizio. Il verde ha anche strette associazioni con l’Islam.

Il verde in natura:

Il colore ricorda la primavera. È anche il colore per “andare”quando si è fermi ad un semaforo. Al di fuori dei semafori, abbinato al rosso, è un colore natalizio.

I significati non positivi che vengono richiamati da sfumature di verde includono:

Varie malattie e condizioni quali: Tissue e donazione di organi o trapianti, depressione negli adulti o nei bambini, disturbo bipolare, salute mentale, malattia mentale, lesioni agli occhi.

Usando il verde:

Con un effetto sia di riscaldamento che di raffreddamento, il colore verde denota equilibrio, armonia e stabilità.

Usa diverse sfumature di verde per una fresca sensazione di primavera.
L’oliva, anche chiamata oliva grigia, è un verde estivo non così grigio che può avere sfumature militari per alcune persone.

Usando il verde con altri colori:

Il verde con il blu produce echi della natura – acqua e foresta e può denotare nuovi inizi e crescita.
Il verde con marrone, marrone chiaro o beige dice organico o riciclato e può essere una buona combinazione di colori per l’imballaggio di questo tipo di prodotti.

Combinazioni tricolore di verde con giallo e nero o bianco sono colori sportivi e all’aria aperta. Viola con verde può essere ad alto contrasto, vivace.

Tavolozze suggerite:

Lime green con arancio e giallo è una tavolozza fresca e fruttata.

i termini del web, interfaccia grafica, interfaccia utente, metodo nielsen, simbolismo colori, Usabilità, user experience, web design

Il colore nel web design, gli abbinamenti colore-significato

Lascia un commento

Per la categoria internet facile: un articolo che spiega le nozioni di base del colore nella progettazione della interfaccia utente.

La ruota dei colori è solo un modello per rappresentare le tonalità di sfumature di colore disposte attorno a un cerchio.

Mostra le relazioni tra i colori primari, secondari e intermedi / terziari e aiuta a dimostrare la temperatura del colore. I designer di interfacce grafiche utilizzani  tonalità di colori esatte attraverso l’uso di codici esadecimali.

Come funziona la ruota dei colori

Molte ruote dei colori mostrano 12 colori.

Questa ruota colori, per esempio, può essere letta come segue: Tre colori primari: rosso, giallo, blu
Tre colori secondari: arancione, verde, violento
Sei colori terziari: rosso-arancio , Giallo-Arancio, Giallo-Verde, Blu-Verde, Blu-Viola, Rosso-Viola, che si formano mescolando un primario con un secondario. Alcune ruote colore mostrano punti interni e cerchi, che rappresentano miscele di colori.

Temperatura del colore

I colori sul lato rosso della ruota sono caldi; il lato verde della ruota ha i colori più freddi. Queste designazioni della temperatura del colore sono assolute.

I rapporti di temperatura del colore sono relativi, il che significa che ogni colore sul lato caldo della ruota può essere definito “freddo” e che i colori sul lato di freddo della ruota possono essere definiti caldi a seconda della relazione con il colore adiacente. I colori della stessa tonalità, ad esempio il rosso tendente al viola, possono anche essere più caldi o più freddi di altri.

Le temperature del colore ci influenzano sia psicologicamente che percettivamente aiutandoci a determinare come gli oggetti appaiono posizionati.

Colori caldi e Colori freddi

I colori caldi includono rosso, arancione e giallo e le variazioni di questi tre colori. Rosso e giallo sono entrambi colori primari, con l’arancione che cade nel mezzo. I colori caldi appaiono più vicini all’osservatore.

I colori freddi includono il verde, il blu e il viola e le variazioni di questi tre colori. Il blu è l’unico colore primario all’interno dello spettro freddo. I verdi assumono alcuni degli attributi del giallo e il viola assume alcuni degli attributi del rosso. Sono spesso più sottomessi dei colori caldi. I colori freddi sembrano più lontani dall’osservatore.

Neutrali I colori neutri includono nero, bianco, grigio, abbronza e marrone. Vengono comunemente combinati con colori accesi più luminosi, ma possono anche essere usati da soli nei disegni. I significati e le impressioni dei colori neutri dipendono più dai colori che li circondano.

I colori esadecimali per l’ interfaccia grafica

Quando si realizzano pagine per siti web oppure applicazioni e che comunque dovranno essere vist tramite smartphone oppure computers i web designer utilizzano una gamma di colori detta esadecimale.

Puoi vedere tutti principali colori esadecimali con codice e relativa descrizione qui

Ogni tonalità di colore viene definita da una combinazione dei valori delle tre componenti di base: rosso, verde e blu (red, green, blue). In pratica, ogni colore è identificato da tre valori (numeri):
– Il primo indica la quantità di rosso presente nel colore;
– Il secondo la quantità di verde;
– Il terzo la quantità di blu.

Ciascuno di questi tre valori può variare da 0 (minimo: componente assente) a 255 (massimo: componente dominante). Ad esempio il nero corrisponde ai valori RGB 0,0,0, ed il bianco corrisponde ai valori RGB 255, 255, 255.

Una parte dei colori esadecimali vengono detti colori web safe in quanto vengono riprodotti fedelmente dalla
maggior parte degli schermi, anche quelli dotati di schede grafiche non aggiornate.

Quindi se vogliamo essere sicuri che i nostri lavori vengano visti perfettamente da qualsiasi utente (anche quelli che hanno computer con settaggi video a 8 bit, ovvero che visualizzano solo 256 colori), dobbiamo utilizzare per i nostri lavori solo i 216 colori detti appunto colori “web safe”

interfaccia utente, metodo nielsen, user experience, web design

Il numero magico di Miller e la User Experience

Lascia un commento

L’articolo dello psicologo A.Miller “Il magico numero sette, più o meno due: alcuni limiti sulla nostra capacità di elaborazione delle informazioni” è stato pubblicato nel 1956 ma contiene suggerimenti ancora validi perché fanno riferimento alle nostre capacità mentali, che hanno tempi di evoluzione infinitamente più lunghi rispetto alla evoluzione accelerata delle tecnologie a cui stiamo assistendo oggi.

Nel suo articolo, Miller ha discusso a proposito di una coincidenza tra i limiti del giudizio assoluto monodimensionale e i limiti della memoria a breve termine.

In un compito di giudizio assoluto unidimensionale, una persoa vengono proposti un numero di stimoli che variano su una dimensione (ad esempio, 10 diversi toni che variano solo nell’intonazione) e risponde a ciascuno stimolo con una risposta corrispondente (appresa prima). Le prestazioni sono quasi perfette fino a cinque o sei stimoli differenti, ma diminuiscono con l’aumento del numero di stimoli.

L’attività può essere descritta come una trasmissione di informazioni: l’input consiste in uno di n possibili stimoli e l’output consiste in una delle possibili risposte n.

Le informazioni contenute nell’input possono essere determinate dal numero di decisioni binarie che devono essere prese per arrivare allo stimolo selezionato, e lo stesso vale per la risposta. Pertanto, la prestazione massima delle persone sul giudizio assoluto unidimensionale può essere caratterizzata come una capacità del canale di informazione di gestire circa 2 o 3 bit di informazione, che corrisponde alla capacità di distinguere tra quattro e otto alternative.

La seconda limitazione cognitiva di cui parla Miller è la durata della memoria. L’intervallo di memoria si riferisce alla più lunga lista di elementi (ad es. Cifre, lettere, parole) che una persona può ripetere nell’ordine corretto sul 50% delle prove immediatamente dopo la presentazione.

Miller ha osservato che l‘intervallo di memoria dei giovani adulti è di circa sette elementi.

Nella  parte centrale dello scritto dichiara che il numero massimo di gruppi di informazioni che una mente può processare e trattenere nella propria memoria a breve termine è 7 più o meno 2, cioè da 5 a 9.

Ha notato che l’intervallo di memoria è approssimativamente lo stesso per gli stimoli con quantità di informazioni molto diverse (ad esempio, le cifre binarie hanno 1 bit ciascuna; le cifre decimali hanno 3,32 bit ciascuna; le parole hanno circa 10 bit ciascuna). Miller ha concluso che l’intervallo di memoria non è limitato in termini di bit, ma piuttosto in termini di blocchi. Un blocco è la più grande unità significativa nel materiale presentato che la persona riconosce, quindi ciò che conta come un blocco dipende dalla conoscenza della persona sottoposta a test. Ad esempio, una parola è un singolo pezzo per un oratore della lingua, ma è molti pezzi per qualcuno che non ha familiarità con la lingua e vede la parola come una raccolta di segmenti fonetici.

Miller ha riconosciuto che la corrispondenza tra i limiti del giudizio assoluto monodimensionale e dello span della memoria a breve termine era solo una coincidenza, perché solo il primo limite, non il secondo, può essere caratterizzato in termini teorico-informativi (cioè, approssimativamente numero costante di bit). Pertanto, non c’è nulla di “magico” nel numero sette, e Miller ha usato l’espressione solo retoricamente.

Tuttavia, l’idea di un “numero magico 7” ispirava molte teorie teoriche, rigorose e meno rigorose sui limiti di capacità della cognizione umana. Ciononostante, il numero sette costituisce un’euristica utile, ricordandoci che le liste che sono molto più lunghe di quelle diventano molto più difficili da ricordare e elaborare simultaneamente.

i termini del web, interfaccia utente, metodo nielsen, Usabilità, user experience, web design

Scrivere i testi per il web secondo le regole dell’usability indicate dal metodo Nielsen

Lascia un commento

I TESTI, in questo articolo analizziamo lo stile e l’impaginazione del testo, senza soffermarci sui contenuti,  come indicate dalla usability,( un sistema di controllo dei siti proposto a suo tempo da Jackob Nielsen), in quanto una buona organizzazione del testo contribuisce a rendere la pagina più accattivante già alla prima occhiata, che è quella che conta.

Come da “metodo Nielsen” ecco un elenco di punti da verificare in fase di progettazione e valutazione del progetto di user experience, visto che lo scopo de “laparoladigitale” è appunto l’insegnamento della progettazione web partendo dalle basi, ho commentato ed approfondito i singoli punti, per renderli chiari anche ai non professionisti.

• Linguaggio “userfocused”?: Ogni comunicazione è rivolta ad un pubblico specifico, se realizzate testi per un sito che riporta favole per bambini userete un italiano semplice e diretto, mentre pagine dedicate alla psicoanalisi Junghiana possono richiedere un italiano più evoluto e specialistico.

• Informazioni ridondanti?: Esiste uno scopo per questo? informazioni identiche vengono ripetute più volte in differenti pagine? Per mia esperienza è bene rendere più facilmente accessibili le informazioni determinanti, ma la maggior parte delle volte sono sufficienti link specifici che riportano ad esse sistemati nei punti nevralgici elle vostre pagine.

• Slogan autoesplicativi?: Se fate un’affermazione importante cercate di essere chiari, le vostre frasi devono essere comprese immediatamente, anche da chi visita il vostro sito per la prima volte (la maggioranza dei vistatori cioè).

• Linguaggio “morbido” oppure “imperativo”?: Viene da pensare che un tono affermativo possa essere più coinvolgente, ma considerate che il vostro visitatore non sempre è determinato a seguire le vostre pagine. Un giusto mix può risultare coinvolgente e si ottiene mescolando testi semplici, diretti con dati interessanti.

• Utilizzare collegamenti stili tra testi collegati, o all’interno di
elenchi?:  Se volete organizzare il testo del vostro articolo come un elenco, vi consiglio di inserire più testo possibile ad approfondimento della singola voce, usate link di rimando solo se i contenuti che dovete proporre sono molto lunghi o multimediali.

• Mantenere distinti gli stili di elementi di contenuto diversi?: per fare un esempio proponendo una ricetta è buona cosa mettere gli ingredienti per primi, impaginati a blocchetto, magari in corsivo e colorati diversamente dal testo che spiega la realizzazione della ricetta, impaginato a blocchetto, nero.

• “Etichette” o titoli sono utili?:  Assolutamente sì, usate i titoli di paragrafo per definire meglio l’argomento e le didascalie per le foto. Questi accorgimenti rendono più facile la lettura, anche visivamente, proponendo più “punti di interesse” ed inoltre favoriscono la indicizzazione sui motori di ricerca.

• Gli elenchi contengono almeno due voci?: Certamente altrimenti che elenchi sono?

• Parole interrotte e portate a capo?:  Da evitare qualsiasi cosa che possa rendere meno scorrevole la lettura del testo, quindi parole spezzate oppure a capo vanno evitati.

• Abbreviazioni e acronimi chiari? Coerenti?: Usate le abbreviazioni solo se sono molto conosciute (ecc. invece di eccetera va bene). Acronimi tecnici anche (html invece di hyper text markup language, anche, però almeno la prima volta che lo usate in ogni articolo indicate anche la forma estesa).

• Perché testi enfatizzati: (punti esclamativi! P A R O L E
staccate o p.u.n.t.a.t.e.)?:  A parte il punto esclamativo da usare con parsimonia (uno basta e avanza) i testi enfatizzati servono solo a passare per “urlatori” maleducati e fuori luogo!

i termini del web, interfaccia utente, metodo nielsen, Usabilità, user experience, web design

Come aumentare visite, permanenza e fidelizzazione del tuo sito web, con il metodo Nielsen

Lascia un commento

Questo post è il primo di una serie dedicata alla usabilità delle pagine web (web usability),

j-nielsen

studiata per primo da Jacob Nielsen nel 1991, la usabilità o usability è una prassi di lavoro indispensabile in fase di progettazione per ottenere una interfaccia grafica valida.
Significa progettare la vostra pagina in base a precise esigenze che rispettano le esigenze dei vostri visitatori/clienti e NON in base a principi di pura estetica.

Come al solito ho cercato qualche definizione del termine e ho trovato:
L’usabilità è definita dall’ISO (International Organization for Standardization), come “l’efficacia, l’efficienza e la soddisfazione con le quali determinati utenti raggiungono determinati obiettivi in determinati contesti. In pratica definisce il grado di facilità e soddisfazione con cui si compie l’interazione tra l’uomo e uno strumento (console, leva del cambio, interfaccia grafica, ecc.)”

Visto che come definizione non  è molto chiara, almeno a me sembra di no, cercherò di essere più diretto, come al solito: l’usabilità per le interfacce grafiche – multimediali (siti web, app, software, ecc.), è la disposizione dei componenti della singola pagina, di solito la home page: marchi, bottoni di navigazione, inmagini, testi, ecc. In modo da ottenere una “user experience” valida. Ok:

“user experience” ,tradotto letteralmente, è in pratica l’ottimizzazione dell’esperienza di visita dell’utente, che vuole “usare” la nostra pagina senza dover mettere attenzione nel capire la disposizione della pagina e trovare nel modo più intuitivo i contenuti di interesse.

Prima di vedere come si applicano le regole della web usability all vostra home page vi propongo questa immagine relativa all’eyetracking , indica cioè quali sono i principali punti di interesse che in nostro occhio analizza nei primi secondi di contatto con una pagina, giornale rivista o web, le abitudini di una vita non cambiano facilmente.

nielsen1
le aree rosso scuro sono quelle viste per prime, per poi passare al rosso, verde, azzurro ecc.

Da qui stabiliremo un ordine di importanza in cui disporremo i componenti nella nostra home page, seguendo quindi il codice colore visto sopra. Iniziamo con elementi che possono rispondere alle domande principali che il nostro visitatore si pone e cioè: a che azienda/ente si riferisce e cosa il sito offre. Posizioniamo per primi logo o marchio, menù di navigazione e principali contenuti

Il logo andrà posizionato in alto e a sinistra,  Immediatamente sotto metteremo il menù di navigazione, vedremo se in orizzontale o in verticale.  Quindi inseriremo immagini o testi che presentano in modo chiaro la ragione di essere dell’azienda e i prodotti proposti, nel centro della pagina, ma sempre spostati verso l’alto e a sinistra, cioè nell’area maggiormente vista/interessante. 

Quindi: qualsiasi progetto grafico è bello perchè funziona ma non funziona perchè è bello, ok?

Vedremo meglio anche questo, nei prossimi post della serie

 

 

 

 

 

 

i termini del web, interfaccia utente, metodo nielsen, Usabilità, user experience, web design

I grandi classici del web design: il metodo Nielsen e la usabilità delle pagine web

Lascia un commento

Sapete che anche nel settore del web design/marketing esistono i grandi classici? Saggi o libri che hanno inventato categorie che oggi sono di usi comune.

Oggi vi ricordo appunto la usabilità delle pagine web, studiata per primo da Jacob Nielsen nel 1991, è importante capire che quei principi di base sono appunto  ancora oggi fondamentali e invito a approfondire l’ argomento sui libri che sono stati successivamente scritti in merito magari dallo stesso Nielsen.

Due riferimenti a Wikipedia di seguito, il primo sulla usabilità4

L’usabilità è definita dall’ISO (International Organization for Standardization), come l’efficacia, l’efficienza e la soddisfazione con le quali determinati utenti raggiungono determinati obiettivi in determinati contesti. In pratica definisce il grado di facilità e soddisfazione con cui si compie l’interazione tra l’uomo e uno strumento (console, leva del cambio, interfaccia grafica, ecc.)

Il termine non si riferisce a una caratteristica intrinseca dello strumento, quanto al processo di interazione tra classi di utenti, prodotto e finalità. È però d’uso comune – per estensione – l’uso di questo termine in forma di aggettivo (es: questo strumento è particolarmente usabile).

Il problema dell’usabilità si pone quando il modello del progettista (ovvero le idee di questi riguardo al funzionamento del prodotto, che trasferisce sul design del prodotto stesso) non coincide con il modello dell’utente finale (ovvero l’idea che l’utente concepisce del prodotto e del suo funzionamento).

Il grado di usabilità si innalza proporzionalmente all’avvicinamento dei due modelli (modello del progettista, e modello dell’utente).

Principali caratteristiche di un sistema usabile[modifica | modifica wikitesto]
Efficacia: accuratezza e completezza con cui certi utenti possono raggiungere certi obiettivi in ambienti particolari.
Efficienza: le risorse spese in relazione all’accuratezza e completezza degli obiettivi raggiunti.
Soddisfazione: il comfort e l’accettabilità del sistema di lavoro per i suoi utenti e le altre persone influenzate dal suo uso.
Facilità di apprendimento: l’utente deve raggiungere buone prestazioni in tempi brevi.
Facilità di memorizzazione: l’utente deve poter interagire con un’interfaccia anche dopo un periodo di lungo inutilizzo, senza essere costretto a ricominciare da zero.
Sicurezza e robustezza all’errore: l’impatto dell’errore deve essere inversamente proporzionale alla probabilità d’errore.

L’esperienza dell’utente[modifica | modifica wikitesto]
Exquisite-kfind.png Lo stesso argomento in dettaglio: User Experience.
L’esperienza dell’utente è un concetto di natura multidimensionale che descrive la complessa reazione dell’utente di fronte all’interazione con strumenti interattivi. Le dimensioni che determinano l’esperienza dell’utente sono 3:

dimensione pragmatica: funzionalità e usabilità del sistema
dimensione estetica/edonistica: piacevolezza estetica, emotiva e ludica del sistema
dimensione simbolica: attributi sociali, forza del Brand, identificazione
L’usabilità si determina rispondendo a domande quali:

che cosa vuole o deve ottenere l’utente?
qual è il background culturale e tecnico dell’utente?
qual è il contesto in cui opera l’utente?
che cosa deve essere demandato alla macchina e che cosa invece va lasciato all’utente?
All’inizio di ogni progetto impegnativo, si dovrebbero ottenere risposte per le domande precedenti attraverso un’analisi dell’utente e delle sue esigenze. Sono almeno tre le modalità per trovare le suddette risposte:

analisi delle esigenze incentrate sull’utente
costruzione dei profili utente
verifiche di usabilità.
Al fine di valutare al meglio l’usabilità di prodotto, è possibile eseguire dei Test di Usabilità, con utenti reali. In questa fase, gli utenti sono chiamati a compiere delle semplici operazioni caratteristiche del prodotto, evidenziandone pregi e difetti.

Inoltre è possibile procedere alla Misurazione dell’usabilità, attraverso complesse tecniche, capaci di dare una valenza più o meno oggettiva, al grado si usabilità di un prodotto.

Il secondo relativo al nostro autore

Jakob Nielsen (Copenaghen, 1957) è un informatico danese.

Insieme a Donald Norman, Bruce Tognazzini e Jef Raskin è considerato[senza fonte] il guru dell’usabilità. È uno scrittore, oratore e consulente. Ha un dottorato in design dell’interfaccia utente e informatica del Politecnico Danese. Nielsen lavorò nella Bellcore, nell’IBM, e come ricercatore senior alla Sun Microsystems. Nel 1991, quando il Web era all’inizio, Nielsen correttamente predisse che gli ipertesti sarebbero stati il futuro del design dell’interfaccia utente e prese la palla al balzo scrivendone un libro. Aggiornò il suo libro nel 1995 tenendo conto del successo del Web.

Dopo che i suoi articoli sull’usabilità, regolarmente pubblicati sul Web, attrassero l’attenzione dei media, fondò una compagnia di consulenza sull’usabilità, la Nielsen Norman Group coll’esperto di usabilità Donald Norman.

Nielsen è considerato la massima autorità[senza fonte] sull’usabilità del web. È noto per le sue critiche (spesso severe) a siti popolari, soprattutto sul fatto che puntino troppo su caratteristiche come le animazioni (come Flash) e grafica a spese dell’usabilità, cosa particolarmente dannosa per i disabili. Nielsen continua a scrivere ogni quindici giorni in una newsletter sul web design e ha pubblicato vari libri sul soggetto.