Una interfaz de usuario limpia y concisa es una de las principales ventajas competitivas de un proyecto digital. Desafortunadamente, para su creación, la información teórica puede no ser suficiente. Esto es lo que nos impulsó a crear este artículo, donde analizaremos trece ejemplos inspiradores de soluciones web mundialmente famosas que son la verdadera encarnación de la interfaz de usuario pura.

¿Por qué la interfaz de usuario limpia es tan importante?

Clean UI define la simplicidad e intuición de la interacción de los usuarios finales con una aplicación o sitio web. Por lo tanto, este factor puede aumentar significativamente la lealtad del cliente (así como su ausencia, para reducirla). Además, la interfaz limpia facilita la incorporación de nuevos usuarios, lo que reduce el umbral de entrada y hace que regresen a su solución digital una y otra vez.

Lista de nuevas empresas geniales que lo ayudarán a comprender la importancia de una interfaz de usuario limpia

Entonces, averigüemos qué nuevas empresas han elegido su público objetivo por la limpieza de la interfaz de usuario.

Noción

En sus pocos años de existencia, Notion se ha convertido en el asesino de Google Docs, Evernote, Microsoft OneNote y otras soluciones para tomar notas, documentos de texto, listas de tareas, bases de datos, hojas de cálculo, tableros kanban, etc. . Sin embargo, a diferencia de sus principales competidores, este servicio web se caracteriza por una interfaz de usuario extremadamente concisa. Esto se refleja en todo, desde las impresionantes imágenes hasta la ausencia de la necesidad de saltar entre pestañas individuales.

El contenido en Notion consta de bloques que se pueden mover y transformar fácilmente. En los primeros dos años, solo se podían crear 1000 bloques aquí de forma gratuita. Pero en mayo de 2020, el servicio levantó esta restricción.

En la actualidad, el costo del proyecto ha aumentado a $ 10 mil millones. Dado que la primera versión del proyecto se lanzó no hace mucho tiempo, en 2018, esto puede considerarse un éxito colosal (y en muchos sentidos, gracias a una interfaz de usuario perfectamente implementada).

figma

Figma se ha convertido en el principal competidor de Adobe Illustrator e InDesign. Y esto no es sorprendente, dada la sencilla e ingeniosa interfaz fácil de usar, donde incluso un principiante puede descubrir qué hacer en solo 15 minutos de uso.

Figma es un editor gráfico colaborativo en línea. Aquí puede crear prototipos de sitios web en minutos, crear interfaces de aplicaciones y discutir ediciones con colegas en tiempo real. Las funciones de Figma no terminan aquí: también puede crear elementos visuales para la interfaz, así como crear prototipos interactivos, ilustraciones e incluso gráficos vectoriales.

Este proyecto se lanzó en 2012, sin embargo, gracias a su diseño, rápidamente suplantó a los líderes del mercado antes descritos que existían desde finales de los años noventa.

mapa de flujo

FlowMapp es un ecosistema de planificación de UX que incluye herramientas en línea para crear mapas de sitios visuales, flujos de usuario y prototipos de alta fidelidad. Juntas, todas sus características pueden ser de gran ayuda tanto para principiantes como para diseñadores web experimentados. Gracias a la interfaz de usuario pura y minimalista, FlowMapp se ha convertido en un importante competidor de soluciones tan populares como.

Actualmente, este proyecto contiene tres componentes principales: diagrama de flujo, mapa del sitio y estructuras alámbricas. Todos ellos están diseñados para reproducir y predecir el comportamiento del público objetivo potencial, lo que permite a los especialistas generar ideas no estándar para implementar escenarios triviales en las interfaces de usuario.

convite

Con la solución Convy (por ejemplo, Besed), ya no puede enfrentar la necesidad de reuniones inútiles y, en su lugar, elegir la opción de chats de audio y video asincrónicos que se pueden implementar directamente a través de su navegador web.

Además de la maravillosa funcionalidad, nosotros, como personas directamente relacionadas con el diseño web, no podemos dejar de estar satisfechos con la implementación de este producto en términos de imágenes y la forma en que interactúa con los usuarios finales. En particular, incluso si nunca antes ha tenido experiencia en el uso de dichos servicios web, no será difícil descubrir cómo funciona este. A pesar de que este producto todavía está en fase beta, ya está completamente adaptado para usuarios de PC sin experiencia: solo ofrece a tu hijo de cinco años o a tu querida abuela que lo revise para ver si es realmente comprensible e intuitivo.

Ranura

Esta es una herramienta de diseño 3D fácil de usar que es igualmente adecuada tanto para usuarios experimentados como para principiantes. En particular, con su ayuda, puede crear escenas en 3D, modelar objetos en 3D y editar proyectos creados previamente. Es mucho más fácil de aprender que las aplicaciones 3D con funciones completas como Cinema 4D o Blender porque no está harto de una gran cantidad de configuraciones y funciones avanzadas. Además, la incorporación rápida en esta aplicación suele ser el factor decisivo para su uso.

Puede usarlo directamente a través de un navegador web, lo que agrega una comodidad innegable para aquellos que no tienen suficiente espacio en disco.

Telar

Telar es una fantástica herramienta creada para centros de formación y empresas para el trabajo colaborativo. En particular, permite a los usuarios crear fácilmente mensajes de video en pantalla. Esto significa que no tendrán que adjuntar un video con largas explicaciones de los temas tratados.

Todos los archivos grabados se almacenan en la plataforma, por lo que no tiene que enviarlos por correo electrónico ni subirlos a plataformas como YouTube, Vimeo o Facebook. Todo lo que tiene que hacer es compartir un enlace al video para que cualquier otra persona, incluso si no son usuarios de la plataforma, puede acceder al contenido del video.

Debido a su comodidad incomparable, Loom se ha convertido en un líder entre mastodontes como CloudApp, Soapbox y otros.

revolución

Revolut es un servicio financiero multifuncional, cuyas características incluyen una cuenta corriente, una tarjeta de débito para más de 20 monedas y negociación sin comisiones en la bolsa de valores.

Revolut funciona desde 2015 y, desde entonces, más de 4 millones de personas lo han utilizado. En 2018, el servicio recibió una licencia bancaria del Banco Central Europeo. La cuenta Revolut se gestiona a través de una aplicación móvil.

La tarjeta Revolut se emite de forma gratuita e incluye solo el envío. Con su ayuda, el propietario puede pagar en más de 120 monedas (incluidas las criptomonedas) sin comisión y al mejor precio. Tampoco hay comisión por retirar efectivo de un cajero automático.

En solo un año desde su lanzamiento, Revolut ha destrozado todas las demás aplicaciones de banca en línea gracias a su limpieza y conveniencia.

espacio de cabeza

Headspace es una aplicación de meditación muy bonita y concisa que te permite convertir la conciencia mental en un hábito. Le dice cómo relajarse, manejar el estrés, concentrarse y liberar la tensión en su mente y cuerpo.

En particular, la aplicación permite a sus usuarios realizar sesiones cortas de meditación de atención plena de 3 minutos, así como sesiones de meditación más largas en cualquier momento del día. Hay opciones para agregar amigos para meditaciones grupales en vivo y activar música, sonidos y entrenamiento automático relajantes.

La aplicación contiene opciones de personalización y, en general, es muy comprensible para usuarios con conocimientos básicos de teléfonos inteligentes.

Tono

Pitch es un servicio web para crear y editar presentaciones en modo comando. Su lanzamiento se produjo en 2020 bajo el sonoro anuncio del “asesino de PowerPoint y Google Slides”.

Estas afirmaciones pronto se confirmaron en la práctica, y la palabra “pitch”, derivada del nombre de esta aplicación, entró en el uso diario de su público objetivo.

Todas las manipulaciones dentro de Pitch se llevan a cabo en el espacio de trabajo, que es común para todo el equipo. Le permite organizar la colaboración, administrar proyectos y comunicarse durante su implementación. Los usuarios pueden crear múltiples espacios de trabajo en una cuenta, dándoles a cada uno de ellos un nombre y un ícono para una mejor identificación.

La interfaz de este editor gráfico es simple y clara, todas las herramientas necesarias se encuentran a la vista. Para acelerar su trabajo, Pitch ofrece plantillas listas para usar, creadas en un estilo brillante y reconocible con ilustraciones, calcomanías y gráficos en estilo 3D, así como formato inteligente y un menú rápido con un campo de texto para ingresar palabras clave.

OYE

HEY es una gran aplicación que te permite visualizar correos electrónicos como si fueran llamadas. Obviamente, en el caso de esta aplicación, la simplicidad de la interfaz de usuario es la clave para atraer al público objetivo, ya que los desarrolladores han posicionado su producto como una herramienta de administración de correo electrónico más fácil que los servicios de correo electrónico (Gmail, Yahoo, etc.) que usaste antes.

En particular, la aplicación brinda a sus usuarios un control total sobre qué correos electrónicos deben ir a la bandeja de entrada principal y cuáles no (por ejemplo, rastreadores, spam, etc., que se bloquean automáticamente en la aplicación). Puede agregarles notas, así como filtrar por ramas.

HEY agrupa los nuevos correos electrónicos no leídos en la parte superior del feed, mientras que los vistos están en la parte inferior. También le permite abrir varios correos electrónicos a la vez y desplazarse por ellos, al igual que cuando usa aplicaciones de redes sociales. Especial atención merece la opción de ver los archivos adjuntos: esto se puede hacer sin abrir los correos electrónicos a los que pertenecen.

Y finalmente, notamos la opción para ver los correos electrónicos que deben leerse más tarde: HEY le permite "guardarlos" en una carpeta separada para que, si es necesario, pueda leerlos en cualquier momento conveniente para usted.

ReadyMag

Readymag es un popular editor gráfico en línea donde puede crear cualquier tipo de publicación web: páginas de inicio, portafolios, revistas, sitios web, lecturas largas multimedia y presentaciones. No tiene que saber codificar para usar esta aplicación; en cambio, solo necesita un conocimiento básico de diseño gráfico y web.

Entre millones de creadores de sitios web, este se destaca por su comodidad insuperable: ¡solo eche un vistazo a lo simple y elegante que se ve la interfaz de usuario! Al mismo tiempo, este aspecto no reduce la calidad de los proyectos creados: resultan realmente elegantes y visualmente atractivos. Si hablamos de los principales competidores de ReadyMag, incluiríamos a WordPress en esta lista.

aplastar

Squoosh es una aplicación de optimización de imágenes liviana y extremadamente fácil de usar. Debido a la facilidad de interacción con los usuarios finales, podemos atribuir absolutamente todos los editores gráficos populares a sus competidores, desde Paint hasta los más profesionales (por ejemplo, Adobe Photoshop).

Difícilmente encontrará algo superfluo en esta aplicación: toda su funcionalidad está idealmente diseñada para usuarios que necesitan editar la imagen aquí y ahora, manteniendo su calidad y reduciendo el tamaño de los archivos cargados, garantizando la privacidad (todas las imágenes se almacenan solo en el dispositivo personal del usuario final) y proporciona una flexibilidad de personalización sin precedentes.

MailChimp

Mailchimp es uno de los populares servicios automatizados de envío de correo electrónico. Nos encanta no solo por la gran cantidad de plantillas para correos electrónicos y la funcionalidad extendida (por ejemplo, verifica regularmente la "limpieza" de la base de suscripción, cancelando la suscripción de direcciones de correo electrónico rotas): siendo expertos en diseño web, no podemos dejar de notar la limpieza de la interfaz de Mailchimp.

En particular, uno de los principales problemas que enfrentan los propietarios de sitios web que los administran personalmente es el alto umbral de entrada para las soluciones integradas (incluidas las soluciones para el envío de correos electrónicos). Esta deficiencia es típica de servicios tan populares como Hubspot, GetResponse, Constant Contact y otros. A su vez, Mailchimp es extremadamente simple desde este punto de vista y, por lo tanto, puede ser utilizado fácilmente por webmasters no profesionales.

Pensamientos finales

Esperamos que todos los proyectos descritos anteriormente lo hayan inspirado para crear una interfaz de usuario limpia y ahora tiene ejemplos reales (y no solo teoría seca) a mano para implementar la interacción fluida de su producto con su público objetivo. También puede encontrar aquí algunas soluciones para uso personal. ¡Buena suerte!

Publicado originalmente en https://www.flowmapp.com .