Steve Schoeger es un YouTuber con una misión muy específica: analizar el diseño de páginas web enviadas por sus desarrolladores, mostrando cuánto pueden mejorar haciendo unas ligeras modificaciones.

Ha llamado a esta serie de vídeos "Refactoring UI", y de momento su canal ya cuenta con siete vídeos. En ellos, durante más de 10 minutos, enseña algunas buenas prácticas para mejorar la interfaz de usuario de dichas páginas.

En pocos minutos verás como mejoran

La verdad es que es que relaja mucho ver los vídeos y te quedas hipnotizado viendo cómo va acomodando diferentes elementos en la web, haciendo que exista una mayor concordancia y que las cosas "respiren" mejor.

Por ejemplo, en el siguiente vídeo muestra cómo se puede mejorar la distribución y el diseño de Bad About, una página enviada por su desarrollador:

En este vídeo en concreto, comprobamos como es importante reparar en los pequeños detalles. Llama la atención cómo es capaz de mejorar la apariencia de esos cajones de publicaciones en un par de minutos.

En Genbeta

Una historia visual de los iconos e interfaces de usuario en sistemas operativos desde los años 80

En el último vídeo, subido hace una semana, Steve analiza el diseño de Resolut, dando consejos para que el diseño de toda la web sea más coherente:

Si estás interesado en conocer su opinión sobre tu página o una web de terceros, puedes enviársela a Schoeger mediante un formulario en Refactoring UI.

Un juez federal estadounidense ha dictaminado que Citibank no tiene derecho a la devolución de 500 millones de dólares abonados por error. Un error que tiene su origen en un mal diseño de la interfaz de usuario de un software.

Empecemos por el principio: 11 de agosto de 2020. Citibank era la institución financiera responsable de gestionar el pago de intereses por parte de la compañía de cosméticos Revlon a sus acreedores, y ese día debía enviar un pago por un total de 7,8 millones de dólares.

Revlon estaba inmerso en un proceso de refinanciación de su deuda: iba a pagar a algunos acreedores mientras convertía el resto de su deuda en un nuevo préstamo. Y un subcontratista hindú llamado Arokia Raj era el encargado de llevar a cabo la transacción.

Y ahí llegó el gran problema para Citibank: lo confuso del diseño de la interfaz del software bancario Flexcube llevó a que Raj cometiera un error fatal. Echemos un vistazo a la citada interfaz:

(Vía Jesse Furman)

"Pulse aceptar si está todo correcto"

Raj pensó que bastaba con ingresar un número de cuenta de compensación de Citibank al lado de la etiqueta 'Principal' y marcar a pertinente casilla de verificación. Pero, en realidad, la transacción que estaba realizando requería marcar también los campos 'Fund' y 'Front'.

Los que no estamos iniciados en las artes del software bancario podemos suponer que era un error de novato, algo que alguien del sector habría detectado sin problema. Sin embargo, las transacciones de esa cuantía no dependen de la aprobación de una sola persona: un colega de Raj, así como un alto directivo de Citibank revisaron el trabajo de Raj... y le dieron su visto bueno.

En Xataka

Así ve un experto en UX los interfaces de 'Minority Report' y otros interfaces futuristas

Es decir, ellos también pensaron que era el procedimiento correcto. El problema llegó al día siguiente: Raj comprobó que había enviado casi 900 millones de dólares, y no los 7,8 que había intentado enviar. Una diferencia, sin duda, notable: Citibank no había pagado los intereses de los préstamos de Revlon, sino los préstamos al completo.

Rápidamente, Citibank se puso en contacto con los acreedores, notificándoles que el pago se había llevado a cabo por error, y logró la devolución de aproximadamente 400 millones de dólares.

El problema es que algunos acreedores no estaban en buenos términos ni con Revlon ni con Citibank, y no tenían interés ni en devolver el dinero, ni en negociar un nuevo préstamo. Y eso le iba a generar problemas económicos importantes a Revlon.

Santa Rita, Rita...

Normalmente, cualquier transferencia bancaria errónea es legalmente reembolsable... pero bajo la ley de Nueva York (la que impera en este caso), existe una excepción explícita cuando dicha transferencia se realiza entre deudor y acreedor. De hecho, hace unas horas se ha sabido que un juez ha fallado a favor de los acreedores.

Uno de los argumentos enarbolados en la sentencia es que era razonable que los acreedores asumieran que un banco tan relevante como Citibank no enviaría una cantidad tan grande de dinero por accidente. Pero parece que ni el mayor de los bancos está a salvo de los contratiempos de un mal diseño de interfaz gráfica.

Vía | Ars Technica

Imagen | Mike Mozart (vía Flickr) & Augusto Serquiz (vía the Noun Project)

Tras lanzar hace unos días el modo offline para que podamos descargar algunas series o películas en dispositivos móviles, Netflix ahora da un paso más en la interfaz de usuario de su aplicación para televisión. A partir de hoy y en todos los países del mundo, todos los contenidos contarán ahora con una previsualización en vídeo de entre 15 y 30 segundos. Una especie de sinopsis interactiva y sin spoilers.

No se trata de un tráiler o de un teaser promocional, estas previews en vídeo se preparan específicamente para cada contenido. Imaginemos entrar en el menú correspondiente de 'Black Mirror' o 'Stranger Things' y, en vez de leernos de lo que va la serie, Netflix nos lo intenta resumir con imágenes en menos de medio minuto.

En palabras de Chris Jaffe, Vicepresidente de Innovación de Producto de Netflix:

Puesto que vamos a lanzar más de 1000 horas de contenido original en 2017, sabemos que tenemos menos de 90 segundos para captar la atención de alguien y hacer que quiera ver un contenido. Por eso lanzamos las previsualizaciones en vídeo en el navegador de la app para televisión.

¿Cómo funciona?

Netflix tiene un equipo dedicado a etiquetar contenidos manualmente y a escribir sus sinopsis. Ese mismo equipo es el que se encarga de seleccionar las imágenes más llamativas de la serie, película o documental y, después, se monta este resumen interactivo. Importante: no hay spoilers. Según nos explicó Chris Jaffe, quieren captar lo esencial del contenido, lo más llamativo y representativo y mostrárselo al espectador para que pueda tomar una decisión rápida sobre si verlo o no. Si es una serie de superhéroes y acción, enseñará imágenes de peleas, de los protagonistas, efectos especiales, etc. pero nada concluyente sobre el argumento.

De hecho, no tendremos que hacer nada para ver esta previsualización. En cuanto nos detengamos en un contenido en concreto dentro de Netflix, comenzará a reproducirse automáticamente. En el caso de las series, serán resúmenes por temporadas.

A nivel técnico, también introducirán los ya típicos tests A/B de Netflix: de la misma manera que van cambiando las miniaturas de las portadas de cada contenido para elegir la que más clicks y atención generen, irán midiendo qué previsualizaciones funcionan mejor y por qué. Irán refinándolas conforme los usuarios vayan interactuando.

¿En qué idioma estarán disponibles las previsualizaciones? Dependerá de la configuración de idioma de cada usuario. Si tienes por defecto que las series se vean en inglés y con subtítulos, lo mismo se aplicará a las previews.

Sólo para la app de televisión, de momento

¿Y por qué solo está disponible para la app de televisión? Así nos respondió Chris Jaffe:

No queríamos seguir teniendo una interfaz de ordenador pero metida en la tele. Es más difícil interactuar con la plataforma de Netflix desde la televisión. Desde la web puedes pinchar donde quieras fácilmente, navegar a tu gusto, o desde una tablet puedes deslizar el dedo y ver contenido. Desde una tele la interacción no es tan fácil ni intuitiva y creemos que estas previsualizaciones harán las cosas más fáciles. Además, la mayoría de nuestros espectadores consumen contenidos a través de la app de televisión.

¿Significa esto que las previews en vídeo no llegarán para web o para móviles? De nuevo, contesta Chris:

No, estamos trabajando en ello, pero tenemos que ver una manera clara y con sentido para implementarlo. El principal reto que tuvimos al diseñar estas previews para la app de televisión era la rapidez con la que se mostraban. Llevamos trabajando en ello desde hace 3 años. Desde entonces, la velocidad de internet ha evolucionado y nosotros también hemos desarrollado el streaming adaptativo. Aplicar estas previews a una mayor variedad de dispositivos, con distintos sistemas operativos, tamaños de pantalla, etc. es más complicado de lo que parece y no vamos a lanzar nada que no sepamos que funciona muy bien.

Estas previsualizaciones en vídeo serán compatibles con las apps de Netflix para smart TV's, así como para televisiones con Android TV, o dispositivos como Nvidia Shield o incluso consolas como PlayStation 4.

En Genbeta | Ocho webs para consultar mejor las novedades de Netflix en España y en el mundo

Desde que se conociera que Microsoft abandonaba el nombre “Metro” para referirse a la interfaz de usuario de Windows 8 y todos los productos que lo utilizan, había cierta expectación por conocer la nueva denominación que emplearía el gigante de Redmond en el futuro. Parece que el misterio está resuelto y Metro UI se ha convertido en Modern UI.

Aunque no ha habido un comunicado explícito al respecto, en un post reciente publicado en el blog de MSDN, y en el anuncio de algunos eventos futuros de la compañía, se ha empleado Windows 8 Modern UI design, en el primer caso y Modern UI-Style en el segundo. Todo indica que Modern-UI será el nombre oficial.

El abandono de la palabra “Metro”, nombre en clave interno según Microsoft, se ha producido para tratar de evitar demandas futuras por empresas que ya tienen registrado el término. Desde el punto de vista de la originalidad, interfaz moderna no es el paradigma de la creatividad, pero está en línea con los usos de esta empresa. Recordad el significado de Windows NT (New Technology o nueva tecnología), que con el uso del acrónimo y el paso de los años aparece otra cosa, aunque es una simpleza.

Emplear ahora el acrónimo MUI para referirse a la interfaz moderna no parece conveniente, puesto que el término ya está acuñado (MUI = Multilingual User Interface o Interfaz de Usuario Multilenguaje). El nombre de un producto forma parte de su éxito, y las compañías dedican recursos y tiempo en la búsqueda de uno con “gancho”. Resulta mucho más exótico que un sistema operativo se llame Mountain Lion que Ass, por poner un ejemplo (asno, y en términos más vulgares culo).

Modern UI parece más una solución de última hora, que la idea brillante del creativo de turno, y tiempo ha tenido Microsoft para meditar sobre el asunto. Cuando hablamos de gustos personales, se abre un abanico casi infinito de posibilidades, pero me gustaba más “Metro”.

Vía | The Verge

Los de Google siguen trabajando a todo vapor para cumplir con su objetivo de entregar releases estables de Google Chrome cada 6 semanas. Lo último que han hecho ahora es sorprendernos con un importante cambio en la UI: hacer que el menú de opciones se despliegue adentro de una pestaña, en lugar de una ventana emergente, que es lo que ocurre ahora.

Este cambio busca dar más coherencia a al interfaz, ya que actualmente el gestor de descargas, el de favoritos y el de extensiones se despliegan adentro de una pestaña, quedando el menú de opciones como la única “oveja negra” que ocupa una ventana separada. Otra ventaja es que se facilita la coherencia entre múltiples plataformas, ya que la UI para cada sistema operativo es exactamente la misma.

Para probar esta nueva característica es necesario suscribirse al Dev Channel de Chrome, o bien, descargarse la Canary Build, y agregar —enable-tabbed-options a la ruta de archivo que aparece en el campo “Destino”, en las propiedades del acceso directo de Chrome.

Vía | downloadsquad