El equipo web de Canonical ejecuta iteraciones de dos semanas para crear y mantener todos los sitios web y las interfaces web de productos de Canonical. Estos son algunos de los aspectos más destacados de nuestro trabajo completo de esta iteración.
Escuadrón web
Web Squad desarrolla y mantiene la mayor parte de Sitios de Canonical como ubuntu.com, canonical.com y más.
Actualizaciones de la tabla CVE
Hemos mejorado la UX de la tabla CVE en ubuntu.com. Siempre estamos buscando formas de brindar a los usuarios la mejor experiencia web posible, y encontramos una manera de optimizar la forma en que se muestran los datos CVE en cada celda de la tabla extrayendo información repetitiva en una columna separada y reduciendo parte del espacio en blanco.
mejoras de adquisición de ubuntu.com
Anteriormente teníamos una fuerte dependencia de la API de Discourse. En esta iteración, eliminamos esa dependencia dura y mejoramos la transición visual de las adquisiciones de nuestra página de inicio, mientras las mantuvimos en discurso.ubuntu.com, para que todos puedan contribuir con cambios en este contenido.
Los documentos de Ubuntu Core se trasladaron a discurso y ubuntu.com
Junto con el lanzamiento de UC20, también publicamos los documentos de Ubuntu Core en http://ubuntu.com/core/docs. Esto se alojó anteriormente en https://core.docs.ubuntu.com/en/, que aún estará disponible durante algún tiempo hasta que el equipo Core pueda actualizar toda nuestra documentación de Ubuntu Core.
Marca
El equipo de la marca desarrolla nuestra estrategia de diseño y crea la apariencia de la empresa a través de muchos puntos de contacto, desde la web, documentos, exposiciones, logotipos y videos.
Rediseño de la oficina de Taipei
Comenzamos a trabajar con nuestros arquitectos designados en la marca de nuestra nueva oficina de Taipei, para mantenerla consistente con nuestras otras oficinas globales.
Jerarquía de marca
Después de nuestra reunión sobre la jerarquía de la marca, recopilamos todos los comentarios y trabajamos en una hoja de ruta de proyectos para seguir adelante.
Ilustraciones de multipass
Se produjeron varias ilustraciones para el sitio web actualizado de Multipass.
Icono de la barra de estado de múltiples pasadas
Al solucionar un problema con la legibilidad del ícono de Multipass en la barra de estado de iOS, creamos una serie de variaciones para ser implementadas por el equipo de Multipass.
Ilustraciones y animaciones de Ubuntu Core
Para respaldar el lanzamiento de Ubuntu Core 20, produjimos una serie de ilustraciones y trabajamos en una animación para usar en las páginas de marketing actualizadas.
MAAS
Se desarrolla la escuadra MAAS la interfaz de usuario Para el Proyecto MAAS.
Vista de instancias de máquina migrada a React
Como parte de la migración progresiva de toda la interfaz de usuario de MAAS de angular.js a React. Hemos convertido la vista Instancias a React. Acercándonos un paso más a nuestro objetivo de migrar toda la sección de detalles de la máquina a React para el final del ciclo en mayo.
MAAS como inquilinos LXD
Continuando con nuestro enfoque desde la última iteración, nuestro equipo de diseño todavía está trabajando en el diseño de nivel conceptual para la nueva función: MAAS como inquilinos LXD. En esta función, MAAS se conectará a LXD desde el nivel del proyecto, en lugar del nivel del servidor.
Desde el punto de vista del flujo de trabajo, cuando se crea un servidor LXD en la CLI, los usuarios obtendrán automáticamente un proyecto predeterminado, donde pueden crear más proyectos en este servidor LXD. Bajo un proyecto, un usuario puede componer o eliminar varias máquinas virtuales, que serán administradas bajo el nivel de proyecto.
En MAAS, un usuario se conecta a la dirección LXD y hay un paso adicional para seleccionar el proyecto al que desea conectarse antes de llegar al panel de control del proyecto. Por el momento, MAAS le permite conectarse a un proyecto a la vez. Para conectarse a varios proyectos, un usuario debe conectarse a la misma dirección LXD y seleccionar un proyecto diferente.
JAAS
El equipo JAAS desarrolla el Panel de control JAAS Para el Proyecto Juju.
Imágenes de Juju Actions en el tablero
A raíz del trabajo de UX que se realizó para Juju Actions, hemos llevado los wireframes a un diseño listo para su implementación.
Las capturas de pantalla a continuación capturan el viaje del usuario para ejecutar acciones definidas para un encantamiento, seleccionando una / múltiples / todas las unidades y activando el panel de acción.
Una vez que se ha ejecutado una acción, los usuarios pueden cancelar y ver la acción.
También dedicamos una página para registros de acciones, donde los usuarios pueden ver y filtrar los resultados y salidas de las acciones.
Implementación de interfaz de usuario de configuración de encanto
En un futuro muy cercano, el tablero le dará la capacidad de ver y editar su configuración de accesos sin necesidad de acceder a la CLI. Así que esté atento a esto en la próxima versión.
Vainilla
El equipo de Vanilla diseña y mantiene el sistema de diseño y Biblioteca de Vanilla Framework. Garantizan un estilo coherente en todos los activos web.
Fragmento de código y componente React
Con el lanzamiento reciente de Vanilla 2.22, presentamos el nuevo patrón de fragmento de código como un reemplazo de los componentes de código numerados y copiables de código existentes, lo que nos brinda una forma coherente de presentar ejemplos de código en varios contextos diferentes.
Este primer paso brinda a los desarrolladores la capacidad de agregar encabezados a bloques de código, así como elegir entre tres tipos de bloque de código: predeterminado, numerado e ícono.
En una próxima versión, presentaremos varias funciones nuevas, incluido el resaltado de sintaxis con Prisma, la capacidad de cambiar entre ejemplos de código relacionados y una clase de utilidad para permitir envolver el contenido dentro de un bloque de código.
Rompiendo la cuadrícula de 12 columnas
Hemos estado trabajando en un nuevo diseño de sección que permite que el contenido «salga» de la cuadrícula de 12 columnas. Esto puede ser útil en casos como tablas con muchas columnas, gráficos con muchos detalles a lo largo del eje x o, por ejemplo, tiendas que pretenden impresionar con la abundancia del contenido disponible:
Snapcraft y Charmhub
El equipo de Snapcraft trabaja en estrecha colaboración con el equipo de la tienda para desarrollar y mantener el Sitio de Snap Store y el Sitio de Charmhub.
Alineación de backend entre tiendas
El principal objetivo de diseño de Snapcraft y Charmhub es proporcionar una «experiencia de tienda» similar. Para facilitar la tarea, trabajamos en compartir la mayor cantidad de código posible entre las 2 tiendas a través de un módulo de Python. Este módulo comparte la lógica API que requieren las tiendas.
En esta iteración, el equipo volvió a algunos de nuestros códigos que no se habían compartido. El equipo refactorizó algunos códigos de backend para asegurarse de que las 2 tiendas continuaran alineadas.
Actualizar el tema discurso.ubuntu.com
Hace algunas iteraciones, el equipo actualizó El tema del discurso de Charmhub. Esta actualización tenía como objetivo hacer la navegación del discurso lo más cercana posible a el sitio.
El diseño y la web siempre intentan compartir la misma experiencia en nuestros sitios web para hacer una experiencia Canonical. Era natural traer este cambio al discurso de Ubuntu. Esperamos que lo disfrutes.
Snapcraft
Mejoras de rendimiento
Como desarrolladores web, nos encanta encontrar nuevas formas de mejorar el rendimiento de nuestras páginas web. Recientemente notamos que algunas de nuestras páginas instantáneas tenían una puntuación baja según a Page Speed Insights, la herramienta proporcionada por Google para probar y sugerir mejoras de rendimiento en sus sitios
Notamos que todas las páginas instantáneas con un video incrustado de Youtube, como el complemento de código de Visual Studio, obtuvo una puntuación máxima de 78. Después de optimizar la forma en que cargamos los videos, mostrando la imagen en miniatura, luego cargando y reproduciendo el video al hacer clic, obtuvimos nuestra puntuación de índice de velocidad por encima de 90 🎉.
Configure la prueba A / B para el primer flujo instantáneo
Para incorporar nuevos desarrolladores a las instantáneas, snapcraft.io proporciona una tutorial interactivo paso a paso para crear y publicar su primer complemento en la tienda.
Nos gustaría ejecutar un experimento y mover el paso de inicio de sesión en el primer paso del flujo. El objetivo de este experimento es observar la participación de los desarrolladores con y sin iniciar sesión.
Para hacer esto, realizaremos una prueba AB durante las próximas 2 semanas. La versión A será la versión actual; La versión B lo hará con el inicio de sesión en el primer paso. Próxima actualización en la próxima publicación del blog. 😉
Charmhub
Seguimiento del sprint de bibliotecas
Durante el sprint de la hoja de ruta, nos reunimos con los equipos que trabajan en el mecanismo de intercambio de bibliotecas en Charmhub, para discutir nuestro último progreso en el diseño de cómo se renderizarán sus cadenas de documentos en el sitio. Acordamos utilizar la convención de Google sobre cómo escribirlos y mostramos un par de diseños que tienen como objetivo facilitar a los desarrolladores el escaneo de las cadenas de documentos.
Después de realizar algunos cambios que surgieron durante la reunión, agregamos un índice a la página para que los usuarios puedan pasar a las secciones que les interesan; y trabajó en la jerarquía visual para asegurarse de que queda claro a qué clase pertenece un método.
Publicaciones del equipo:
- Interfaz de usuario MAAS: inquilinos SmartNIC y LXD
- Borrar la caché de contenido de un sitio
Con ♥ del equipo web de Canonical.
