10 actualizaciones de la experiencia del usuario en Azure Portal

Publicado el 7 noviembre, 2019

Partner Group Program Manager, Azure portal

Trabajamos constantemente para mejorar la experiencia del usuario en Azure Portal. Nuestro objetivo es ofrecerle un único panel productivo y fácil de usar para que pueda crear, administrar y supervisar sus servicios, aplicaciones e infraestructura de Azure. En esta publicación, me gustaría compartir los aspectos destacados de las mejoras más recientes de la experiencia, entre las que se incluyen:

Mejora de la experiencia de la página principal del portal

Hemos mejorado la página principal de Azure Portal para aumentar el foco y la claridad, y para facilitar el acceso a los elementos que son importantes para el usuario.

Image of the simplified Azure portal home.
  Figura 1: página principal simplificada de Azure Portal.

La hemos organizado en secciones diferenciadas para que sea fácil de usar:

  • Servicios y recursos (parte dinámica): en la sección superior se presenta el contenido dinámico que se ajusta en función del uso sin requerir ninguna personalización adicional. Cuanto más use el portal, más se ajustará a sus preferencias.
  • Puntos de entrada comunes e información útil (parte estática): en la sección inferior se incluye contenido estático con puntos de entrada comunes para ofrecer un acceso rápido a los flujos de navegación principales que siempre están ahí, lo que permite a los usuarios desarrollar memoria muscular para la utilización repetida.

Screenshot showing the new sections of the Azure home page.

Figura 2: secciones de la página principal.

La sección Servicios de Azure proporciona un acceso rápido a Azure Marketplace, una lista de ocho de los servicios de Azure más usados y el acceso al examen de toda la oferta de Azure. La lista de servicios se rellena de forma predeterminada con algunos de los servicios más populares y se actualiza automáticamente con los servicios usados más recientemente por el usuario. En la sección Recursos recientes se muestra una lista de los recursos que ha usado recientemente. Ambas listas se actualizan al usar el producto. Nuestro objetivo es colocar los servicios e instancias importantes delante y en el centro, sin requerir personalización. Cuanto más use el producto, más útil le resultará. El resto de las secciones son estáticas y proporcionan puntos de referencia importantes para la navegación y el acceso a productos, servicios, contenido y entrenamiento clave de Azure.

La experiencia global de la página principal se ha simplificado mediante la ocultación de la barra de navegación izquierda en un botón de menús que siempre está presente en la barra de navegación superior:

A screenshot pointing out the menu button in the Azure portal.

Figura 3: botón de menús

El motivo principal de este cambio es mejorar el foco, reduciendo las distracciones y la redundancia, y permitir experiencias más inmersivas. Antes de este cambio, cuando estaba inmerso en una carga de trabajo en el portal, siempre tenía dos menús verticales, uno al lado del otro, la barra de navegación izquierda y el menú para la experiencia. La barra de navegación izquierda todavía está disponible con toda su funcionalidad, incluidos los favoritos, a través del botón de menús de la barra superior, siempre con un solo clic.

An image comparing the new and old left navigation bars.

Figura 4: la nueva experiencia permite más foco.

Si prefiere la visualización anterior, con la barra de navegación izquierda siempre presente, puede recuperarla en el panel Configuración del portal.

Nuevas tarjetas del servicio

Hemos agregado tarjetas flotantes asociadas con cada servicio que muestran información contextual y proporcionan acceso directo a algunos de los flujos de trabajo más habituales. Estas tarjetas flotantes se muestran al colocar el cursor durante un segundo aproximadamente sobre el mosaico de un servicio. Usamos el mismo patrón de interacción y diseño que Outlook para las identidades (usuarios y grupos) que están bien consolidadas en nuestra base de clientes.

A gif of the Azure services page and the Virtual machines hover card.

Figura 5: tarjeta flotante para máquinas virtuales.

En las tarjetas se expone la información contextual y las acciones correspondientes a un servicio, entre las que se incluyen:

  • Crear una instancia: proporciona el acceso rápido a un flujo muy habitual, sin tener que pasar por pantallas intermedias para iniciar la creación.
  • Examinar instancias: navegue por toda la lista de instancias de ese servicio.
  • Usado recientemente: las tres últimas instancias usadas recientemente de ese servicio y su acceso contextual directo.
  • Contenido de Microsoft Learn: entrenamiento gratuito especializado diseñado para ese servicio. El equipo de Microsoft Learn lo ha diseñado en función de los datos de uso y los comentarios del cliente.
  • Vínculos a documentos: documentos clave para aprender o usar el producto (inicios rápidos, documentos técnicos, precios).
  • Ofertas gratuitas disponibles: si el servicio dispone de opciones gratuitas disponibles, visualícelas.

A screenshot showing the anatomy of the Virtual machines service card.

Figura 6: anatomía de la tarjeta

Las tarjetas ayudan a mejorar varios aspectos, incluida la eficacia de los recorridos del cliente, la detección y la información contextualizada, que se presentan en el contexto de un servicio. La tarjeta también ayuda a los clientes de todos los niveles de experiencia: Mientras los nuevos clientes pueden beneficiarse del contenido de Microsoft Learn y las ofertas gratuitas, los clientes avanzados tienen una ruta de acceso más rápida para crear instancias o acceder a las instancias de ese servicio usadas recientemente.

La tarjeta no solo se muestra en la página principal. Está disponible en cada lugar en el que mostremos un servicio, como la barra de navegación izquierda, la lista de todos los servicios, así como la página principal de Azure.

Integración ampliada de Microsoft Learn

Microsoft Learn ofrece material de aprendizaje gratuito de alta calidad y oficial para las tecnologías de Microsoft. En esta actualización del portal, hemos introducido varios puntos de integración contextual:

  • Examen de servicios: integración contextual en el nivel de categoría de servicio (proceso, almacenamiento, web, etc.)
  • Tarjetas de servicio: integración contextual en el nivel de servicio (máquina virtual, Cosmos DB, etc.) disponible en la página principal de Azure, barra de navegación izquierda y experiencia de examen de servicios
  • Centro de inicio rápido de Azure: integración de los entrenamientos más populares en la página de aterrizaje
  • Página principal de Azure: acceso directo al punto de entrada principal de Microsoft Learn

Para avanzar, la integración de Azure Portal y Microsoft Learn continuarán creciendo, para ayudar a mejorar el recorrido a Azure.

Mejora de la experiencia del examen de servicios

Azure es grande y crece más cada día. La navegación a través de las ofertas de Azure en el portal puede ser intimidatoria y desafiante debido al vasto conjunto de servicios disponibles. Para facilitarla, hemos actualizado lo siguiente:

  • Mejora de la búsqueda global: mejora del rendimiento y la funcionalidad al buscar servicios en el cuadro de búsqueda global de la barra superior del portal. Esta búsqueda mejorada también está siempre presente y disponible en la sesión del portal.
  • Mejora de la experiencia del examen de servicios: mejora de la experiencia de Todos los servicios mediante la agregación de una categoría de información general que admite la exposición progresiva de los servicios, la reducción de la desorganización visual y la agregación de contenido contextual de Microsoft Learn.

Para el examen de servicios, hemos introducido una categoría de información general con el objetivo de exponer progresivamente la información.

A screenshot showing the progressive disclosure of information.

Figura 7: exposición progresiva de información y mejor detección

La nueva categoría Información general presenta una lista de 15 de los servicios más populares de Azure, contenido de entrenamiento diseñado de Microsoft Learn y acceso a funcionalidad clave como el centro de inicio rápido de Azure y ofertas gratuitas.

Si el servicio que busca no está disponible en la pantalla puede usar la funcionalidad de búsqueda de servicios, en la parte superior izquierda, o puede examinar las diferentes categorías disponibles, en la parte izquierda de la pantalla. Al mostrar una categoría, visualizamos ahora el contenido contextual y gratuito de Microsoft Learn para ayudarle en el recorrido de aprendizaje de Azure.

A screenshot of the service categories.

Figura 8: categoría de servicio con integración contextual y gratuita de Microsoft Learn. El entrenamiento ofrecido en esta categoría es contextual y está relacionado con bases de datos en este caso.

Mejora de la experiencia del examen de instancias

La experiencia del examen de instancias de recursos, que pasa por la lista de instancias y servicios es uno de los puntos de entrada más habituales para los clientes que usan el portal. Presentamos una experiencia actualizada que usa la potencia de Azure Resource Graph para proporcionar mejor rendimiento, mejores opciones de filtrado y ordenación, mejor agrupación y permite la exportación de las listas de recursos a un archivo CSV.

A screenshot showcasing the improved resource browsing experience.

Figura 9: mejora de la experiencia del examen de recursos

A partir de este mes, esta experiencia estará disponible para más de 70 servicios y durante los próximos meses se implementará en toda la plataforma.

Mejora de la experiencia de Azure Resource Graph

Azure Resource Graph Explorer, que está disponible en el portal, le permite escribir consultas y crear paneles con toda la potencia de Azure Resource Graph. Este es un vídeo que muestra cómo usar Resource Graph para escribir consultas y crear un panel de inventario para las suscripciones de Azure.

Hemos introducido las consultas de Azure Resource Graph en Azure Portal como un nuevo recurso de nivel superior. Básicamente, puede guardar cualquier consulta de Kusto Query Language (KQL) como recurso en la suscripción de Azure. Como cualquier otro recurso, puede compartirla con compañeros, establecer permisos, comprobar registros de actividad y etiquetarla.

A screenshot showing Azure Graph Queries.

Figura 10: consultas de Azure Graph

Actualización automática de paneles de Azure

Hemos agregado la actualización automática de los paneles de Azure, permitiendo la actualización automática de los paneles en varios intervalos de tiempo.

A screenshot showing how to configure automatic refresh, and choose the time period.

Figura 11: configuración de la actualización automática

Mejora de los iconos de servicio

Hemos actualizado todos los iconos de servicio en Azure Portal con un aspecto más coherente y moderno. Todos estos iconos se han diseñado juntos, como una familia, para proporcionar mejor coherencia visual y reducir las distracciones.

An image showing all of the improved icons for the Azure portal.

Figura 12: iconos mejorados

Panel de configuración simplificado

El panel de configuración se ha simplificado. El motivo principal de este cambio es que muchos clientes no podían encontrar la configuración "Idioma y región" en el diseño anterior y nos pedían capacidades que ya estaban disponibles en el portal. En este nuevo diseño se separa la configuración General e Idioma y región, el portal admite 18 idiomas y docenas de formatos regionales, lo que era una fuente habitual de confusión para muchos de nuestros usuarios.

Screenshots showcasing the different portal settings tabs for General and language & region.

Figura 13: separación de la configuración general y de localización

Nueva página de aterrizaje para Azure Mobile App

Azure Mobile App le permite seguir conectado, informado y con el control de los recursos de Azure mientras se desplaza. La aplicación está disponible para dispositivos iOS y Android.

Hemos agregado una nueva pantalla de aterrizaje completamente nueva a Azure Mobile App que reúne toda la información importante en cuanto abre la aplicación. La nueva experiencia de página principal se compone de varias tarjetas con soporte de:

  • Servicios de Azure
  • Recursos recientes
  • Últimas alertas
  • Estado del servicio
  • Grupos de recursos
  • Favoritos

La vista de la página principal se puede personalizar completamente, puede decidir las secciones que se deben mostrar y su orden.

An image showing the new home page in the Azure Mobile App.

Figura 14: nueva página principal de Azure Mobile App

Si no ha probado aún Azure Mobile App, asegúrese de hacerlo.

Díganos lo que piensa

Hemos examinado muchas de las nuevas funcionalidades y todavía no hemos hablado de todo lo que se incluye en esta versión. El equipo trabaja incesantemente para mejorar la experiencia y espera impaciente sus comentarios para ayudarles a hacerlo.


Azure. Invente con un objetivo.