Ubicando menús de navegación en dispositivos móviles

Siguiendo con la serie sobre diseño para dispositivos móviles, hoy hablamos de la ubicación de los menús de navegación y, en concreto, de la navegación al pie en teléfonos móviles (conocidos como bottom menus). Normalmente la ubicación de la navegación es un elemento que puede parecer inocuo en cuanto a experiencia de usuario, pero las pruebas de campo muestran que puede ser un aspecto diferencial. Los usuarios saben valorar un buen trabajo de priorización en un menú de navegación, aunque muchas veces sea de forma inconsciente. Zonas de acceso de la pantalla con una sola mano, según la posición de […]

Uso de color y tipografías en dispositivos móviles

Siguiendo con el artículo de ayer donde hablábamos de interfaces nativas o diseños propios, vamos a profundizar en algunos patrones de diseños de las dos plataformas móviles más habituales: iOS y Android. Como diseñadores de experiencia de usuario estamos obligados a estar al día en las últimas tendencias en diseño, y novedades en diseño de interfaces. Muchas veces, nuestros trabajo puede acabar con un interfaz de baja fidelidad. Sin embargo, cuando el trabajo abarca wireframes de alta fidelidad o incluso mockups cercanos a diseño visual, no podemos abstraernos de aspectos concretos del entorno para el que estemos desarrollando. Ejemplo de […]

La estandarización de los iconos

En nuestro trabajo como diseñadores de experiencia de usuario estamos obligados a estar al día de todas las tendencias de diseño de producto. Conocer estas tendencias nos ayuda a mejorar la presencia de nuestro trabajo online, aportando una imagen más actual, renovada y atractiva. Con la creciente complejidad de las aplicaciones, estas mejoras en diseño deben ir orientadas tanto a simplificar esos conceptos complejos como a agilizar la navegación a través de elementos que hagan de la interfaz un entorno más intuitivo y visualmente agradable. Reacciones de Facebook A pesar de las avanzadas tecnologías de comunicación y de los actuales […]

La navegación oculta empeora la UX

Norman Nielsen Group ha publicado un resumen de una investigación sobre la hallabilidad (discoverability) y los menús hamburguesa. Durante el estudio han encontrado que los usuarios usan menos la navegación en los menús hamburguesa(menús escondidos) que en los menús de navegación (ya sean parcialmente o totalmente visibles). Gráfico del porcentaje de sesiones donde la navegación es usada. © Norman Nielsen Las conclusiones del estudio han sido: La navegación escondida es menos hallable que la navegación visible: Los usuarios usan menos la navegación si está escondida Si la usan, cuando está escondida lo hacen más tarde al hacer la tarea del […]

Players de plataformas de vídeo

Las plataformas de vídeo son actualmente una de los productos digitales más demandados. Plataformas como Youtube o Vimeo, se han convertido en sitios donde los creadores promocionan o venden (ambos ya han puesto contenidos de pago) contenidos audiovisuales. En una plataforma de vídeo la experiencia de usuario es algo crítico. Los usuarios esperan que un vídeo se reproduzca sin parones en toda su extensión. A nivel de sistemas y de CPDs (Centro de Procesamiento de Datos), las plataformas de contenidos multimedia, ya sea un servicio de streaming de audio, una plataforma de vídeos o similares es uno de los sistemas […]

Tendencias de diseño: mega menús

Hoy os queremos hablar de un par de tendencias en cuanto a los menús de navegación de sitios webs: los mega menús. Os vamos a hablar de dos tipos: el mega menú desplegable y mega menú a pantalla completa. Mega menú de Mango Mega menú desplegable El mega menú que se despliega hacia abajo (mega-menu drop-downs) está a la orden del día. Podemos verlo en multitud de sitios web y resulta especialmente útil para aquellos sitios con árboles de contenidos inmensos, como Mango, por ejemplo. Este tipo de menús permite mostrar una gran cantidad de elementos de forma clara y […]

Ejemplos de malas prácticas en diseño de UX móvil

Los patrones de diseño son elementos técnicos que nos ayudan a diseñar una buena experiencia de usuario ya que ofrecen lecciones aprendidas de los mejores sitios web y aplicaciones, y permiten extrapolar algunas conclusiones y hacerlas reutilizables más fácilmente. Material Design de Google o US Web Design Standards, son ejemplos de kits de patrones de diseño que ya hemos mencionado en el blog. Captura de pantalla del tutorial inicial de VLC para Android Hoy nos centramos en analizar algunos malos usos de patrones de diseño ampliamente difundidos en apliaciones móviles, que ha comentado Zoltan Kollin en su artículo “Misused mobile […]

Nuevo diseño del menú de navegación de El País: una apuesta valiente

Hace tiempo que no comentamos los cambios visibles en medios de comunicación como el rediseño completo de The New York Times (2013), el rediseño de El Mundo (2009) o los cambios en la web de elpais.es (allá por 2006, hace casi diez años). Hoy traemos un pequeño (gran) cambio que ha realizado el diario El País, que creemos que tendrá mucho impacto. Sin apenas hacer ruido, El País ha rediseñado su menú de navegación desde la página de una noticia, con una apuesta muy valiente (ver ejemplo). La apuesta es valiente, con una clara tendencia hacia un diseño con varias […]

Visualización de datos electorales en sitios de medios de comunicación

Desde un tiempo a esta parte, es evidente que ha aumentado la presencia de la visualización de datos y la infografía en medios de comunicación. La visualización de datos goza de buena salud, y parece que solo acaba de despegar. Hasta hace poco tiempo, era un sector que apenas preocupaba salvo para gente de sistemas o de ambientes económicos. La prensa normalmente acudía a gráficos simples,  debido a lo costoso de imprimir gráficos con calidad en rotativa y a la falta de infraestructura informática con capacidad de elaborarlos. Recordemos que, hasta la llegada del iMac, los costes de la informática […]

Consejos de diseño de pantallas de selección de métodos de pago

El Black Friday y el CyberMonday son dos fechas en las que quienes trabajamos en el ámbito del e-commerce sabemos que preceden a la campaña de Navidad. Son fechas en las que, entre otras cosas, ponemos a prueba la eficiencia del e-commerce. Por ello queremos hacer un repaso a uno de los puntos clave de cualquier tienda electrónica: los métodos de pago. Imagen original de Victor en Flickr Las pantallas de selección de métodos de pago, como ya hemos dicho en otros posts de este blog (“Diseño del formulario de inserción de datos de pago”), son muy importantes dentro del proceso […]