Un análisis UX de Arc, Opera y Edge: El futuro de las interfaces de los navegadores

Cada pocos años, tenemos un nuevo navegador popular. Seguro que recuerdas que, en los inicios de la web, Internet Explorer era la opción más popular porque venía preinstalado en Windows. Simple, directo y fiable… bastante.

Más tarde, Chrome de Google se convirtió en el navegador predilecto, ya que era más rápido, más fiable (en otras palabras, se bloqueaba menos) y bloqueaba los molestos anuncios que proliferaban en los inicios de internet. (Y para los lectores más técnicos, un dato más podría ser de interés: Chrome probablemente solucionó el problema de los bloqueos estableciendo un límite máximo de RAM para cada pestaña del navegador. Los desarrolladores que crean aplicaciones web conocen muy bien esta limitación).

Aunque esto podría ser debatible, Firefox se convirtió en la siguiente mejor opción después de Chrome, especialmente para desarrolladores. Chrome era mejor que Internet Explorer, pero Firefox parecía consumir menos recursos del sistema. El tamaño de instalación de Firefox era mucho menor, cargaba más rápido y, además, se había ganado un nicho de mercado entre los desarrolladores gracias a ciertos plugins que optimizaban sus flujos de trabajo.

Opera también fue una opción popular porque ofrecía muchas de las ventajas de Chrome, pero además añadía ventajas atractivas, como un modo de ahorro de datos que no cargaba imágenes para ahorrar datos. En versiones posteriores, la experiencia de descarga de archivos mejoró y se sintió más rápida gracias a la inclusión de descargas multihilo, e incluso Opera podría abrir archivos torrent.

Ahora tenemos nuevas estrellas emergentes. Algunas son nuevas marcas de estos famosos (e infames) navegadores, y otras provienen de compañías previamente desconocidas. En cualquier caso, estos nuevos navegadores prometen nuevas experiencias de usuario. Tenemos mucho que aprender de ellos.

Saluda al navegador Arc: Coincidencia de modelos mentales de usuarios de Mac

La última sensación en el mercado de navegadores es Arc, de la acertadamente llamada Browser Company, lanzado en 2022. El navegador ganó popularidad en su fase beta cerrada mientras el equipo desarrollaba exclusivamente para macOS. Su programa, basado en invitaciones, parecía tan exclusivo que muchos pensaron que probablemente solo sería una opción de pago una vez que saliera de la beta. Para nuestra sorpresa, Arc ahora también se está desarrollando para Windows y sigue siendo gratuito.

La principal razón por la que el navegador Arc se popularizó tan rápidamente es su lenguaje de diseño minimalista y fresco. Utilizan colores tenues y brillantes con combinaciones de fuentes serif que distinguen sus elementos visuales de todo lo demás.

Arc prioriza las líneas limpias, un amplio espacio negativo y se centra en el contenido que los espectadores ven. Utilizan esquinas redondeadas suaves, animaciones sutiles y transiciones fluidas para minimizar las distracciones. Esta estética de diseño y minimalismo atraen al público objetivo de Mac, de ahí su prioridad.

El usuario promedio de un navegador no piensa mucho en él, salvo que es una utilidad con un propósito específico: navegar por la web. Pero Arc revolucionó esa experiencia al convertirlo en una membresía exclusiva de una comunidad de visionarios. Ofrecen una insignia de membresía que puedes compartir en redes sociales para demostrar que eres uno de los primeros en adoptar una herramienta nueva e innovadora.

La interfaz principal de Arc es sencilla, pero se siente innovadora. No hay ningún elemento de interfaz en el área de trabajo principal del navegador; todo está oculto en la barra lateral, que se oculta automáticamente.

Este simple cambio resulta tan innovador y original, ya que hasta ahora no existía ningún navegador que no tuviera al menos la barra de direcciones en la parte superior. Así se ve el sitio web de LogRocket en Arc:

El principio de la Gestalt de figura-fondo y Arco

¿Por qué Arc logra una apariencia tan limpia? Arc utiliza uno de los principios de la Gestalt de la percepción visual, conocido como el principio figura-fondo, para minimizar la saturación visual priorizando la página web. De esta manera, el contenido web destaca como el foco principal sobre un fondo limpio.

La ventana del navegador actúa como base. Al eliminar las barras de herramientas y los menús innecesarios, Arc reduce el ruido visual. Esto permite que el contenido web, la verdadera “figura”, sea el centro de atención y capte la atención del usuario.

Arc suele emplear un alto contraste entre el contenido de la página web y la ventana del navegador. Este contraste realza aún más la “figura” y facilita que los usuarios distingan la información relevante de los elementos circundantes.

Aunque la interfaz de Arc es principalmente de colores claros, utiliza el color estratégicamente para resaltar elementos interactivos como botones y enlaces. Estos elementos se convierten en la “figura” dentro de la página web, guiando a los usuarios hacia componentes útiles sin sobrecargar la jerarquía visual general.

Funciones de productividad: opciones personalizables

Más allá del atractivo de la estética y el minimalismo de Arc, se encuentran sus funciones de productividad. Son el sueño de cualquier usuario avanzado hecho realidad. La mayoría de las funciones de productividad de Arc son accesibles desde la barra lateral o con un solo clic derecho:

• El colapso automático de la barra lateral para una experiencia de navegación enfocada en la productividad
• El concepto de Espacios
• Vista dividida incorporada para ver dos sitios web uno al lado del otro
• La capacidad de recopilar recursos y tomar notas sin problemas mientras navegamos por Internet utilizando el concepto incorporado de Easel
• La nueva función de búsqueda impulsada por IA de Arc, inspirada en Preplexity.ai

Las funciones restantes, menos destacadas, utilizan atajos de teclado. Estos son útiles para usuarios que pueden encontrar ciertas funciones específicas más útiles que otras y las integran mejor en su flujo de trabajo.

Espacios: donde ocurre la magia para Mac

En la barra lateral se encuentra la barra de direcciones, y justo debajo están los favoritos, lo que, una vez más, se alinea con el enfoque minimalista de Arc. Arc llama a los espacios de trabajo “Espacios” y son básicamente una colección de pestañas abiertas. La parte inferior de la barra lateral representa estos espacios como puntos que se pueden cambiar fácilmente deslizando el dedo hacia la derecha o hacia la izquierda en el Magic Trackpad de Mac. Este gesto es instintivo para cualquier usuario de Mac, y representa un segundo gran logro para The Browser Company, que lo diseñó para adaptarse a los hábitos de este público:

El usuario típico de Mac navega por muchos sitios web simultáneamente y su principal desafío es organizar el desorden. Arc lo soluciona eliminando el desorden de la interfaz principal, introduciendo el concepto de Espacios y facilitando la navegación mediante el gesto de deslizar.

La combinación de estos fundamentos sentó las bases de la popularidad de Arc. Pero Arc también incluye muchas más funciones que le dan un toque especial.

La salsa secreta: las características destacadas de Arc

El navegador Arc cuenta con una vista dividida integrada. Las versiones anteriores de macOS no admitían el anclaje magnético de ventanas, y esta división de ventanas habría sido mucho más atractiva en aquel entonces. Aun así, poder acceder a ella con un clic derecho es una comodidad esencial para los usuarios que priorizan la productividad:

The Browser Company también sabe que los usuarios de Mac son ávidos de tomar notas. Pero, si has usado la app Notas en una Mac, sabes que a veces sus problemas no compensan la molestia. Por eso, Arc cuenta con un Caballete para anotar cualquier recurso de internet. Como es de esperar de un caballete, es un espacio creativo para documentar tus pensamientos. Así es como se ve un Caballete en el navegador de Arc. Además de poder obtener cualquier recurso de internet, también ofrece funciones de dibujo:

El otro gran atractivo de Arc es que su empresa matriz sigue experimentando e implementando actualizaciones innovadoras, una de las cuales ha sido la búsqueda de Arc. Esta función genera respuestas basadas en IA con citas para búsquedas en lenguaje natural. Esto se inspira en Perplexity.ai, que ha estado atendiendo a un nicho de usuarios fieles, al igual que el navegador Arc. Esta es la pestaña Max en la configuración del navegador Arc, donde puedes activar sus funciones más experimentales:

Opera One: Una nueva versión del viejo clásico

Opera One se lanzó en abril de 2023 como una actualización de diseño, probablemente impulsada por la enorme popularidad de Arc y ChatGPT. Opera lanzó su propia IA gratuita, llamada Aria, cuya utilidad es cuestionable, dado que ChatGPT y Gemini son las mejores opciones de pago de código cerrado.

Independientemente de si Aria es nuestro héroe de IA de nueva generación, Opera One se lanzó con algunas características interesantes y los diseñadores deberían tomar nota.

Islas Tabs y Ley de Hick

La actualización del diseño de Opera revela un enfoque diferente para el mismo problema que Arc resuelve: la saturación de pestañas. Introdujeron un concepto llamado isla de pestañas. Este concepto agrupa pestañas del mismo dominio dentro de una pestaña agrupada llamada isla. Este concepto utiliza la Ley de Hicks, que establece que el tiempo de decisión aumenta con el número y la complejidad de las opciones. Agrupar pestañas reduce el número de opciones para el usuario, agilizando su flujo de trabajo.

En su blog, Opera explica que diseñaron estas islas de pestañas para el usuario creativo desorganizado o para el usuario que teme cerrar pestañas. ¿Te suena familiar? Parece que Opera realizó estudios de usuario exhaustivos para identificar estos casos de uso:

Al igual que Arc, gran parte de la oferta de Opera también se encuentra en la barra lateral izquierda. En lugar de estar completamente contraída (que es una opción), optaron por una fila de iconos siempre visibles por defecto. Desde la esquina superior izquierda, el primer conjunto de iconos corresponde a los Espacios de Trabajo, o básicamente, a una colección de pestañas abiertas. En el centro, se encuentra la opción para anclar ciertos servicios, como mensajería y herramientas de IA. En la parte inferior, se puede acceder a Marcadores e Historial. La arquitectura de la información es bastante clara y se adapta a los modelos mentales existentes, con cierto margen para la creatividad.

Actualizaciones del navegador para un usuario preocupado por la privacidad

Estos nuevos cambios de interfaz parecen tener como objetivo alcanzar la productividad y la paridad de funciones con navegadores como Arc. Sin embargo, Opera se ha mantenido fiel a su tradición al incluir herramientas integradas como una VPN. Existe una postura generalizada de que la mayoría de los usuarios necesitarán una VPN, lo que podría ser cierto si se tienen datos que demuestren que la mayoría de los usuarios de Opera instalan un complemento de VPN:

En dispositivos móviles, al abrir una nueva pestaña, se muestra la opción de incógnito. Edge también ofrece esta opción, pero no incluye la VPN como Opera ni Chrome. Dadas estas circunstancias, Opera es la actualización más sensata para un usuario que prioriza la privacidad. Esto es especialmente previsor para el consumidor moderno, preocupado por la privacidad de sus datos.

Personalización: El amigo de toda UX

Otra característica destacada de la interfaz de Opera es su sencilla personalización. La mayoría de los demás navegadores llevan a los usuarios directamente a una ventana de Configuración con numerosas pestañas y opciones para personalizar la interfaz.

Opera abordó esto de forma diferente: saben que a nadie le gusta el contenido preinstalado (léase: bloatware) en sus dispositivos, pero aun así tienen que hacerlo por motivos de colaboración económica. Por ello, incluyeron botones de acceso rápido en una barra lateral, donde la arquitectura de la información está perfectamente organizada en grupos fáciles de entender. Con estos botones, el usuario puede cambiar rápidamente el tema, el fondo de pantalla, el diseño y activar o desactivar las noticias, las sugerencias y los servicios de IA.

Esto es mucho más sencillo que buscar en las páginas de soporte de Chrome para descubrir cómo alternar una función, ¿no es así?

Edge: Integración de vanguardia con Copilot

La estrategia de larga data de Microsoft es seguir un enfoque de ecosistema, muy similar a Apple y Google: la integración profunda de un usuario con sus servicios propietarios creará fricción para ellos si desean abandonar la plataforma.

En el caso del navegador Edge, esto se tradujo en integraciones profundas con productos como Microsoft 365. Iniciar sesión en el navegador Edge con una cuenta Microsoft permitiría automáticamente al usuario acceder a otros productos de Microsoft sin problemas.

Las notables sinergias de usar una cuenta Microsoft con Edge son que los usuarios pueden acceder a todos los servicios de Microsoft, como Outlook, Office, OneDrive e incluso GitHub, con un inicio de sesión único. Su cuenta Microsoft respaldará y sincronizará datos entre dispositivos, y también permitirá una mayor seguridad, como opciones para crear inicios de sesión sin contraseña o habilitar la autenticación de dos factores (2FA) mediante aplicaciones de autenticación.

Ahora, Edge tiene una ventaja injusta (¿o debería decir ventaja?) sobre la competencia: Copilot. Microsoft invierte en OpenAI, y Copilot está impulsado por el proveedor líder de IA del sector. Pocos competidores pueden ofrecer una oferta tan atractiva y a la vez ser financieramente viables debido a los elevados costes de la IA.

El contenido que generes en Copilot se guarda en tu cuenta de Microsoft. Si lo usas con Edge, Copilot accede a los datos del navegador y a los servicios de Microsoft para ofrecer un flujo de trabajo de mayor productividad, como la posibilidad de acceder y consultar correos electrónicos o documentos relevantes almacenados en OneDrive para la automatización de tareas.

Debido a esta decisión de Microsoft, Opera presentó Aria y Arc presentó Arc Search, impulsado por IA, para mantenerse al día:

Si necesitas más pruebas de que Edge tiene posibilidades de mantenerse competitivo, echa un vistazo a sus funciones beta. Incluyen el concepto de espacios de trabajo y también una opción para activar pestañas verticales. ¡Un vistazo al futuro!

En cuanto a la experiencia, ofrecen la misma utilidad que otros navegadores, pero carecen de la misma experiencia fluida, ya que todo parece oculto y los usuarios tienen que emprender un viaje de descubrimiento fuera de su flujo de trabajo:

Ordenar por colecciones y compartir con la nube

Pero hay un rayo de esperanza: Edge se adelantó a la competencia con una función llamada Colecciones. Colecciones es básicamente una lista de sitios web que los usuarios pueden guardar como colección. La utilidad no difiere mucho de la función de marcadores, pero el acceso rápido a Colecciones la hace más útil como herramienta de organización que la función de marcadores, que carece de atajos para crear carpetas.

Otras características destacadas de la captura de pantalla anterior son la opción de enviar la página web a otros dispositivos o crear un código QR para facilitar la sincronización. También existe la opción de abrir la página en una barra lateral.

Aunque estas opciones no son prioritarias ni parte integral de la experiencia de navegación, su disponibilidad ofrece una gran comodidad para quienes las necesiten. ¡Recomiendo probarlas!

La razón principal por la que Edge está ganando popularidad frente a Chrome es que sigue estando preinstalado en las últimas versiones de Windows y, de hecho, ha comenzado a funcionar mejor a pesar de estar basado en la misma tecnología que Chrome.

Chrome consume muchos recursos porque las pestañas del navegador utilizan mucha RAM, y todos los navegadores recientes solucionaron ese problema principal ofreciendo una experiencia de navegación más liviana y rápida.

Otra ventaja de Edge al estar basado en Chrome es que todas las extensiones de Chrome también funcionaban correctamente en Edge. Actualmente, el cambio a Edge presenta inconvenientes prácticamente nulos.

El futuro de los navegadores

A principios de 2024, Browser Company presentó un video de anuncio anual donde su fundador compartió una idea clave: que, internamente, la crítica constructiva era que “nadie necesita un navegador nuevo”. Por lo tanto, reorientaron su estrategia para centrarse en la productividad laboral. Esta es la triste realidad de los navegadores: estamos anclados en nuestras costumbres.

Dicho esto, los navegadores siguen llegando al mercado con experiencias novedosas. Polypane y Sizzy son dos opciones fáciles de usar para desarrolladores que compiten por cuota de mercado. Y a pesar de que The Browser Company cree que podrían no ganar usuarios, el mercado está a punto de experimentar una transformación.

Opera es actualmente el único navegador popular con la función más centrada en la privacidad: una VPN integrada. Para mejorar aún más la privacidad, muchos también conocen el navegador Tor. Es muy probable que los navegadores se integren pronto con la realidad aumentada (RA) y la realidad virtual (VR) (gracias a la creciente popularidad de las gafas de realidad virtual de Apple, Meta y Microsoft), lo que abre la puerta a explorar más cómo navegamos por internet.

Si quieres conocer otros artículos parecidos a Un análisis UX de Arc, Opera y Edge: El futuro de las interfaces de los navegadores puedes visitar la categoría Guias.