El equipo web de Canonical realiza iteraciones de dos semanas para crear y ayudar 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.
Esta iteración ha hecho que muchos miembros del equipo salgan de la oficina, ya que las escuelas están fuera del Reino Unido. Esto no ha restringido las nuevas y emocionantes características y desarrollos del equipo.
Tabla de Contenidos
Conocer al equipo
Hola, soy Amy. Me uní a Canonical como Senior UX Designer una semana antaño de la pandemia y no he vuelto a la oficina desde entonces. A pesar de trabajar de forma remota con el equipo web, todavía parece que estamos muy unidos y extraño mucho a todos.
Comencé como ingeniero de software y descubrí mi pasión en HCI y UX con un gran apego por las albóndigas. Mi principal propósito en la vida es simplificar conceptos complicados a través del diseño de interacción, interfaces hápticas e interacciones naturales. Actualmente estoy trabajando en MAAS (Metal-as-a-service), que es una aparejo de aprovisionamiento increíble para la infraestructura de la cirro privada. Es posible que algunos de ustedes hayan pasado mi trabajo en el prototipo de CLI, anotaciones de cargas de trabajo, manejo de registros de eventos, proyectos LXD en MAAS y muchos más por venir.
Yo ❤️ cocina porque es muy parecido al diseño de productos: cuando aprendes lo suficiente sobre la paleta de gustos de tu audiencia, sabrás cómo crear un plato perspicaz que disfrutarán. La comida, para mí, es una forma de arte que te trae buenos amigos y familiares. Si de verdad quieres hacer amigos, ve a la casa de alguno y come con él o ella, las personas que te dan su comida te dan su corazón.
Escuadrón web
Web Squad desarrolla y mantiene la mayoría de los sitios de Canonical como ubuntu.com, canonical.com y más.
Inicie sesión en la navegación de ubuntu.com
Con el tiempo, ubuntu.com ha introducido una serie de servicios que requieren autenticación con nuestro SSO de Ubuntu. Cada servicio que requiere inicio de sesión maneja el inicio de sesión en el interior de la página de diferentes maneras.
Ahora tenemos una opción de inicio de sesión adecuado en el encabezado de todo el sitio que proporciona una forma estandarizada de iniciar sesión y ayudar ese estado.
Comprobador de enlaces de documentos
El equipo de documentación preguntó si teníamos una aparejo para demostrar los enlaces en nuestros sitios web que pudiera descubrir enlaces rotos en la documentación de Canonical e informarles sobre estos problemas. Usamos una aparejo señal linkchecker para rastrear nuestros sitios e informar problemas para usar en nuestro canal interno de Mattermost.
Por lo tanto, decidimos configurar el mismo sistema para el equipo de documentación. Introdujimos un nuevo conjunto de acciones de Github para rastrear todos los conjuntos de documentos. Y, en una cadencia semanal, noticia cualquier problema al canal de Documentos.
Estos documentos que ahora estamos escaneando regularmente son:
MAAS
El equipo MAAS desarrolla la interfaz de beneficiario para el tesina MAAS.
Resumiendo la función de modernización instantánea autónoma
Luego de seis iteraciones de diseño, llegamos al diseño final para la primera escalón de expansión. En este trabajo, nuestro objetivo es proporcionar control de modernización a los usuarios de MAAS con formato de paquete instantáneo, donde todos los usuarios podrán optar su tiempo de modernización ideal y recorrer el proceso de modernización con tolerancia a errores y seguridad.
En la primera escalón de nuestra entrega, queremos centrarnos en asegurarnos de que los datos que mostramos sean lo suficientemente claros y relevantes para informar a nuestros usuarios sobre la modernización y las etapas por las que atraviesa cada compensador.
No hay muchos cambios a través de las interacciones, pero sí muchos cambios con respecto a los datos. Hemos simplificado los cambios de datos en 5 etapas de más de 7 etapas.
Investigar la renovación de la construcción de la información
Al manifestación de este ciclo, enviamos una pesquisa de experiencia similar a la de la cirro a 100 participantes para comprender el entorno MAAS de nuestros usuarios y la escalera a la que debemos apuntar. El problema con la construcción de información flagrante es que es difícil progresar e identificar el flujo correcto. Entonces, con este trabajo, esperamos identificar algunas superposiciones entre cada característica, simplificarlas y categorizarlas adecuadamente.
Con la información que recibimos de 11 respuestas en la pesquisa, podemos compendiar algunas pistas sobre en qué liga de usuarios debemos enfocarnos y cómo estos grupos de usuarios extremos proporcionarán casos de uso que serán suficientes para todos los demás casos de uso en nuestra plataforma. Igualmente hemos aprendido sobre la escalera y el potencial de escalamiento futuro que puede intentar apuntar y cómo estas historias de beneficiario pueden afectar la ordenamiento de la Cimentación de la Información. Todavía estamos aceptando comentarios de cualquier persona de la comunidad MAAS que esté interesada en contribuir a MAAS para una mejor experiencia. Aquí está el enlace a la pesquisa.
Nuestro futuro paso es realizar una sesión abierta de clasificación de tarjetas con el equipo y mapear la relación del clúster utilizando el método de agrupación de K-means.
Convierta la instinto de registros y eventos de detalles de la máquina a React
Esta semana terminamos de portar los detalles de la máquina de AngularJS a React. Los detalles de la nueva máquina tienen muchas correcciones de errores, mejoras de rendimiento, ajustes de UX y UI y algunas características nuevas asimismo.
Se trabajó mucho en esta migración, por lo que todos estamos felices de tener esto detrás de nosotros y estamos ansiosos por entregarlo a nuestros usuarios en la próxima interpretación.
Restablecimiento de la compatibilidad con el host LXD VM
La interfaz de beneficiario para hosts de VM LXD ha experimentado cambios importantes para resaltar el uso de bienes en múltiples proyectos LXD. En la pestaña «Medios», ahora puede ver cuánta memoria / CPU está usando un tesina LXD en el contexto de todos los bienes del servidor LXD.
La polímero de bienes llamativo y las tarjetas de nodo NUMA asimismo se han reconstruido con una nueva estructura de datos subyacente (que hizo posible la instinto del tesina), y se ha hecho para que sea más componible en caso de que decidamos usar estos pequeños gráficos en otro ocasión.
La última parte importante del trabajo de LXD es poder realizar acciones en las máquinas virtuales directamente desde la página del host de la máquina aparente en ocasión de tener que navegar a la serie de máquinas.
JAAS
El equipo de JAAS desarrolla el tablero de JAAS para el tesina Juju.
Esta iteración el equipo se centró principalmente en las tareas de mantenimiento.
Pesquisa de feedback JAAS / Juju
Nuestro equipo ha estado trabajando arduamente para proporcionar vistas organizadas sobre modelos a los detalles de la dispositivo y unir funciones procesables al tablero de juju CLI.
Nos gustaría invitar a todos los usuarios de Juju a participar en esta breve pesquisa y ayudarnos a construir una mejor experiencia de beneficiario del panel de control JAAS.
Por confianza, eche un vistazo a la pesquisa aquí:
[JaaS/Juju feedback survey] ¡Traiga su experiencia al diseño de nuestro tablero!
El propósito de esta pesquisa es
- para identificar piezas principales / secundarias de información en su uso diario, para que podamos proporcionar una instinto clara pero esencial en el tablero;
- para compendiar ampliamente los hábitos de uso en torno a ‘crear ofertas’, ‘administrar relaciones y CMR’ y ‘ejecutar acciones de Juju’, para que podamos posicionar mejor nuestras nuevas funciones para maximizar su facilidad
La pesquisa tomaría más o menos de 5 minutos.
¡Gracias!
Vainica
El equipo de Vanilla diseña y mantiene el sistema de diseño y la biblioteca de marcos de Vanilla. Garantizan un estilo coherente en todos los activos web.
Estilos ascendentes de los componentes de React
En esta iteración, enfocamos nuestros esfuerzos en erradicar nuestra biblioteca de componentes de React mediante la migración de cualquier estilo personalizado al propio ámbito de Vanilla.
La anciano parte de esto fue incorporar los estilos del componente SearchAndFilter al ámbito de Vanilla.
Igualmente agregamos un pie de página al componente de diálogo modal y un estado malogrado para las tablas que se introdujeron anteriormente solo en los componentes de React.
Mejoras en la información sobre herramientas
Nos tomamos el tiempo de esta iteración para realizar una serie de mejoras en nuestro patrón de información sobre herramientas, desde cambios menores como asegurarnos de que aparezcan por encima de todos los demás rudimentos visibles en la página, hasta cambios más significativos que involucran el uso de JavaScript.
Nuestro patrón de información sobre herramientas predeterminado flagrante se fundamento exclusivamente en HTML y CSS, y funciona correctamente en muchas situaciones, pero tiene algunas limitaciones. En primer ocasión, la información sobre herramientas existente debe ser un aspecto secundario del aspecto anejo al que debe aparecer la información sobre herramientas; de lo contrario, no podemos apuntar de guisa confiable a la información sobre herramientas solo a través de CSS.
Encontramos una situación en la que era preferible que el aspecto de información sobre herramientas existiera fuera del aspecto principal, por lo que creamos una nueva clase, que se inicia con la próxima interpretación de Vanilla, que permite al beneficiario hacer eso con una pequeña cantidad de JavaScript para escuchar. ciertos eventos desencadenantes.
Al introducir JavaScript, asimismo pudimos ofrecer orientación sobre cómo y cuándo deberían aparecer las descripciones emergentes. La interpretación de solo CSS tiene información sobre herramientas que aparece tan pronto como el beneficiario pasa sobre el aspecto, lo que puede distraer si el cursor estaba en realidad en camino a otro punto de la página. Correcto a que queremos que aparezcan descripciones emergentes cuando se navega por la página con un mouse o un teclado, o uno y otro, asimismo es posible hacer que aparezcan dos descripciones emergentes al mismo tiempo.
El uso de una opción de JavaScript nos permite esperar un corto tiempo, 200 milisegundos, para asegurarnos de que el beneficiario desea que el cursor o el foco flagrante de la página esté en el aspecto en cuestión, antaño de mostrar la información sobre herramientas.
Igualmente podemos asegurarnos de que solo una información sobre herramientas sea visible a la vez, y hacer que una información sobre herramientas desaparezca cuando un beneficiario ha hecho clic en el aspecto de destino, un evento del que podemos estar razonablemente seguros indica que el beneficiario ya no necesita la información sobre herramientas y su información.
Sección de logotipo
Agregamos un nuevo componente de sección de logotipo que reemplaza el componente de imágenes en hilera. Publicación de blog completa para seguir.
Snapcraft y Charmhub
El equipo de Snapcraft trabaja en estrecha colaboración con el equipo de la tienda para desarrollar y ayudar el sitio de la tienda Snap y el próximo sitio de Charmhub.
Nueva apariencia para Snapcraft Forum
La navegación del Foro Snapcraft ha recibido una nueva apariencia y ahora está alineada con los otros foros Canonical, como el discurso de Ubuntu, el discurso de MAAS y el discurso de Charmhub.
Publicaciones del equipo:
Estamos contratando
- Basado en el hogar – EMEA
Diseñador sénior de UX ›
Sea parte de un equipo que trabaja en aplicaciones web para servicios empresariales en la cirro, IoT y dispositivos integrados, dando vida a nuevos y emocionantes proyectos y mejorando los existentes. - Basado en casa – EMEA
Desarrollador web >
Una oportunidad anormal para que un desarrollador web trabaje en el interior de un gran equipo de UX y diseñadores y desarrolladores visuales que crean sitios web y aplicaciones.
Con ♥ del equipo web de Canonical.
