UXthis! @uxthis-blog - Tumblr Blog

Abbiamo traslocato!

Sono passati un po' di anni dagli ultimi aggiornamenti di UXthis.

Come capita spesso, gli impegni e la vita di tutti i giorni reclamano il loro tempo e non sempre si hanno le energie o la costanza di mantenere viva una pubblicazione. Succede.

Ma altrettanto spesso capita di vedere quelle iniziative tornare sotto nuova veste, in una chiave di lettura nuova e più matura.

Questo è il nostro caso.

We are back.

Con l'occasione, abbiamo anche cambiato casa per i nuovi articoli. Ora ci trovate:

👉Trovate i nuovi articoli su Medium

Per un po’ di discussioni riguardo gli articoli, seguiteci invece su Facebook e su Twitter.

Insomma, se vi va ci fa piacere di ritrovarvi a bordo! :)

#usabilità #UX #design

Capita di guardare per terra all'aeroporto di Catania Fontanarossa e di scorgere due misteriose strisce. Una verde e una rossa. Sulla rossa c'è un quadrato; sulla verde c'è un ottagono. Con aria interrogativa, guardi per aria... Ed è allora che vedi che le due icone hanno una legenda! Se solo non avessero usato icone così tanto arbitrarie e così poco convenzionali, allora avresti anche potuto incolpare la tua sbadataggine. Osservato da mrgoodwine, che quando è dubbioso guarda in alto.

#usabilità #aeroporto #segnali #icone #arbitrario

Il sito di Italo treno, visto da un iPad. Si consiglia di girare il dispositivo per una fruizione migliore. Proprio quel che serve per rendere la navigazione trasparente. Visto da mrgoodwine, a cui sembra proprio di toccare il vetro di uno schermo, anziché no.

#usabilità #responsive #mobile #tablet

De Parchimetro Vercellese --- I #pulsanti sono un calderone di problemi: • producono solo un #feedback sonoro, zero segnali visivi o tattili • non hanno etichette contestuali: sono differenziati solo dal colore… il che diminuisce l' #accessibilità per utenti con #daltonismo • necessitano di #istruzioni, ma queste sono assolutamente oscure (l'uso delle icone è più che ambiguo) • hanno tutti la stessa forma, priva di #affordance, differente rispetto i pulsanti sopra stanti (molto più intuitivi) • la disposizione verticale dei bottoni mette sullo stesso piano funzioni diverse, complicando l' #architettura dell'informazione

#usabilità #IA #affordance #accessibilità #interaction design #feedback

Gli #utenti non leggono le #istruzioni. Vale ovunque. Anche al #Colosseo in #Roma. #oldbutgold

Non una ma due istruzioni per farsi il caffè. Niente vincoli che spieghino la corretta procedura: ogni singola azione può essere intrapresa, ma solo una corretta combinazione porta a un risultato. In momenti concitati come il pranzo a Milano, questa mancanza di #affordance può anche essere fatale! #badusability #fail #design #istruzioni #usabilità

Basilea, stazione ferroviaria, terminale biglietti treno:

via via che si compone il nome della stazione di partenza/destinazione, scompaiono dalla tastiera le lettere sicuramente improbabili e compaiono i suggerimenti nella parte alta dello schermo.

La tastiera è ovviamente QWERTY.

Foto: 2014

#usabilità #treni #terminale #keyboard #goodusability #usability #tickets #trains #Basel #switzerland

Montare un oggetto non vuol dire sempre testarlo. Il dispenser sotto accusa fa cadere tutto il sapone a terra anziché (più intelligentemente) sul lavandino. E aumenta i sensi di colpa. #bad #usability #restroom #testing

Usabilità dei bagni a Orio al Serio. L'esperimento conferma che quando scappa allora leggere un cartello di istruzioni e fare venti metri in più non sono azioni accettabili. #peopledontreadsigns #badusability

Chrome for Android

Con piacevole sorpresa, scopro come Chrome per Android risolva piccoli grandi problemi di usabilità applicando una “pezza” a siti non ottimizzati per mobile. Spesso le icone su cui dovremmo pigiare sono di dimensioni ridottissime e, a meno che non si faccia zoom in, se ne prendono tre insieme al prezzo di una. Solitamente poi, quella attivata non è quella che intendevamo.

Il problema è qui alleviato grazie a un ingrandimento dell’area che si va a toccare sul touch screen, con beneficio.

Suppongo che tale “lente” si attivi nel momento in cui il nostro dito non riesca a “colpire” una icona precisa; pertanto un margine d’errore resta comunque.

Presumo si tratti di Chrome in quanto non ho notato questa feature nel browser standard fornito dal sistema operativo Android.

[Lente di ingrandimento usata da Luana]

#mobile #goodux #usabilità #usability

In un numero de "La Stampa", sezione Novara, è apparso un link "in chiaro".

Ovviamente, la carta non è cliccabile, e pertanto all'autore dell'articolo resta l'infausto compito di trascrivere tutto il link, dal www allo slash, al ? agli = e quant'altro.

E' vero che i QRcode non sono molto conosciuti e diffusi - anche se la maggioranza dei destinatari del link, più o meno consapevolmente, viaggia con smartphone in grado di leggerli e produrli.

Ma siamo sicuri che trascrivere per intero il link sia l'unico modo per aggirare l'impopolarità dei QRcode e la solitaria bidimensionalità della carta stampata?

Forse, potrebbe aiutare la trascrizione dei passi (es.: menu > borse di studio > Erasmus ...) per raggiungere tale pagina entro il sito? Sarà pur sempre sequenziale, ma perlomeno sarebbe ricca di parole significative e più facili da ricordare per l'utente.

E la memoria ringrazia.

[link incliccabile letto da Luana]

#ux #usabilità #mobile ux #stampa #usability #link non umani

Nuova Metro 5 Milano. Un problema di usabilità riscontrato da un breve user test di pura osservazione (ascoltando le reazioni degli altri passeggeri).

L’utente, spesso di fretta, arriva alla banchina e vede il cartello luminoso con i tempi di attesa.

Il primo numero che vede, dato l’angolo di visuale determinato da una statura nella media, è il tempo di attesa del secondo treno in arrivo.

Un utente di questo ‘user test’, ha girato subito i tacchi, regalando gentili epiteti alla efficienza della nuova metro. Ma se solo avesse fatto un passo in più, avrebbe visto che il suo treno era in arrivo, segnalato nella riga più in alto del cartellone luminoso.

In questo caso, due fattori si combattono:

il senso canonico di lettura dall’alto verso il basso

l’ordine di scan visivo determinato dal reale utilizzo

Quindi, ha più senso mettere il primo treno in arrivo nella riga sopra o nella riga sotto? Oppure spostare il cartellone un po’ più lontano dalle vie di accesso?

[il perenne user test di mrgoodwine]

#usabilità #usability #UX #underground #line 5 #metro 5 #Milan

badUX, Un grosso bottone rosso, con un'etichetta e un blocco di plastica per evitarne l'uso... Ma allora perché posizionarlo in modo così evidente?

[il (quasi) tentato utilizzo di mrgoodwine]

#badUX #usability #UX #interface #design #supermarket #dispenser #button #don't push

I menu iconici (su android Jelly Bean, sgs3) L'altro giorno stavo cercando notizie e per un qualche motivo avevo necessità di copiare quanto digitato nella barra di ricerca. Mi si apre un menu orizzontale a top pagina: solo icone. L'azione "taglia" è facilmente comprensibile. Ma sotto quale figura si nasconde "copia"? Indovina indovinello. Ancora non l'ho scoperto. [Indovinelli mancati by Luana]

#bad ux #usabilità #usability #mobile ux #cattiva usabilità

Quale di questi tipi di interruttori potrebbe farvi confondere sul suo stato (on/off)?

(Non) pensateci bene.

Quali usereste per progettare i settings di un'interfaccia?

___________

Che cos'è

Lo switch trova applicazione in vari contesti, sia web che mobile. Il suo scopo è sostituire il radio button o la casella con la spunta nei settings, per tutte quelle feature che possiedono la qualità “enable / disable”. L’interruttore mimerebbe la proprietà “acceso / spento”, e si propone pertanto di rinforzare tale concetto facendo leva su un elemento ben noto nella nostra realtà non virtuale.

[interruttori pigiati furiosamente da Luana]

#bad usability #web usability #interfaccia #interface #usability #usabilità #ux #user experience