Una nueva forma de organizar todas tus inspiraciones de diseño.

La mayoría de las personas creativas, como los diseñadores de productos y los artistas digitales, están familiarizadas con Pinterest. La gente lo usa para crear y recopilar tableros de inspiración para diseños de sitios web, pinturas y arquitectura, entre otras cosas. Pinterest ha sido parte de mi vida durante mucho tiempo y mi primera colección data de 2012. Sin embargo, a medida que avanzaba en mi carrera y me convertí en diseñador de productos, la herramienta se ha vuelto menos relevante para mí, ya que muchos aspectos no encajan con mi Personalidad del diseñador de interfaz de usuario. En lugar de estar atascado con Pinterest, encontré una joya escondida de una herramienta llamada Eagle para organizar mi panel de diseño y recursos. Esta publicación girará en torno a las formas y razones por las que abandoné Pinterest y migré todos mis flujos de trabajo profesionales a la aplicación Eagle.

¿Por qué Pinterest no es relevante para el diseño de productos?

Actualmente estoy trabajando en el diseño de una aplicación móvil y web Fintech. Debido a que estoy comenzando desde cero, debo configurar un sistema de diseño, investigar cientos de inspiraciones para diseñar un tablero e investigar opciones de fuentes, paletas de colores, muestras de iconografía, diseños de sitios web, tonos de notificación y patrones móviles. Sería imposible para mí crear una lista de inspiración completa en Pinterest, ya que contiene diferentes tipos de recursos. Para hacer cada una de estas cosas que mencioné anteriormente, necesitará una herramienta que comprenda un formato de archivo en particular y pueda inspirarse en diferentes fuentes.

Aquí es donde Pinterest deja de funcionar, ya que es una herramienta muy simple para recopilar inspiración, pero no funciona para casos de uso avanzado en los que se requiere comprender colores, fuentes, audio y vectores. Por lo tanto, decidí investigar y encontrar una herramienta que se ajustara más a mi caso de uso: Eagle .

¡Empecemos!

En lo que respecta a las herramientas, tanto Eagle como Pinterest tienen el lugar que les corresponde en el ecosistema de recopilación de inspiración. Explicaré a qué me refiero al final del post. Pero como dijo, crear un panel de diseño para un producto requiere que la herramienta aborde casos de uso avanzados que Pinterest no puede manejar. Desglosaré mi proceso de construcción y migración en 10 razones por las que y cómo uso Eagle. Con suerte, estas razones pueden motivarlo a explorar esta próxima herramienta para organizar sus inspiraciones.

01 • Importación rápida de inspiraciones

Muchas de mis inspiraciones están almacenadas en carpetas separadas en Dribbble , Behance y Pinterest, que no se comunican entre sí. Debido a esto, me veo obligado a descargar manualmente imágenes de cada una de estas fuentes en Miro. Sin embargo, el desempeño de Miro se degrada después de un tiempo ya que no puede manejar cientos de imágenes simultáneamente. La aplicación Eagle me ayuda a resolver dos de los problemas más apremiantes en el flujo descrito anteriormente:

1. Extracción por lotes de imágenes de Pinterest, Behance y Dribbble para almacenarlas en un solo lugar. Esto me ahorra tiempo y también me ayuda a mantener todas mis inspiraciones en un solo lugar.
2. La herramienta no falla cuando hay un gran conjunto de imágenes para procesar. De hecho, durante mi uso extensivo, parece que fue construido para eso.

¿Sabías que algunos sitios como Behance bloquean el clic derecho del mouse que impide que las personas descarguen imágenes? Afortunadamente, Eagle-app supera esta restricción de JavaScript.

02 • Recursos de la comunidad

Cuando me mudé de Sketch hace unos cinco años, el soporte de la comunidad dentro de Figma era una característica destacada que incluso hasta el día de hoy me ayuda a aprender de otros diseñadores, descargar recursos gratuitos creados por otros diseñadores e interactuar con personas que nunca pude conocer en persona. Puedo decir que la razón por la que las personas usan Pinterest es por esta misma razón en la que simplemente pueden fijar las imágenes de otras personas y crear sus tableros de inspiración. Con Eagle, puedo desviar mi atención a su Comunidad para recolectar recursos y no solo inspiración. Por ejemplo, puedo descargar fuentes, iconos e ilustraciones para mi trabajo de interfaz de usuario de diseño de productos.

03 • Etiquetado y filtrado de imágenes

La clasificación de imágenes después de recopilar megatoneladas de inspiraciones en mi moodboard es una pesadilla. Eagle me permite etiquetar todos mis recursos con múltiples palabras clave, lo que me permite llegar a la imagen más relevante más rápido que nunca. Para dar un ejemplo, tengo que recopilar instantáneas de Revolut. Las instantáneas se pueden clasificar como:

1. Campañas de marketing/promoción
2. pliegues del sitio web
3. patrones de aplicaciones
4. Imágenes de App Store y Play Store

04 • Caza por paleta de colores

Cuando estaba creando mi moodboard Fintech en Eagle, buscar imágenes que tuvieran el mismo color azul o uno similar fue extraordinariamente útil. En el mundo de las aplicaciones de billetera fintech, el azul es un color usado en exceso, y toneladas de aplicaciones en las que me inspiré usaban el color azul. Me habría llevado mucho tiempo encontrar todas las imágenes con colores azules de tonos similares. Eagle puede distinguir imágenes usando colores porque descompone cada imagen en una paleta de seis colores que se puede usar como filtros.

La función de paleta de colores de Eagle captura notablemente los valores HEX, RGB, HSL y CMYK para cada color y le permite copiarlos en el portapapeles para su uso posterior en otra herramienta de diseño.

05 • Compatibilidad con 90 tipos de formato de archivo

He guardado una variedad de recursos y activos en mi biblioteca Eagle y estoy asombrado de ver la variedad de tipos de archivos que admite la herramienta. Puede procesar 90 tipos de archivos que incluyen todo tipo de imágenes, recursos basados ​​en objetos 3D, archivos basados ​​en herramientas como Fig/PSD/Ai, video, audio, fuente, imagen RAW y formatos basados ​​en documentos como XLS y DOC . Para darle un ejemplo, aunque Figma ahora es propiedad de Adobe, no puedo simplemente abrir y obtener una vista previa de los activos vectoriales de Adobe como AI, EPS o PDF en Figma. Una solución unificada que admita una amplia variedad de tipos de archivos es imbatible para todas las creatividades.

06 • Guardar enlace en vivo

Al diseñar páginas de destino, es importante guardar los enlaces web . Las instantáneas de una sección en particular son una solución ordinaria que no es suficiente. Por lo general, necesito guardar un enlace en vivo y una instantánea del sitio web. Herramienta basada en el complemento de Chrome: FireShot es una excelente opción para capturar todo el sitio web y, combinado con Eagle , también puede guardar la URL en vivo del sitio web. La mejor parte del guardado de URL de Eagle es que abre el sitio web dentro de la herramienta, lo cual es excelente para reducir las distracciones y mantenerme dentro de mi flujo de trabajo.

07 • Gestión de carpetas anidadas

Interconectar una carpeta con otra para crear una relación padre-hijo mientras se recopilan imágenes de fuentes similares es excelente para la gestión y la jerarquía de la información. Desafortunadamente, Pinterest no admite el anidamiento de tableros, pero Eagle sí. Para mi caso de uso, tuve que segregar todas las imágenes de Playstore y Appstore por separado y al mismo tiempo tener carpetas individuales para cada aplicación donde capturé una larga lista de vistas previas de aplicaciones. Encontré un atractivo enlace de soporte que explica todas las operaciones de carpetas que el usuario puede realizar con la aplicación Eagle.

08 • Encontrar duplicados

Todos los diseñadores se habrían enfrentado a este problema en el que terminan agregando la misma imagen dos veces en varios tableros, a veces a sabiendas y, a menudo, por error. A la mitad del ejercicio, decidí escanear toda mi biblioteca para encontrar 67 imágenes que son copias idénticas entre sí en diferentes carpetas. Pasé quince minutos publicando ese descubrimiento eliminando manualmente los duplicados no relevantes y guardando algunos con una nota para no eliminarlos en el futuro.

09 • Funciona desde el portapapeles o arrastrar y soltar

Como ya te habrás dado cuenta de mi experiencia, configurar un moodboard bien diseñado es una tarea desafiante. Requiere mucho trabajo y completar los nombres de las imágenes, las descripciones y otros valores, lo que me parece bastante mundano. Por lo general, paso de 2 a 3 horas simplemente tomando capturas de pantalla de múltiples fuentes y luego organizándolas en estructuras de carpetas lógicas. Dado que la cantidad de capturas de pantalla puede ser de más de 200, la función de arrastrar y soltar es útil. A diferencia de Pinterest, puedo arrastrar y soltar más de 200 imágenes desorganizadas en Eagle y elegir mantenerlas como están u organizarlas más tarde cuando sea necesario. La aplicación no me obliga a nombrar cada uno de mis archivos. Por lo general, termino categorizando y renombrando en masay etiquetarlos en menos de 10 minutos. También puedo copiar y pegar imágenes directamente desde mi portapapeles, lo cual es excelente cuando se trata de una herramienta como Figma o Confluence.

10 • Genial para un panel de estado de ánimo del sistema de diseño

Al final, Eagle, como mencioné anteriormente, es excelente para crear un panel de inspiración de diseño de productos. Así es como se veía la estructura de carpetas de mi moodboard durante la fase de recopilación:

Terminé coleccionando mucha más inspiración móvil y web. El paquete total constaba de informes fintech anuales, paletas de colores, flujos de aplicaciones, patrones de diseño, capturas de pantalla de Playstore/AppStore, tonos de notificación, logotipos, íconos, ilustraciones y colecciones de URL de sitios web reales.

Hay una cosa mas…

Incluso con todas las grandes cosas que puedo lograr con Eagle, hay un detalle que creo que se puede mejorar. Eagle es principalmente una herramienta basada en el cliente instalada localmente. Esto significa que no puedo explorar mis imágenes en un dispositivo móvil y no puedo acceder a mis inspiraciones desde un dispositivo solo en línea como un iPad. Todavía puedo hacer una copia de seguridad de toda mi biblioteca en Google Drive o Dropbox, pero no puedo verlas si no tengo acceso a mi computadora portátil. Aunque esto no es un factor decisivo, no es lo ideal. Cuando empiezo un nuevo proyecto, a menudo estoy obsesionado con recopilar mucha inspiración de vez en cuando, lo que significa que soy propenso a recopilar imágenes mientras realizo actividades como viajar al trabajo.

Espero que Eagle en su versión futura pueda admitir una experiencia basada en dispositivos móviles. Puede ser particularmente complicado de resolver cuando se trata de tipos de archivos grandes, pero una forma de mostrar solo recursos PNG, JPEG, WEBP, GIF, MP3 y MP4 en la versión en línea, y otros tipos de archivos complejos podrían bloquearse para que no se previsualicen. Esta solución podría cubrir un amplio conjunto de colecciones basadas en imágenes.

Como solución inmediata a este problema, sigo usando una herramienta habilitada para dispositivos móviles como Pinterest o Behance para capturar ideas y soluciones sobre la marcha. Más tarde, extraigo todo mi repositorio en la nube a Eagle, lo que me permite unificar todas las ideas.

Notas finales

Al fin y al cabo, Eagle es una herramienta como cualquier otra. No puede filtrar ideas de mierda ni ayudarnos a crear una aplicación estelar automáticamente. Lo que hace es mejorar el flujo de trabajo para aumentar nuestra productividad y mejorar la velocidad de ejecución. He ahorrado una tonelada de tiempo y esfuerzo saltando entre diferentes flujos de trabajo y herramientas solo para organizar y consumir mis ideas e información sistemáticamente. Comencé mi exploración con eso en mente y logré exactamente eso usando la aplicación Eagle . Si está buscando una herramienta alucinante que lo ayude a organizar un conjunto complejo de activos y realizar un montón de operaciones prácticas en sus recursos, no busque más.

Ese es el final de esta lectura breve pero, con suerte, perspicaz. Gracias por llegar hasta el final. Espero que hayas ganado algo con eso.

‍ Únase a mi verso de contenido o deslícese en mis DM en LinkedIn , Twitter , Figma , Dribbble y Substack . ¡Comenta tus pensamientos y comentarios, o inicia una conversación!