Come testare il prodotto con utenti reali, attraverso un metodo efficace e semplice da attuare

Image for post
Image for post
Illustrazione di Michele Zamparo

Se non avete ancora letto la prima parte dell’articolo, la trovate qui:

8. Inizia il test!

Iniziate dando il benvenuto all’utente e ringraziandolo per la partecipazione. Fatelo sedere sulla sedia di fronte al computer e sedetevi di fianco.

Presentate il prodotto che state testando fornendo informazioni molto basilari e senza andare troppo nel dettaglio dato che lo scopo è vedere come l’utente interagisce con un prodotto che non conosce. Se state testando un prototipo, chiarite all’utente che non sta utilizzando un prodotto reale, che i contenuti sono dimostrativi e che alcune sezioni non sono accessibili.

Spiegate all’utente che non state esaminando le sue capacità, che non ci sono risposte giuste o sbagliate e non è possibile fare errori: state testando il prodotto. Create un’atmosfera rilassata e fate in modo che l’utente si diverta, siate empatici! Chiedete di adottare il protocollo think aloud, di essere sinceri e di non preoccuparsi di offendere nessuno. Spiegate che il test è organizzato in task che chiederete di completare. Dato che la sessione sarà registrata, chiedete all’utente di firmare un permesso scritto che potete preparare partendo dal template messo a disposizione da Steve Krug qui. …


Come testare il prodotto con utenti reali, attraverso un metodo efficace e semplice da attuare

Image for post
Image for post
Illustrazione di Michele Zamparo

1. Introduzione

Il test utente (o user testing) è una delle metodologie più efficaci nell’ambito dello User Experience Design: ci permette infatti di vedere come degli utenti reali interagiscono con quello che stiamo progettando. Designer, sviluppatori e manager spesso sono talmente abituati e assuefatti a quello a cui stanno lavorando che non riescono più a notare i problemi di usabilità e di user experience. Per questo motivo lo user testing è una metodologia fondamentale che permette a tutto il team di guardare al prodotto con gli occhi dei nuovi utenti e di capire cosa fare per migliorare radicalmente l’esperienza utente.

Quando si parla di user testing troviamo molte informazioni sulle metodologie lab e guerrilla che approcciano il test in modi molto diversi. Negli ultimi anni ho elaborato una metodologia per testare i prodotti che a Net7, dove lavoro, chiamiamo Portable Lab User Testing: facile e veloce da implementare come il guerrilla testing e capace di fornire risultati dettagliati come il lab testing. La sessione di test è condotta utilizzando un’applicazione per screencasting che registra come l’utente interagisce con il prodotto finale o un prototipo interattivo. Gli screencast registrati sono poi analizzati per ottenere risultati qualitativi e quantitativi. …


Image for post
Image for post

1. Introduction

User testing is one of the most effective methodologies in user experience design: it allows us to see how actual users interact with what we are designing. Designers, developers and managers are so accustomed to the product they are working on, that important issues become invisible to them. That’s why user testing is always enlightening and allows team members to look at the product with the eyes of new users and understand what needs to be done in order to radically improve the user experience.

When talking about user testing we find a lot of information about lab and guerrilla testing which are very different and opposite approaches. In the last few years working at Net7, I’ve developed a methodology for testing web products that I call Portable Lab User Testing, a lightweight technique that is easy to implement as guerrilla testing and provides detailed results as lab testing. The testing session is run using a screencast application that records how the user interacts with a real product or a prototype; recorded screencasts are then reviewed to obtain qualitative and quantitative results. …


Image for post
Image for post
Photo by Ethan Sexton on Unsplash

I first drafted this CSS Style Guide some years ago while working on Pundit and Muruca. Since that first version, I’ve been constantly updating it and adding new sections. This Style Guide reflects how we manage and write CSS at Net7 and it’s a crucial resource to keep projects maintainable, especially complex, long term projects and design systems’ code. The Style Guide is also a good resource to involve new developers to the team and align them to our way of writing CSS.

This Style Guide is completely open and you’re welcome to copy it, reuse it, modify it and leave comments to help me improve it.


Image for post
Image for post
Fig.1 — The homepage of the digital archive Galassia Ariosto

Context

At the end of 2013 I was involved into the Galassia Ariosto project as project manager and user experience designer. The project was commissioned by the Centro di Elaborazione Informatica Testi e Immagini (CTL), a research laboratory of the Scuola Normale Superiore di Pisa. The CTL is a long-time client of Net7 (where I work) and I’ve been personally working with their research team since more than 10 years.

The Project

The CTL team has always been interested in studying the relation between text and illustrations, mostly focusing on the first chivalric poems that were printed in Venice starting in the 16th century. The project Galassia Ariosto is a in-depth study of the relations between the text of Orlando furioso (and other chivalric poems like La Gerusalemme Liberata, Orlando Innamorato, Tredici canti del Floridoro) and the illustrations sets that were produced to enrich the text. …


Image for post
Image for post

Introduction

Layer Comps is a very simple but powerful Photoshop feature that can come in hand in the design of the interface of a web site. It’s a panel that allows to store some layer compositions saving the current state of layers and recall them at any time.

It can be very useful when we design different page templates inside the same PSD document: with Layer Comps we can store the layer compositions for each page recalling it when needed.

Once we need to make some modifications to our layout we simply work on the layers as we usually do. When we need to export or view the final results for each page is when the Layer Comps comes in hand taking care of all the layers moving and hiding, since this information is stored in each comp. …

About

Giulio Andreini

User experience designer at Net7 (www.netseven.it), co-founder of Surfy Nomads (www.surfynomads.com)

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store