Directoriux
Bienvenido al directoriux, mi directorio de recursos, utensilios y herramientas UX gratuitas o con opciones gratuitas para diseñar la mejor experiencia de usuario posible. Por supuesto este directorio está en constante revisión y se actualizará con el tiempo.
** Si consideras que me dejo algún recurso con opción gratuita por enlazar, puedes sugerírmelo abajo en la sección de comentarios para que lo enlace.
Educación
Sitios webs más que recomendables en los que aprender sobre diseño de experiencia de usuario, diseño de interfaces gráficas, redacción UX, diseño centrado en el usuario o en los que practicar competencias útiles para el diseño UX /UI
Diseño UX / UI
18F Methods
Web con información muy útil sobre el método Human-Center Design
Built for Mars
Web en la que ponen estudios que han hecho de productos digitales famosos
Design Toolkit de la UOC
Fichas informativas con información muy valiosa
Interaction Design Foundation
Web con artículos y cursos creados por gente top del sector
Laws of UX
Web para aprender las leyes psicológicas más importantes para la UX
Nielsen Norman Group
Web con artículos y cursos creados por gente top del sector
Toptal
Plataforma para freelancers pero con un blog muy educativo
Juegos
Color method
Juego para mejorar el reconocimiento de colores y sus modificadores
Foont.co
Juego para aprender a diferenciar entre algunas de las tipografías más famosas
Is centred that
Juego para aprender a ver cuándo un elemento está centrado
Retos
UX Writing
Facilitador del trabajo
Sitios webs con herramientas o micro herramientas para facilitarnos el trabajo de diseño UI y de intereacciones facilitándonos el crear animaciones o assets, gestionar el color o hasta preparar presentaciones para los stakeholders
Color
Color Slurp
Programa para generar colores, crear paletas y comprobar contraste
Diseño
Watermark removers
Herramienta para eliminar las marcas de agua de las fotos de stock
Infografías
Flourish
Web para hacer infografías interactivas con las que sorprender a stakeholders
Producción
Whatruns
Plugin para navegadores que sirve para conocer la tecnología detrás de cada sitio web
Adobe PDFs
Plugin para navegadores que sirve para conocer la tecnología detrás de cada sitio web
Variado
Vídeo
Inspiración
Sitios que usar como referencia para evitar bloqueos creativos, para saber cómo abordar un proyecto o simplemente para aprender y mejorar viendo lo que otros nos proponen.
Color
Picular
Web en la que ponen estudios que han hecho de productos digitales famosos
Consejos
Ask Playbook
Consejos para orientar tu carrera dentro de la industria UX / UI
Diseño
Portfolios
Tipografías
Productividad
Herramientas para ser más rápidos o como mínimo hacer menos tediosa la tarea de diseñar
Checklist Design
Lista de tareas de las diferentes páginas a diseñar para que no se nos pase ninguna
Playbook
Web de almacenamiento en la nube con hasta 4Tb gratis para artistas
Zeroheight
Web para publicar fácilmente el sistema de diseño. La opción gratuita está bastante capada
Recursos
Enlaces a webs menos conocidas que las archiconocidas Unsplash, Freepik o Pixabay que nos aporten recursos como fotografía, ilustraciones, iconos, vídeo, gráficos 3D o incluso música para que podamos completar cualquier proyecto UX / UI con éxito.
Gráficos
Rawpixel
Banco de recursos bastante completo con fotos, ilustraciones, iconos y tipografías
Gráficos 3D
Iconos
Basicons
Web para descargar +300 iconos en diferentes tamaños y ancho de trazo
Flat icons
Web para descargar iconos en formato png o también svg con cuenta pro
Iconic
Web con no muchas opciones gratis pero donde visualizar cómo quedan con fondos
Ilustraciones
Mockups
Clean Mock
Web donde subir capturas de pantallas y poder bajarla metida en un mockup
LS Graphics
Web con recursos gráficos y mockups gratis y de pago
UI Kits
Free Dashboard UI kit
Kit UI con elementos para crear dashboards
https://freedesignresources.net/free-online-courses-dashboard-ui-kit/
E Learning UI Kit
Kit UI con elementos para plataformas de aprendizaje online
Vídeo / Música
Sistemas de Diseño
Los sistemas de diseño que conozco. Úsalos para aprender, para profundizar en los componentes, tokens e instrucciones y para inspirarte. Además, muchos los podrás descargar como UI kits para usarlos en tus proyectos.
California DS
Sistema de diseño del gobierno de California
Vitamin
Sistema de diseño de Decathlon
https://zeroheight.com/726f8c765/p/71b8e3-decathlon-design-system
Software
Enlaces a otras potentes herramientas para completar nuestra labor fuera de Sketch, Figma y la Creative Suite de Adobe. Con ellas podrás animar, colaborar dentro de tu equipo de UX o con stakeholders, hacer UX research y mucho más.
Animación
Principle
Programa para editar interacciones y flujos de pantalla en Mac
Colaboración UX
Figjam
Webapp de Figma para colaboraciones online en directo con varias plantillas
Freehand
Webapp para colaborar online en directo. Tiene muchas plantillas
Whimsical
Webapp para colaborar online en directo. Tiene plantillas de 5 formatos
Investigación
Otros
Zeroheight
Web para publicar fácilmente el sistema de diseño. La opción gratuita está bastante capada
Please add https://framesxdesign.com
Gracias! Me ha servido de mucho
Excelente aporte, no soy desarrollador web, en cambio soy desarrollador Mobile y considero que me es de mucha utilidad muchas de las herramientas de UI/UX que presentas en esta web.
Lo mejor de todo es que está todo en un solo sitio web; Gracias por eso
Hola Bruno! Muchas gracias. Sí, la idea es tener todos mis marcadores juntos en un sitio
Wuao!!! Que gran aporte!!! Muy bueno, saludos.