Diseñando mejores formularios de registro y login

Diseñar formularios de registro y login para nuestros productos digitales es un elemento central de todo rediseño hecho con una metodología de diseño centrado en el usuario. Virginie Nesa ha escrito un artículo sobre cómo hacerlo mejor. Imagen de UX Planet Un usuario medio hace una media de 16 logins al día, por lo que es una acción esencial. Aunque como ya os hemos dicho en otras ocasiones, nos tenemos que esforzar antes en conocer mediante una investigación de usuarios (o un análisis del recorrido de los usuarios) si para el usuario es beneficioso registrarse o por el contrario es […]

¿Botones seleccionables en menús de navegación?

A veces en las interfaces de usuario se heredan elementos entre diferentes casos de uso. Un ejemplo de ello son los menús hamburguesa de los primeros GUIs (Interfaces de usuario gráficas en sus siglas inglesas) de escritorio, que se usaron posteriormente en los dispositivos móviles. Hoy os vamos a hablar de los botones seleccionables (o split buttons en inglés) que son un caso similar al menú hamburguesa. Los botones seleccionables son aquellos botones que cuando los pulsas te dan a elegir entre una serie de opciones. Normalmente se suelen usar para ahorrar espacio en la interfaz, a la vez que […]

Patrón de diseño en forma de Z para una mejor lectura

Como ya sabréis los lectores habituales de este blog, a la hora de crear contenidos para un producto digital los usuarios no leen, sino que escanean el contenido de la página. Para solucionar ese problema lo mejor es usar textos cortos y descriptivos que permitan a los usuarios escanear el contenido y saber si a lo que han accedido es lo que están buscando. Imagen de Nick Babich Para ayudar a mejorar la lectura de un producto digital también se pueden usar patrones de diseño adaptados a los esquemas mentales de los usuarios. Hoy os traemos un ejemplo de la […]

Enlaces en la misma página ¿bien o mal?

Hace años, cuando los monitores empezaron a aumentar de tamaño y de resolución, se empezó a dejar de usar los enlaces en la misma página, o como en aquel entonces era su denominación habitual, los enlaces ancla. Un ancla en aquel entonces era un recurso habitual de diseño. En una página larga de mucho contenido se colocaban varias anclas al principio y el usuario iba directamente al contenido que quería sin tener que cargar varias páginas, ya que con una bastaba. Captura de la web de la EPA, un buen ejemplo de uso de enlaces en la misma página o […]

Adecuación de los formularios de datos al nuevo reglamento europeo

El de los formularios de suscripción y de petición de datos de los usuarios es un asunto delicado por las implicaciones de protección de datos que tiene. Además, desde mayo del año pasado, ha entrado en vigor un periodo de transición de dos años para el nuevo reglamento de protección de datos al que nos tenemos que adaptar en mayo de 2018. Imagen de Blue Coat Photos Reglamento 2016/679 El reglamento 2016/679 de la UE que sustituye al Reglamento General de Protección de Datos vigente hasta ahora. El nuevo Reglamento habla de consentimiento informado y de política de protección de […]

Mejores prácticas para elaborar un scroll largo

Hoy vamos a escribir un post práctico para el día a día de nuestro trabajo como diseñadores de experiencia de usuario. En la actualidad, los dispositivos móviles han pulverizado el miedo al scroll que había antiguamente, según el cual se creía que tenía que caber toda la web en una pantalla y que no tenía que quedar nada importante “above the fold”, ya que había un mito que decía que la mayoría de los usuarios no hacía scroll vertical en las páginas web. Imagen de Nick Babich El scroll horizontal no se debe poder hacer en ningún caso, ya que […]

Redacción de textos para productos digitales

Hoy vamos a hablar de un asunto al cual habitualmente no se le da mucha importancia: los textos de los productos digitales. Foto de Tekke Os vamos a dar algunos consejos de cómo redactar los textos de vuestros productos digitales para que tengan un efecto en los usuarios. Jesús Encinar, fundador de idealista, escribió tres consejos en un post de 2008 que siguen siendo tan válidos como cuando los escribió (los comentarios son míos): Usa la segunda persona para referirte al usuario en la interfaz: a no ser que seas una marca con la que tus usuarios se identifiquen casi […]

El uso de colores en las interfaces

Hace un tiempo ya os hablamos del uso del color en las interfaces de usuario, hoy os vamos a hacer una pequeña explicación con ejemplos prácticos del uso de varios colores en interfaces de usuario. Foto de Horia Varlan Podría decirse que los colores en una interfaz son los semáforos de la experiencia de usuario. Como ya dijimos en aquel post, los colores transmiten emociones que se trasladan a la interfaz cuando los usamos. Además, hay unas convenciones de color más o menos universales que no conviene romper. Rojo El rojo es el color de las advertencias en las interfaces […]

Diseño de interfaces para niños

Desde hace tiempo, ha habido un cambio en el ocio de los niños y utilizan cada vez más productos digitales. En algunas ocasiones con la dirección guiada de sus padres, pero muchas otras aprenden a manejar dispositivos e interfaces de forma autónoma, con su propia intuición. El uso que este público hace de la tecnología ha ido evolucionando hacia un entorno fundamentalmente móvil. En este caso, el Mobile-Only es toda una realidad, no una tendencia a medio plazo. Debido a la posibilidad de interfaces táctiles es más sencillo para estos pequeños usuarios interactuar con el dispositivo usando sus dedos. Foto […]

La influencia del color en la tasa de conversión

Hace poco tiempo hablamos del uso de color y tipografías en interfaces móviles, y hoy queremos centrarnos en responder una pregunta recurrente: ¿Hay un color que convierta mejor que otro cuando trabajamos en interfaces transaccionales? Si alguna vez habéis tratado de diseñar un nuevo proyecto para un cliente, entenderéis lo complicado que resulta decidir sobre una paleta de colores que funcione bien para el cliente y su proyecto. Por eso, no pretendemos desarrollar una guía completa sobre cómo aplicar colores al diseño, más bien mostrar pautas generales de cómo influye el color en el contexto del diseño de la experiencia […]