La interfaz de usuario tipográfica es un nuevo concepto de diseño, cuya filosofía se expresa en tres palabras: la
interfaz es texto.Hasta hace poco, todos los conceptos de interfaz de usuario
(a excepción de la línea de comando) podría entenderse por el diseño de las formas de los elementos utilizados en la interfaz. Estamos hablando de las formas de botones, menús, ventanas y cualquier otro marco. La apariencia de cualquier interfaz de usuario estaba completamente determinada por la visualización de estas mismas formas, y el estilo de la interfaz estaba determinado únicamente por los enfoques de la imagen de estas formas.
IU natural
Clásicos del género - estilo iOS. La apariencia de esta interfaz está determinada principalmente por la forma de los iconos. El canon de la pintura de iconos de iOS es que la imagen de la forma simboliza al máximo el contenido interno. Verá la lente, es decir, después del clic que inicia la cámara, el engranaje, significa dentro de la configuración. Esto es similar al realismo pictórico académico: lo que veo es lo que escribo. La apariencia corresponde al contenido, a partir de pinturas rupestres. Solo se mejora la técnica de la imagen, se mejora el realismo.
El gran Malevich llamó a este estilo el arte del salvaje: "Qué vergüenza ..." y lo alentó a abandonar: "El mundo de la carne y los huesos debe irse".
Kandinsky
Malevich no es el único revolucionario que desafió el arte clásico. También vale la pena señalar al camarada Kandinsky, el fundador del arte abstracto. Dado que el abstraccionismo no pasó por alto los productos de la dirección de la interfaz de usuario, analicemos con más detalle.
Kandinsky no llegó al abstraccionismo de inmediato, sufrió durante mucho tiempo, pensó. Pero el trabajo de los impresionistas lo llevó a la conciencia. En particular, el trabajo de Monet "Haystack".
Los colores no naturales, que no se encuentran en la naturaleza, afectaron la percepción más fuerte que los colores naturales. Kandinsky entendió: si puedes abandonar las flores naturales, ¿por qué no ir más allá y no abandonar las formas naturales? Cambio realista a abstracto.
IU abstracta
La interfaz de usuario clásica se puede considerar diseño de Metro. En contraste con la pintura de íconos naturales de iOS, hay algunos mosaicos de diferentes colores.
Ya sea conscientemente, como Kandinsky, o no, pero los desarrolladores del concepto Metro han pasado de la naturaleza a la abstracción. Lo más probable es que esto sea un accidente, de lo contrario el mercado estaría lleno de muchos ejemplos de tal construcción de interfaz de usuario. Por ejemplo, los círculos de colores o las píldoras de Damien Hirst se verían bien.
El concepto de abstraccionismo en el diseño de interfaces de usuario actualmente no se revela completamente. Podemos decir que los desarrolladores de Metro solo abrieron la puerta a un mundo nuevo, pero otros no tienen prisa por usarlo. Se trata de esceptomorfismo. Profundamente arraigado en las mentes de los desarrolladores, no permite que esta puerta se abra de par en par, ya que simplemente no la ven en blanco, parece poco natural para ellos.
Vale la pena quitar las luces intermitentes y salir de la rutina profunda, donde nada es visible, excepto el asno natural del "camello, cargado de basura diferente" y crear esta rutina, a medida que se abren nuevos mundos, de formas abstractas a mundos sin forma, mundos de información pura.
Diseño sin forma
El abstraccionismo en el diseño en comparación con el naturalismo es, por supuesto, un movimiento hacia el minimalismo. ¿Pero a qué límites se puede ir continuando este movimiento? ¿Cuáles son los límites de la interfaz de usuario mínima? ¿Es posible abandonar completamente la forma y qué quedará al final?
El caso extremo de la interfaz de usuario mínima es un píxel, no puede ser menor. Supongamos que nuestra IU consta de este píxel. Después de hacer clic en este píxel, se debe ejecutar alguna función. Ahora coloquemos nuestra interfaz de usuario en la parte superior del contenido, que a menudo sucede, y tomemos las imágenes de la obra maestra de Monet como contenido.
Como? ¿Ves nuestra interfaz de usuario? No? Pero lo es! El píxel es tan pequeño que se fusionó con el fondo y no puede proporcionar un nivel aceptable de comunicación para una persona. La interfaz de píxeles puede ser adecuada para robots, pero no para humanos.
Por lo tanto, la interfaz gráfica de usuario debe ser mayor que un píxel. Pero cuanto? De todos modos, ¿dónde está la línea del minimalismo, después de lo cual perdemos la posibilidad de una comunicación normal?
Para tratar de encontrar esta línea, sugerimos pasar de la IU máxima posible en tamaño al mínimo, cortando todo lo innecesario en el camino.
El área máxima de la IU está limitada al área de trabajo. Considere como la imagen de IU máxima, que ocupa el 100% de la pantalla. Tomemos la misma obra maestra de Monet como tal imagen. Y deje que se ejecute alguna función al hacer clic en el pajar.
Como puede ver, el usuario no recibe ninguna información que le diga qué debe hacerse para ejecutar la función. Aunque el área funcional de la interfaz de usuario (stack) constituye casi un tercio de la pantalla, el usuario no conoce esta funcionalidad, no hay ninguna pista. Hay mucha información visual, pero no está claro cómo interpretarla.
En nuestro caso, la IU máxima en términos de capacidad para transmitir información útil para la comunicación es comparable a la mínima de un píxel. Se trata de entropía.
Cuanto mayor es la entropía, menos comprende el usuario lo que está sucediendo. Caos El flujo visual es grande, pero vacío, toda la información transmitida está dispersa. La eficiencia es baja. Cuanto mayor es la entropía de la interfaz de usuario, menor es la eficiencia de la interfaz.
La entropía, o indicador de incertidumbre de la IU, es un indicador condicional, individual para cada uno, ya que es una característica de la percepción. Por ejemplo, una interfaz hecha en colores que los daltónicos no pueden distinguir tendrá una gran entropía para ellos, a diferencia de otras personas. Es posible determinar la entropía de la IU solo empíricamente.
Pero volvamos al ejemplo en el que la IU se realiza en forma de una imagen que ocupa el 100% de la pantalla. Es suficiente para nosotros escribir una explicación en el lugar correcto, y la situación está cambiando radicalmente.
De inmediato quedó claro dónde cosechar. Con esta inscripción redujimos drásticamente la entropía. No hay nada más específico que el texto.
Si al mismo tiempo descarta la imagen (formulario) y deja solo el texto, la calidad de la comunicación no cambiará, pero al mismo tiempo, la interfaz usa solo unos pocos píxeles de pantalla asignados para la inscripción. La interfaz de usuario lapidaria, mayor es su eficiencia.
La imagen de Monet en la interfaz es inútil. Aunque es una gran obra de arte, esta no es una razón para empujarla en todos los lugares. Quien quiera mirar a Monet irá a la exposición, comprará un libro con reproducciones o verá un documental.
De manera similar con otras formas, por ejemplo, iconos. Si los íconos con texto contienen la misma información útil para la comunicación que el texto sin íconos, ¿por qué dejar los íconos? ¿Y qué? ¿Para promover las creaciones de diseñadores a las masas? Pero arriba, rechazamos justificadamente este Monet, señalando que la interfaz no es una galería de imágenes.
Arreglamos lo que se dijo con un ejemplo. Como contenido para el fondo, tomamos las mismas pilas, y como la interfaz de usuario consideramos dos opciones: con iconos en forma de círculos Hurst con texto y solo texto.
Opcion 1En el primer caso, hay una sensación de mal gusto. La adición de dos obras maestras no da un plus, sino un menos. Esta regla funciona cuando se superponen imágenes. Esto es bien conocido por aquellos que trabajan con interfaces construidas sobre el contenido (por ejemplo, en IPTV). En casos extremos, la interfaz puede usar dibujos de contorno, que en esencia pueden considerarse jeroglíficos.
Opción 2La segunda opción con una interfaz de usuario textual se ve mejor, pero la distribución uniforme del texto estropea la composición. Este estado en física se llama muerte térmica. Pero el asunto es solucionable, el problema se puede resolver de varias maneras: moviendo o transformando las inscripciones (siguiendo el ejemplo de cómo Kandinsky arrastró un punto desde el centro para lograr un nuevo sonido para la composición, llamó a la posición en el centro un punto sin sonido) o usando animación (debe ser extremadamente cuidadoso para evitar ataques de epilepsia). En ambos casos, las composiciones silenciosas de equilibrio se alteran, aparece una tensión positiva, que es claramente capturada por la percepción humana.
Como se muestra a continuación, toda la información se agrupa y ocupa un mínimo de espacio, dejando al usuario el derecho de contemplar el contenido cuando la interfaz de usuario está activada. Este ejemplo también muestra cómo, debido al desplazamiento, puede seleccionar el elemento seleccionado, arreglando la selección con un hashtag adicional.
Opción 3Compare esto con la opción 1. Observe la cantidad de información innecesaria que eliminamos sin perder información, cuánto más fácil se ve la interfaz.
El texto en la parte superior del contenido se asemeja a la portada de una revista brillante, donde una fuente correctamente seleccionada, combinada armoniosamente con la imagen, forma un todo completo. Si lo intenta, puede contar con el efecto de resonancia, cuando el efecto de la percepción del resultado de la superposición de texto en el contenido será varias veces mayor que individualmente.
La interfaz de usuario sin formularios, que consiste solo en texto, es una tendencia audaz de nuestro tiempo. Además, una interfaz que usa un lenguaje basado en el alfabeto es más mínima que los pictogramas. La versión para robots es la interfaz de usuario que usa código binario.
Deshágase de los formularios con información gráfica innecesaria que parasite la atención del usuario, corte todos los innecesarios, envíe el formulario a la papelera, solo haga el texto. El arte de la caligrafía y la tipografía te ayudan. De ahí el nombre del concepto: IU tipográfica.
Ahora la tarea de construir una interfaz se reduce a crear la composición deseada del texto en el espacio de trabajo. Además, la misma solución de composición puede diferir significativamente en términos de impacto visual en el usuario debido a la selección de combinaciones de fuentes. Las fuentes juegan el papel de colores, crean el ambiente y el estilo. La caligrafía es la herramienta principal del artista en dicha interfaz de usuario.
No hay soluciones universales adecuadas para resolver todos los problemas. No hay Santo Grial, esto es consecuencia de los teoremas de incompletitud de Gödel y del teorema de Tarski sobre la inexpresabilidad de la verdad. Pero en la clase de interfaces para administrar la visualización de contenido, nuestro enfoque puede hacer cualquier trabajo.
La IU tipográfica nació en ARES mientras trabajaba en el proyecto IPTVPORTAL. TIPOGRAFÍA: llamamos a nuestra interfaz de usuario para ver televisión interactiva. Se demostró por primera vez en CSTB-2018.
PS
Para aquellos que no encontraron la interfaz de usuario del primer píxel. Sugerencia
Ejemplos
