Diseño UX / UI del nuevo VS 2019

Nos complace compartir con ustedes hoy que, como parte del desarrollo de Visual Studio 2019, actualizaremos nuestro tema, actualizaremos el ícono del producto y el protector de pantalla. Estos cambios como parte del diseño UX / UI lo ayudarán a comenzar más rápido. Realmente nos gustaría que exprese su opinión sobre estas actualizaciones. Cada comentario afecta a un producto futuro.

Como CAP, tenemos el primer cambio hoy: el ícono de Visual Studio 2017 (izquierda) y el nuevo ícono de Visual Studio 2019 (derecha)

Este artículo es una traducción de un artículo de nuestro Blog de Vusial Studio.



Entonces, el primer cambio: decidimos actualizar el ícono en VS2019. Esto se hace en parte para que sea más fácil para el usuario distinguir qué versión del programa ha abierto y utiliza. Nos encontramos con algunos problemas de usabilidad con el estilo de ícono en las primeras etapas de Visual Studio 2017, y estamos enfocados en resolver estos problemas en Visual Studio 2019.

Uno de los problemas que surgió fue que el estilo plano del icono actual lo hacía casi invisible contra un fondo de un color similar. Al adoptar el Sistema de diseño fluido y aplicarlo a profundidad, iluminación y material, mejoramos visualmente el ícono para que sea mucho más visible en diferentes fondos.



Otro problema que encontramos es la diferencia entre la vista previa y la versión final de Visual Studio. El uso de los iconos puede resolver este problema, pero en VS2017 aparecieron otras dificultades. Para Visual Studio 2017, el ícono fue diseñado como parte de una gran familia de productos de Visual Studio. El método que utilizamos fue que cada insignia tuviera una cinta en el lado derecho. Sin embargo, esto dejó menos espacio para el logotipo en sí.

En Visual Studio 2019, eliminamos todas las partes adicionales del icono. Queremos centrarnos en el elemento más reconocible del logotipo de Visual Studio: es decir, en un bucle sin fin.



Aumentamos el tamaño del bucle infinito, lo que nos dio más oportunidades para mostrar la diferencia entre los iconos de Vista previa y Lanzamiento. Utilizamos un enfoque más audaz para el logotipo de vista previa. Al dividir la forma del icono en varios lugares, conservamos la forma general del icono de Visual Studio. Pero mostramos una clara diferencia entre Vista previa y Lanzamiento.

Estamos trabajando en un enfoque similar al nuevo icono de Visual Studio para Mac, que se estrenará en los próximos anuncios.

Código más fácil de ejecutar



Ventana de inicio en Visual Studio para Mac (izquierda) y Visual Studio (derecha)

A través de la investigación y la observación, hemos identificado formas de simplificar las elecciones que debe realizar durante los pasos más importantes al comenzar con Visual Studio. Nos dimos cuenta de que necesitábamos eliminar lo que llamamos "trampolines" y proporcionarle las mejores rutas para el código.

Independientemente de si es un principiante o un desarrollador experimentado de Visual Studio, la nueva ventana de inicio proporciona acceso rápido a las formas más comunes para que los desarrolladores comiencen a trabajar con código: clonar o verificar código, abrir un proyecto, abrir una carpeta local en su PC o crear un nuevo proyecto.

Finalmente, también repensamos la experiencia de crear un nuevo proyecto con una nueva lista de las plantillas más populares y capacidades mejoradas de búsqueda y filtrado. Con un nuevo diseño y un enfoque paso a paso para seleccionar una plantilla y configurarla, creemos que la hemos hecho menos sobrecargada para que pueda centrarse en una solución a la vez. También puede aprender otros idiomas, plataformas y tipos de proyectos compatibles con Visual Studio, y puede terminar instalándolos sin problemas.

Tema azul actualizado



Tema azul actualizado (izquierda) junto al tema azul actual (derecha)

Uno de los efectos visuales más notables que puede ver cuando inicia Visual Studio 2019 es nuestro tema azul actualizado. Más de la mitad de ustedes usa el tema azul, pero no ha cambiado en VS2012. Nos centramos en el deseo de actualizar la interfaz de Visual Studio. Hicimos pequeños cambios en toda la interfaz de usuario, suavizando las esquinas.

Rendimiento a tu alcance



Espacio actual (arriba) y versión simplificada para Visual Studio 2019 (abajo)

En busca de oportunidades para reducir el desorden, comenzamos con una barra de herramientas. Al eliminar la línea del nombre del archivo, pudimos repensar la barra de herramientas de Visual Studio sin cambiar significativamente el flujo de trabajo. Cambiamos la búsqueda: en las próximas versiones verás que la búsqueda en Visual Studio 2019 es más potente y precisa.

Live Share ahora tiene un lugar estable en la interfaz. Las personas con las que trabaja también son visibles allí.

Notificaciones notables




A principios del próximo año, se actualizará una interfaz de usuario de notificación en una de nuestras versiones preliminares. De la investigación: las notificaciones actuales no están completamente satisfechas con los desarrolladores. Las notificaciones ahora aparecerán en la barra de estado en la parte inferior del IDE. Esto ayudará a los desarrolladores a no perder la concentración durante el trabajo.

Esperando sus comentarios!


Comparta comentarios, lea y considere todo.

Source: https://habr.com/ru/post/es430160/


All Articles