Táboa de contidos
Unha das teorías psicolóxicas máis influentes nos campos de UX e deseño de interacción é a teoría da Gestalt. A teoría foi fundada por psicólogos alemáns e a palabra "Gestalt" significa forma ou forma en alemán. Como o nome indica, a idea detrás dos principios da Gestalt é que os humanos perciben os grupos de obxectos como patróns e non como obxectos individuais.
Hai moitos artigos sobre os principios da Gestalt pero non tantos deles axudan a comprender como aplícaos no teu traballo como deseñador UX/UI. Este artigo darache algunhas ideas sobre como usar os principios de Gestalt para crear mellores deseños de UX e UI que axuden ás persoas a alcanzar os seus obxectivos con menos esforzo.
A Lei da Semellanza
O principio de Semellanza establece que cando os obxectos son fisicamente similares tendemos a agrupalos e asumimos que teñen o mesma funcionalidade . Por exemplo, na imaxe de abaixo é moi sinxelo distinguir a liña que contén círculos vermellos burdeos do resto da imaxe debido á súa cor diferente.
Un exemplo do principio de semellanza. Foto do autor.
Uso da similitude no deseño de UX e UI
Imaxinemos que a súa empresa desenvolveu un aplicación chamada "Il Mio Chef" que usan os afeccionados á comida italiana en EE. UU. e Canadá (Usarémola para oresto deste artigo). Un informe recente que che entregou o teu investigador de UX indica que cando se trata de pedir comida italiana, os usuarios preocúpanse principalmente de cales son os restaurantes máis próximos a eles. Despois de todo, a todos queremos que nos entreguen a nosa lasaña ou pizza mentres estean frescas e quentes, non si?
Para que sexa máis sinxelo axudar aos usuarios da nosa aplicación a ver cales son os restaurantes máis próximos a eles. pode utilizar o principio de semellanza destacando estes restaurantes na IU. Na imaxe de abaixo podes ver como resaltar estas opcións en amarelo (á dereita) fai unha gran diferenza ao enfatizar visualmente a diferenza entre os restaurantes máis próximos e os que están máis afastados. Deste xeito podes usar o principio de semellanza para axudar aos teus usuarios a atopar rapidamente o que buscan.
Utilizando o principio de semellanza da Gestalt. Imaxe do autor.
A lei da proximidade
O principio de proximidade establece que os obxectos que están situados preto uns dos outros parecen ser máis relacionados que os obxectos que están máis separados. Por exemplo, a primeira imaxe e a segunda imaxe teñen a mesma cantidade de círculos. Non obstante, na segunda imaxe certas columnas están máis próximas entre si e crean a impresión de ter tres grupos distintos en lugar dun gran grupo.
Proximidade - exemplo 1 - un grupo grande. Imaxe do autor.
Proximidade - exemplo 2 - tres grupos distintos. Imaxe do autor.
Uso da proximidade no deseño de UX e UI
Tomemos un exemplo do campo de visualización da información.
Esta vez, imaxinemos que es un executivo que quere ver como funciona a túa aplicación “Il Mio Chef”. Quere ver os KPI que miden o rendemento financeiro, o compromiso dos usuarios e a satisfacción. Nun primeiro momento, o teu especialista en visualización de información crea o cadro de mando a continuación que fai que ti e todos os demais directivos se perdan nos números e fagan aínda máis preguntas. Despois dun mes, moitos de vostedes deixan de usar este panel por completo.
Panel de control KPI - Il Mio Chef. Imaxe do autor.
Neste momento volves ao teu especialista en visualización de información e pídeslle que lle facilite a comprensión da imaxe xeral ao redeseñar o panel de control. O principio de proximidade é útil neste caso, e podes ver o novo deseño a continuación. Contén tres grupos divididos polo tipo de KPI e axuda a todos a comprender como vai a aplicación en termos de rendemento financeiro, compromiso e satisfacción. Agrupar obxectos e usar máis espazos en branco entre os grupos pode axudar aos usuarios a dixerir a información máis rápido.
Ver tamén: Rompe Internet: a crecente popularidade do Glitch Art
Utilizando o principio de proximidade da Gestalt no deseño do panel. Imaxe do autor.
A Lei deContinuidade
O principio de Continuidade establece que unha vez que o ollo comeza a seguir un obxecto, seguirá seguindo o “movemento” nesa dirección ata que se atope con outro obxecto. Este movemento axúdanos a percibir o obxecto como parte do mesmo camiño polo que temos que percorrer para buscar información. A imaxe de abaixo mostra como podemos utilizar o principio de continuidade para crear tales patróns visuais que guían o ollo nunha dirección determinada.
Un exemplo do principio de continuidade. Imaxe do autor.
Uso da continuidade no deseño de UX e UI
O teu investigador de UX presentou un novo informe que mostra que a principal motivación dos usuarios para utilizar a aplicación “Il Mio Chef” é a exploración de alimentos, xa que lles permite acceder a novos restaurantes de comida italiana cada semana. Miras a métrica que mostra cantas veces as persoas pasan o dedo polas súas opcións co deseño actual da IU na imaxe de abaixo (lado esquerdo) e ves que nunca pasan máis de dúas veces de media para ver que opcións teñen dispoñibles.
Utilizando o principio de continuidade (lado dereito da imaxe de abaixo), o teu deseñador de UX axudou a aumentar ese número a uns 10 golpes de media. Como pasou iso? Ao ocultar parte da imaxe e resaltar o feito de que cómpre pasar o dedo cara á esquerda ou á dereita para ver o que hai alí, os ollos dos usuarios foron guiados para crear literalmente o movemento de "pasar" e foron máismotivados para explorar máis restaurantes e o que ofrecen. Isto é algo o deseño anterior non te motivou para nada, aínda que xa esteas motivado inherentemente para facelo.
Utilizando o principio Gestalt de continuidade no deseño de UX/UI. Imaxe do autor.
Ver tamén: Que é o deseño sinxelo?En resumo , usar os principios de Gestalt que se presentan neste artigo no seu deseño de UX e UI pode axudar aos usuarios a atopar información máis rápido e a dixerir mellor iso. Ademais, pode aumentar a súa satisfacción co teu produto motivándoos a realizar as accións que máis lles gustan.
A portada inclúe obras de arte de Miklos Philips, editadas en Vectornator.
