La última actualización de Adobe XD incluye kits de interfaz de usuario gratuitos para mejorar el diseño de UX en todas partes

Adobe conoce la importancia de la experiencia del usuario. Como fabricantes de tantas herramientas de diseño de primer nivel, pasan sus días descubriendo cómo hacer que el diseño hermoso sea fácil y alcanzable. Por lo tanto, no fue una sorpresa cuando Adobe XD CC lanzó cinco kits de interfaz de usuario gratuitos para inspirar a los diseñadores de todo el mundo y facilitar diseños innovadores en todos los ámbitos y agregar a la experiencia Creative Cloud de Adobe.

Los kits de interfaz de usuario de Adobe incluyen opciones para el diseño de juegos, relojes inteligentes, Apple Dashboard y aplicaciones de transporte y viajes. Fueron diseñados en colaboración con varios diseñadores de renombre y se pueden descargar gratis aquí.

¿Qué son los kits de diseño de interfaz de usuario?

Los kits de interfaz de usuario (UI) son archivos (normalmente PSD) que se distribuyen para ayudar a los diseñadores con el flujo de trabajo en proyectos y elementos de diseño como controles deslizantes y avatares. En última instancia, brindan una guía para crear una experiencia perfecta, desde la resolución de problemas comunes hasta la determinación de la navegación intuitiva. Piense en los kits de interfaz de usuario como una hoja de trucos para el diseño de la interfaz de usuario.

¿Quiere recibir más noticias de la industria del diseño directamente en su correo electrónico?
¡Regístrese para recibir su dosis diaria de DesignRush!

Entonces, ¿cuál es la diferencia entre el diseño de UI y el diseño de UX?

El diseño de la experiencia del usuario y el diseño de la interfaz de usuario son dos guisantes en una vaina. En última instancia, el diseño de la experiencia del usuario influye directamente en la forma en que los usuarios se sienten cuando exploran su sitio web, aplicación u otro diseño interactivo.

El diseño de UX es importante en aplicaciones web y móviles. Desea que el proceso de navegar por una aplicación en su iPhone y dispositivo Android sea fácil y agradable.

Mientras tanto, el diseño de la interfaz de usuario refina las experiencias que está creando un diseñador de UX, lidiando con la estética y asegurando que la experiencia sea agradable de ver, no solo de usar, también. En cierto modo, el diseño de la interfaz de usuario se parece más a un diseñador gráfico que a un diseñador web, ya que un diseñador de interfaz de usuario debe asegurarse de que su diseño de material sea estéticamente agradable.

¿Cómo pueden los kits de interfaz de usuario mejorar la experiencia general del usuario?

La dependencia de la experiencia general del usuario (también conocida como UX y UI) en el diseño de sitios web está aumentando. Según Adobe, es el campo de más rápido crecimiento de la industria de la tecnología y se prevé que la demanda crezca hasta en un 73 por ciento, por lo que se apresuraron a agregarlo a su oferta de Creative Cloud. Este aumento drástico requiere procesos más optimizados que aún produzcan diseños asombrosos que los consumidores disfruten, por lo que los kits de IU seleccionados son una bendición para los diseñadores de todo el mundo.

Como todo, los kits de interfaz de usuario tienen ventajas y desventajas. Tu capacidad para personalizar y personalizar es más limitada que si estuvieras empezando desde cero, como con cualquier plantilla. Además, cuanto más popular sea un kit de interfaz de usuario, es más probable que otra marca tenga una estética similar a la tuya.

Sin embargo, a pesar de los inconvenientes anteriores, los kits de interfaz de usuario aportan un gran valor a la comunidad de diseño, razón por la cual son cada vez más populares. Como los desarrollan los principales diseñadores y empresas, al igual que el lote de kits de interfaz de usuario de Adobe, por lo general tienen errores limitados y se actualizan con frecuencia.

El uso de kits de interfaz de usuario también le permite explorar elementos de diseño que quizás no haya probado por su cuenta y, dado que agiliza gran parte del flujo de trabajo en una plantilla, libera gran parte de su tiempo y capacidad intelectual para concentrarse en los componentes más importantes de un diseño. , como interacciones y flujos de usuarios.

¿Y lo que es más? Los diseñadores de UX también pueden utilizar kits de interfaz de usuario, lo que los hace particularmente útiles para equipos pequeños, presupuestos limitados o diseñadores que buscan expandir sus habilidades.

¿Qué tienen que decir los diseñadores sobre el diseño de UX, el diseño de UI y el aumento de la popularidad de los kits de UI?

Para comprender mejor cómo todos estos elementos de diseño funcionan juntos y cómo estos kits de interfaz de usuario pueden ayudar a expandir el proceso de diseño, hablamos con Marcelo Silva, director de diseño de Live Planet que creó el kit de interfaz de usuario de Apple Watch de Adobe.

La demanda de diseñadores de UX va en aumento. ¿Por qué crees que hay tanto énfasis en la experiencia del usuario?

“Lo que pasa con la tecnología es que las cosas que eran lujosas hace unos años ahora son estándar. Como los autos, por ejemplo. Hace unos años, tener una pantalla táctil era un lujo, ahora incluso algunos modelos básicos tienen algún tipo de sistema de pantalla táctil genial. A medida que los productos visualmente impresionantes se convierten cada vez más en un estándar que en un lujo, las empresas deben encontrar nuevas formas de diferenciarse de sus competidores. La experiencia del usuario es ese diferenciador. No es suficiente crear algo que se vea bien, hay que crear algo que es fácil de usar y eso hará que la gente lo siga usando ".

¿Cómo ha influido la tecnología en el diseño de UX y hacia dónde ve la experiencia del usuario en los próximos años?

"La UX solía centrarse en cómo las personas interactúan con las pantallas, pero a medida que la tecnología avanza y los productos se vuelven cada vez más" invisibles ", más flexibles tenemos que ser como diseñadores para adaptarnos. Pero el principio de UX debe permanecer igual: ¿Cómo nos aseguramos de que la interacción entre el ser humano y la tecnología (cualquier forma o forma que adopte la tecnología) sea lo más fluida posible? Es difícil predecir a dónde nos llevará la tecnología (diseñadores de UX) pero creo que, como ya podemos ver, hay un gran enfoque en la realidad virtual y la inteligencia artificial. Diferentes medios, pero el mismo concepto: hacen que la interacción sea fluida, divertida y atractiva ".

Para aquellos de nosotros que no lo sabemos muy bien, ¿qué es un kit de interfaz de usuario?

"Hay diferentes formas de ver los kits de IU. Personalmente, los veo como una serie de componentes que se utilizan como punto de partida para su aplicación o diseño web. Los kits de IU son especialmente útiles si tiene una fecha límite ajustada o si necesita un impulso creativo para comenzar tu proyecto. Cuando creé el kit de interfaz de usuario de reloj inteligente para Adobe XD, intenté crear tantos componentes / pantallas como fuera posible para asegurarme de cubrir muchos casos de uso. Tienes de todo, desde diferentes tipos de gráficos hasta un montón de enumerar estilos y otras cosas ".

¿Están destinados a diseñadores jóvenes, diseñadores experimentados o ambos?

"Diría que ambos, por diferentes razones. Es bueno para los diseñadores jóvenes porque un kit equivale a ver horas y horas de videos de YouTube sobre cómo diseñar. Especialmente para los estudiantes visuales, cuando puedes ver un diseño que un diseñador con más experiencia creó y ver cómo hicieron las cosas, es como ir a la escuela de diseño. Puedes aprender mucho simplemente diseccionando esos diseños. Si ya eres un diseñador experimentado, el kit puede ayudarte a ahorrar tiempo. Te permite céntrese en detalles más matizados que harán que su diseño destaque al eliminar el trabajo pesado inicial. Recientemente, utilicé kits de IU para un proyecto de cliente porque no tuvimos tiempo de comenzar un diseño desde cero. Especialmente si trabaja para una startup el cambio es muy importante ".

¿Los kits de interfaz de usuario benefician a los diseñadores contratados en una empresa en particular o son mejores para los autónomos?

"Pueden ser útiles en ambas situaciones, pero yo diría que, en general, los diseñadores de tiempo completo tienen más tiempo a su disposición que los autónomos. Por lo tanto, aunque es útil para ambos, los autónomos pueden beneficiarse especialmente de los kits de interfaz de usuario porque el tiempo que usted ahorra en un proyecto te permitirá trabajar en otros proyectos (y eso significa enviar más de esas dulces facturas) ".

Cuéntenos sobre el proceso de lluvia de ideas y diseño de su kit de interfaz de usuario personalizado para Adobe XD CC.

"La gente de Adobe busca constantemente formas de proporcionar valor a la comunidad de diseño (Adobe XD CC es en sí mismo un ejemplo de esa búsqueda incesante de empoderamiento). Se acercaron a mí con la idea de crear un kit de interfaz de usuario para la comunidad y nosotros Trabajamos juntos en un tema. Partí de ahí con el diseño en sí. Comenzamos el kit de interfaz de usuario a mediados de diciembre con un lápiz y papel en cada pantalla. Quería que el kit tuviera aplicaciones muy prácticas y no solo muchos componentes inútiles. (como hacen muchos de los kits de interfaz de usuario, desafortunadamente) ".

¿Cómo pueden los diseñadores utilizar kits de interfaz de usuario para mejorar su flujo de trabajo o diseños?

"Puede mejorar su flujo de trabajo ahorrando tiempo y sobrecarga mental. Existe una gran posibilidad de que si está diseñando una aplicación de reloj inteligente, encuentre componentes en este kit que se apliquen a su aplicación. Tiene una gran ventaja si tiene un Kit de interfaz de usuario de reloj inteligente a su disposición (también es gratis, por lo que literalmente no tiene nada que perder). La mejor manera de usar este kit es volverse loco con él. Úselo como punto de partida para que su mente increíblemente creativa haga algo mágico. Diviértete diseccionando componentes y creando tus propios diseños únicos ".

¿Pueden los diseñadores crear sus propios kits de interfaz de usuario?

"¡Sí! Así es como se crean los sistemas de diseño (que es un tema completamente diferente). Si trata los diseños de sus productos como pequeños kits de interfaz de usuario, puede guardar esos componentes, para que el equipo pueda reutilizarlos a medida que la empresa crece y el producto evoluciona. I creo que eso es lo mejor de los kits de interfaz de usuario. Déle a su equipo de producto componentes reutilizables y le amarán para siempre ".

¿Qué más se incluye en la actualización de Adobe XD?

Estos kits de interfaz de usuario de Adobe sin precedentes no son los únicos elementos que Adobe XD Creative Cloud ofrece a los usuarios esta semana. Su reciente actualización del programa, también lanzada hoy, incluye una amplia gama de nuevas características, una de las cuales es una integración con el programa de alojamiento y uso compartido de archivos Dropbox.

Esta asociación de programa con Dropbox admite vistas previas de archivos XD nativos en dispositivos móviles, web y de escritorio. Para acceder a esta función, los usuarios simplemente guardan un archivo XD en Dropbox. Automáticamente, todos los que tengan acceso a ese Dropbox en particular podrán ver una vista previa, lo que garantizará que los clientes y los diseñadores puedan colaborar y crear experiencias juntos aún más rápido.

"Adobe XD es una herramienta innovadora todo en uno para diseñadores de UX, y estamos entusiasmados de llevar el poder de Dropbox, Adobe XD y Creative Cloud a nuestros usuarios conjuntos", dijo Daniel Wagner, jefe de ingeniería de Dropbox Previews. "Nuestro objetivo es dar rienda suelta a la energía creativa a través de un ecosistema de socios en expansión y conectar herramientas de diseño como Adobe XD con los principales productos de Dropbox para dispositivos móviles, web y de escritorio".

Dropbox no es la única herramienta que Adobe XD agregó a las funciones del programa. Los usuarios también pueden exportar proyectos a programas de terceros, como Zeplin, Avocode y Sympli. Si bien no forma parte del ecosistema de Adobe, los diseñadores utilizan con frecuencia esos otros programas. Integrarlos en XD permite un flujo de trabajo más ágil, claramente, el tema de la semana, al garantizar que los diseñadores puedan pasar proyectos de diseño en varios estados de producción sin problemas.

¿Y lo que es más? Adobe XD ha mejorado los elementos de animación avanzados mediante la coordinación con ProtoPie y Kite Composer y ha agregado estas mejoras al programa:

• Mejoras de usabilidad en Design Specs (Beta), lo que facilita a los usuarios navegar por las especificaciones de diseño en el navegador y trabajar fácilmente con capas enmascaradas.
• Posibilidad de cambiar entre HEX, RGB, HSB en el selector de color. Los usuarios pueden elegir cualquiera de las opciones mencionadas anteriormente en un menú desplegable, lo que facilita el cambio entre los modelos de color en el diseño de la pantalla.
• Exportación por lotes, una nueva opción de exportación a la que se puede acceder a través del menú de archivo. Los usuarios simplemente hacen clic con el botón derecho en el panel Capas para marcar cualquier objeto que deba incluirse en una exportación por lotes.

Conclusión

Con todo, las muchas actualizaciones de Adobe XD junto con los cinco kits de interfaz de usuario gratuitos hacen que esta versión sea la mejor hasta ahora. La nueva actualización de Adobe UX ofrece:

• Cinco kits de interfaz de usuario gratuitos
• Integración con Dropbox
• Integración adicional de aplicaciones de terceros, incluidos Zeplin, Avocode y Sympli
• Mejoras de usabilidad en las especificaciones de diseño
• Posibilidad de cambiar entre HEX, RGB, HSB en el selector de color
• Exportación por lotes fácil y eficiente

A través de una perfecta integración con programas externos y flujos de trabajo mejorados, los diseñadores cercanos y lejanos sin duda podrán maximizar su tiempo y crear diseños innovadores, colocándolos en una posición perfecta para su gran demanda en el futuro.

¿Quieres más novedades de diseño? ¡Suscríbase a nuestro boletín de noticias!