[Historia de diseño] Detrás del diseño de One UI 4 – Samsung Global Newsroom

“La sociedad y el entorno al que pertenecemos están en constante cambio. Como resultado, los usuarios buscan experiencias más diversas y complejas. Hay un flujo continuo de nuevos productos que utilizan tecnología avanzada para mejorar nuestra vida diaria en el mundo digital actual. En medio de todo este cambio, One UI siempre escuchará las voces de los clientes y continuará evolucionando para que nuestros usuarios puedan experimentar su vida cotidiana con comodidad y alegría”.

– Yoojin Hong, jefe del equipo de UX de Samsung Electronics Mobile eXperience Business

Samsung Electronics diseñó la identidad de marca para One UI 4 como una experiencia móvil perfecta que puede armonizar con cualquier dispositivo o historia. Los elementos delicados pero flexibles de la interfaz ayudan a los usuarios a expresar libremente su individualidad al tiempo que brindan las herramientas para hacer que la vida cotidiana sea más cómoda y segura. En cualquier situación, One UI 4 eleva el estilo de vida del usuario a un nuevo nivel gracias a sus amplias posibilidades.

Samsung Newsroom se reunió con el equipo de diseño de UX de Samsung para obtener más información sobre el proceso de diseño basado en el usuario detrás de One UI 4.

Estilo simple y aerodinámico

Es mucho más fácil concentrarse en las cosas más importantes cuando elimina elementos innecesarios de su vista. La jerarquía visual clara de One UI 4 lo guía a los elementos más importantes de cada página de un solo vistazo.

One UI 4 organiza los colores y el texto para que los usuarios puedan comprender la información de manera intuitiva. Al simplificar el sistema de color y reajustar el tamaño y el grosor de la fuente, One UI 4 ofrece una experiencia visual más clara y coherente.

La nueva versión de la interfaz de usuario de Samsung también organiza la información en un sistema de tarjetas optimizadas y actualizadas para permitir la comprensión instantánea de hechos y cifras. Al eliminar las distracciones visuales y categorizar los datos en capas, los usuarios ahora pueden navegar sin esfuerzo a través de su dispositivo para encontrar lo que necesitan, cuando lo necesitan.

P: ¿Cuál fue el motivo de la reorganización del sistema de color y en qué parte de la tarea se centró?

La idea clave detrás de la organización del sistema de color fue "Limpieza". La tarea se logró aplicando color primero a la información más crítica y haciendo que la información menos importante fuera más monocromática.

P: También se han unificado colores funcionales con significados similares, concretamente el rojo y el verde.

El rojo a menudo se refiere a los conceptos de Eliminar, Rechazar o Detener. Antes de One UI 4, los colores de las funciones con un propósito similar eran ligeramente diferentes. Nos enfocamos en unificar el tema usando solo un tono de rojo para que los usuarios pudieran entender claramente el contexto de cada función. También aumentamos la visibilidad al aumentar ligeramente la saturación y el brillo, sin dejar de combinar los distintos rojos y colores en un solo color.

P: Parece que la fuente se arregló por completo a través del espacio entre letras y el tipo de negrita. Explica cómo hiciste esto.

Enfocamos nuestra atención en hacer que la presentación de la información sea más prominente al cambiar el contraste visual de acuerdo con la prioridad de la información. Al alterar el grosor y el tamaño de la fuente según la importancia del contenido, creamos la cantidad óptima de espacio negativo.

P: La aplicación Weather en general se ha actualizado con una apariencia limpia y elegante, junto con un nuevo icono meteorológico.

Lo que las personas consideran información importante puede variar de un usuario a otro. Algunas personas consideran que el clima actual es importante, pero otras consideran que los cambios en el clima son más significativos. Si bien esta información se mezcló anteriormente en la tarjeta principal superior, One UI 4 ahora muestra el "clima actual" y el "clima de hoy" por separado. Para mejorar la legibilidad, la información esencial, incluida la temperatura actual, la ubicación y los íconos del clima, se rediseñaron con imágenes atractivas.

P: ¿Cómo se ha reorganizado la aplicación Calendario para proporcionar la fecha y los eventos del calendario más fácilmente?

Según nuestra investigación, la mayoría de los usuarios realizan entre 1 y 3 eventos de calendario por día. Diseñamos la pantalla para que se vea perfecta incluso sin tener eventos programados. Al reemplazar el fondo gris por uno blanco, facilitamos a los usuarios concentrarse en información clave como el día, el mes y el horario. Actualizamos la interfaz de usuario para centrar el texto y agregar líneas horizontales para que los usuarios puedan ver la información ordenada por semana.

P: ¿Qué tipo de esfuerzos se realizaron para comunicar de manera efectiva los datos en Samsung Health sin parecer complicados?

Samsung Health expresa la información de tres formas principales. Usamos un gráfico de barras simple para describir cualquier rango, progreso o información de estado, como la cantidad de pasos, la frecuencia cardíaca, el estrés o el nivel de azúcar en la sangre. Dado que los datos acumulativos son importantes en esta área, usamos un símbolo para información como la ingesta de alimentos, el estado del sueño o el consumo de agua. Por último, incluimos un tipo de solo texto que muestra un número sin un gráfico cuando es importante conocer la cifra por sí solo.

P: La entrega de información concisa y precisa parece crucial para la cartera de Samsung recientemente presentada, ya que contiene datos importantes del usuario.

La pestaña Acceso rápido, la primera pantalla de Samsung Wallet, se divide en una vista apilada y una vista expandida. Mientras está en la vista apilada, el 35% de cada tarjeta superpuesta puede mostrar información. El equipo de diseño se propuso maximizar el espacio disponible y colocó el logotipo en la parte superior izquierda, mientras que las propiedades de la tarjeta se mostraban en la parte superior derecha. La información con características similares en cada tarjeta se agrupó para facilitar la búsqueda. El uso de diferentes funciones, como el historial de uso, se ha separado visualmente.

Uso Seguro, Cómodo y Protegido

A medida que más personas pasan más tiempo en sus dispositivos inteligentes, la seguridad y la protección son consideraciones importantes. One UI 4 valora la importancia de que las personas utilicen dispositivos inteligentes para mantenerse seguras y cómodas en cualquier momento y en cualquier lugar, sin preocupaciones ni inconvenientes. Los usuarios pueden sentirse nerviosos por la filtración de sus datos personales a través de sus teléfonos inteligentes. One UI 4 se ha implementado con varias funciones para proteger a los usuarios con altos estándares de seguridad y privacidad.

Cada detalle ha sido cuidadosamente inspeccionado para facilitar a los usuarios el uso de sus dispositivos desde cualquier lugar. El modo oscuro ayuda a reducir la fatiga visual hasta el más mínimo detalle. Además, se ha aplicado un diseño visual coherente para proporcionar una usabilidad cómoda incluso en varios dispositivos.

P: Los usuarios pueden verificar cuándo la cámara o el micrófono están encendidos con un ícono. ¿De dónde sacaste esta idea?

El interés de los usuarios por la privacidad y la seguridad ha aumentado significativamente en los últimos años. Aplicamos la misma función recién agregada al sistema operativo Android 12, teniendo en cuenta los mejores intereses de los usuarios.

P: El panel de permisos muestra dónde y con qué frecuencia se han utilizado los datos de la cámara, el micrófono y la ubicación. ¿Puedes contarnos más?

Las aplicaciones maliciosas que acceden y explotan varios sensores y datos después de obtener acceso a información personal se han convertido recientemente en un problema. El panel de permisos puede bloquear las aplicaciones que solicitan permisos de datos personales innecesarios. Esto es incluso si no se ha utilizado una aplicación.

P: ¿Cómo se combinaron los detalles de diseño para el modo oscuro?

Intentamos determinar un nivel de oscuridad que mejorara la comodidad visual, pero que no comprometiera la estética de los íconos de la aplicación ni las características llamativas. Nos decidimos por el nivel de oscuridad que sombrea de manera más efectiva y uniforme todos los íconos de las aplicaciones, reduce el deslumbramiento y mantiene el equilibrio visual entre los elementos de la pantalla y el hogar.

P: ¿Cómo se asegura de que varios dispositivos Samsung se puedan usar sin problemas y cómodamente juntos o individualmente?

One UI 4 aplica un lenguaje visual único a varios productos Galaxy, incluidos teléfonos inteligentes, tabletas, relojes inteligentes y PC. Puede usar su dispositivo cómodamente con elementos unificados como íconos, esquinas, componentes y estilos de menú.

Expresión propia, centrada en usted

Los dispositivos inteligentes son una forma de expresar los sentimientos y la individualidad de uno. One UI 4 amplía la gama de opciones y funciones personalizables para adaptarse al estilo de vida y los gustos únicos de cada usuario.

Desde personalizar sus dispositivos con diferentes fondos de pantalla hasta usar la función Paleta de colores para cambiar el tema visual de cada dispositivo, los usuarios pueden reflejar su individualidad y gusto al máximo.

La personalización y la autoexpresión nunca han sido más fáciles o agradables que en One UI 4. Los usuarios ahora pueden combinar dos emojis en uno o usar AR Emoji para revelar su identidad virtual. One UI 4 amplía la experiencia del usuario a través de nuevas opciones para que los usuarios hagan suyo el dispositivo, desde teléfonos inteligentes hasta relojes inteligentes. Por ejemplo, los usuarios pueden personalizar su reloj inteligente para que se adapte a su estilo de vida a través de varias esferas de reloj únicas, o pueden mantenerse actualizados con widgets actualizados. No importa cómo un usuario experimente One UI 4, hay oportunidades ilimitadas para agregar su toque personal.

P: ¿Cómo surgió el concepto de "partículas" del fondo de pantalla?

Investigamos diferentes elementos de diseño que se pueden expresar libremente en una variedad de productos. En el proceso, descubrimos el potencial y la escalabilidad de un material llamado 'Partícula'.

Tomando el Galaxy Z como ejemplo, cuando pensamos en el mensaje que queríamos transmitir a través de la estructura del producto plegable, observamos el arte y la artesanía del plegado de papel. Creíamos que la versatilidad, la fuerza, la continuidad y la capacidad de expansión de este tipo de arte representaban las características del Galaxy Z Fold. El Galaxy Z Flip también se diseñó en un contexto similar, pero diferenciamos a los dos destacando una imagen de producto única y más moderna para el último.

P: La paleta de colores extrae cinco colores del fondo de pantalla y cambia el tema visual del dispositivo. ¿Cuál fue el proceso?

La paleta de colores es una función que integra Android 12 Material You – Dynamic Color basado en One UI. Utiliza cinco colores extraídos de diferentes fondos de pantalla para admitir Google y otras aplicaciones.

Mientras investigamos paletas de colores, colaboramos con diseñadores que buscaban el mejor método para extraer color de una imagen. Juntos, descubrimos un método de extracción de color óptimo que analiza la imagen original, la divide en grupos de colores y luego desarrolla un prototipo que reconoce la distribución del color extraído.

P: ¿Por qué se tomó la decisión de atenuar los colores de la versión original?

El diseño se revisó para transmitir el estado de ánimo general del fondo de pantalla para que los usuarios se concentren y vean cómodamente el contenido. Se redujo la saturación de fondo del fondo de pantalla y se ajustaron los botones para resaltar los colores, sin forzar la vista.

P: El par de emojis, que expresa dos emojis diferentes en varias animaciones, es un concepto nuevo y entretenido.

Los emojis que expresan emociones complejas como "risa triste" o "riendo, pero sin reír" son nuevos en el mercado. La necesidad de estas emociones complejas se confirmó a través de entrevistas con usuarios. Así nació el par de emojis.

P: El concepto se ha ampliado de la ambivalencia a las emociones complejas. ¿Cuál fue la razón?

Cuando el concepto original era la ambivalencia, pensamos que sería interesante considerar la posibilidad de usar emojis que tengan emociones similares y no conflictivas. Dado que obligar a los usuarios a hacer combinaciones de emoji puede resultar difícil, es por eso que el alcance del concepto se ha expandido desde la ambivalencia hasta proporcionar emociones más complejas.

P: Los movimientos sofisticados de los gestos ingeniosos de AR Emojis son muy llamativos. ¿Cómo se hacen estas animaciones?

Los animadores han creado cuidadosamente expresiones y movimientos simples utilizando la técnica de fotogramas clave. Además de trabajar con artistas conocidos, también crearon gráficos en movimiento de alta calidad, como movimientos de baile para artistas profesionales.

P: ¿En qué se diferencian las calcomanías AR Emoji preferidas según el país o la edad?

Las pegatinas AR Emoji se crearon en base a votos en Corea del Sur, Brasil y Estados Unidos. No hubo una diferencia significativa entre países en las preferencias, pero hubo ligeras diferencias entre grupos de edad. Las personas de veinte años preferían más caricaturas y calcomanías exageradas que las de treinta y tantos. Los usuarios preferían dar una impresión divertida y positiva en lugar de ser serios con las pegatinas. Por ejemplo, “Quería reír mientras me divertía y no ser demasiado serio cuando me sentía triste.

P: ¿En qué parte de la esfera del reloj One UI 4 te enfocaste?

Cuando se lanzó el Galaxy Watch 4, nos enfocamos en expandir el espectro del tipo de rostro expresivo. La línea tridimensional se completó con la adición de personajes en varios estilos, incluido un personaje vegetariano para promover hábitos alimenticios saludables y un personaje de oso para enfrentar desafíos.

P: ¿A qué estándares o sistemas se refiere al diseñar varias esferas de reloj?

El sistema de diseño se creó utilizando los diseños y tipos de índices y manecillas de relojes analógicos reales para mantener la coherencia entre las esferas de los relojes. El color de la correa y su entorno se seleccionó como el color principal para combinar con la correa del Galaxy Watch, y los colores restantes se eligieron según el sistema de color internacional.

P: El widget One UI 4 da una buena impresión en general.

Después de mucho esfuerzo y consulta, fue posible cambiar la forma de todos los widgets dentro de Android. Para mejorar la apariencia de los widgets de terceros y de Samsung, les aplicamos One UI a ambos.

El área del widget es pequeña en comparación con la cantidad de información que contiene. El área de widgets se creó para brindar contraste visual y permitir que la información se vea fácilmente sin dejar de enfocarse en los puntos más importantes. Al cambiar el color de fondo a 100 % blanco, mejoramos la sensación minimalista y permitimos que el usuario centre más fácilmente su atención en el contenido de cada widget.

* Las imágenes que se muestran son solo para fines ilustrativos y pueden diferir del producto real. Las especificaciones del producto pueden diferir según la región, el país, el operador y el modelo.