La lista definitiva de recursos UX / UI para cualquier diseñador

Hay toneladas de herramientas y recursos para ayudar a los diseñadores en su día a día. La Fabrique le ofrece la lista más completa de recursos de diseño en la web. Suficiente para alimentar tu barra de marcadores, y darte inspiración para decenas de proyectos UX / UI.

Inspiraciones

Lapa Ninja

Lapa Ninja te ofrece una recopilación de las mejores landing pages encontradas aquí y allá en la web. Encontrarás inspiraciones para todo tipo de webs.

homepage-lapa

Inspiración de diseño

Inspiración de diseño es un banco de todo tipo de diseños. Puedes buscar los diseños más recientes y populares, o incluso dejar que el sitio te sugiera algunos diseños al azar. Si tienes una idea concreta en mente, el sitio ofrece, obviamente, una barra de búsqueda que te ayudará a guiarte.

homepage-diseño-inspiración

Carteles Tipográficos

Carteles Tipográficos actúa como una galería de carteles de todo tipo, que busca destacar especialmente las diferentes culturas del mundo. Esta puede ser o herramienta original y especialmente inspiradora para desarrollar tus propios diseños.

homepage-posters

Cómo Diseño

Cómo Diseño es uno de los blogs más completos sobre diseño. Si te sientes cómodo con el inglés, encontrarás un sinfín de recursos técnicos y artísticos para tu proyecto.

homepage-howdesign

Inspiration Hut

Serie de diseño profesional, con algunos recursos adicionales como la caligrafía. Inspiration Hut ofrece contenidos gratuitos y de pago.

homepage-inspiration-hut

Otros recursos:

  • Esto es colosal: Arte, diseño y cultura de la imagen
  • Land-Book: Inspiraciones de la web
  • Yanko Design: Diseño industrial & moderno
  • Savee: Diseño de todo tipo
  • DeMilked: Tienda de diseño
  • Design Snips: Banco de diseño
  • Collect UI: Una colección de más de 14.000 de diseño web
  • Guía de Estilos: Una colección de recursos para crear estilos de guía Front-End
  • Movimiento UI: Comunidad para compartir diseños
  • EmptyStat: Lista de diseños para objetos vacíos
  • Competidores: Las mejores referencias de UX, organizadas por industria
  • UIJar: Lista de inspiraciones
  • GangBase: Una gran base de datos de diseño
  • Hixle: Lista de diseño de interfaz de usuario y otros recursos, directamente en tu buzón de correo electrónico
  • Páginas: Una selección de las mejores páginas web
  • Correos realmente buenos: Inspiraciones para los correos electrónicos de diseño

Producto

Plantilla de productos

Plantilla de productos es una solución de gestión de productos que ayuda a identificar las necesidades de los usuarios, para luego priorizar las acciones y reunir a sus equipos con una hoja de ruta.

homepage-product-board

Manual de Productos

El Manual de Productos es una lista de productos para los usuarios.

homepage-producto-manual

Otros recursos:

  • Blog de Marvel App: Preguntas de diseñadores de UX

Prospección

Primeros usuarios

First Users es un sitio para conocer cómo las empresas consiguieron sus primeros usuarios.

homepage-primeros-usuarios

Optimal Workshop

Optimal Workshop desarrolla una suite de herramientas para mejorar la navegación de tu sitio web, la arquitectura, entender mejor los primeros clics, etc…

homepage-optimal-workshop

Xtensio

Xtensio te permite crear personas para tus demostraciones y otras pruebas. La plataforma es gratuita.

homepage-xtensio

Patrones

Pttrns

Pttrns es una de las mejores colecciones de diseño de patrones, con varios recursos y otra inspiración.

homepage-pttrns

UI Garage recoge todas las últimas inspiraciones en diseño de IU y patrones de IU. La plataforma ofrece estos recursos para web, móvil y tablet.

homepage-uigarage

UI Patterns ofrece patrones de interfaz de usuario que son soluciones comúnmente utilizadas para problemas de diseño comunes.

homepage-uipatterns

Otros recursos:

  • Biblioteca de patrones
  • PatternTrap
  • Patrones de etiquetas
  • Mobbin: Una colección de patrones para móviles

Canvas

Caja de herramientas de Design Better

Design Better ofrece una lista consistente de herramientas para desarrollar tu proyecto de diseño. Desde la preparación hasta la validación, se ofrecen varios recursos para llevar a cabo tu proyecto.

homepage-designbetter

DIY Toolkit

DIY Toolkit, es una caja de herramientas sobre cómo inventar, adoptar o adaptar ideas que pueden obtener mejores resultados. Las herramientas que se ofrecen pretenden ser rápidas y ergonómicas para ayudar a los desarrolladores ya ocupados.

página web-diy-toolkit

Otros recursos:

  • Aquí encontrarás una recopilación de lienzos utilizados por el diseñador Fernando Comet

Diseño de Sistemas

DesignBetter

DesignBetter es un sistema de diseño que une a los equipos de producto en torno a un lenguaje visual común, con el objetivo de minimizar las pérdidas de tiempo innecesarias para acelerar el proceso de diseño. DesignBetter también ofrece canvas, como se ve arriba.

homepage-designbetter

Storybook

Storybook es un amplio banco de diseños, y otros componentes.

homepage-storybook

Polaris

Polaris es un diseño de sistema que pretende crear la mejor experiencia posible para los comerciantes en Shopify.

homepage-polaris

Otros recursos:

  • Atlassian
  • Sistema de diseño de carbono
  • Nachos
  • Proyectos laterales

Inteligencia artificial

Flowmapp

Flowmapp es una herramienta online para crear sitemaps interactivos para el desarrollo web, y preparar una mejor base UX.

homepage-flowmapp

Treejack

Treejack es una herramienta de pruebas para validar las funciones de inteligencia artificial de tu sitio. La herramienta prueba su sitio sin tener en cuenta las imágenes y otros elementos cosméticos. De este modo, le permite partir de una base sólida antes de atacar la fase de diseño de su proyecto.

homepage-treejack

Otros recursos:

  • Goggle
  • La información es bella

Ideación

Herramientas de diseño de servicios

Las herramientas de diseño de servicios son una colección de herramientas desarrolladas para tratar los sistemas más completos. El sitio también ofrece un feed de noticias sobre el tema.

homepage-servicio-herramientas

Masticables

Masticables es un completo conjunto de contenidos interactivos. La plataforma te proporciona herramientas, ejercicios y otras experiencias que desafían los patrones de pensamiento tradicionales.

homepage-chewables

El generador de ideas

El generador de ideas: mejora la calidad de tus sesiones de brainstorming.

página de inicio-generador de ideas

Otros recursos:

  • Innovación en el servicio: una serie de tarjetas de puntos de contacto de todo tipo
  • La tabla periódica de la narración: Una divertida versión de la tabla periódica de los elementos, pero en versión cuento

Nombres

  • Onym: Herramientas y recursos varios para nombrar los diferentes elementos de tu proyecto
  • Namelix: Generador de nombres de empresas
  • Comprobación del nombre de la startup: Comprueba si el nombre de tu empresa está disponible en la web y en las redes sociales
    • Edición

      Voz y tono

      Voz y tono recoge un montón de ideas e inspiraciones sobre el mejor tono a adoptar en tus mensajes.

      homepage-voz-tono

      Aplicación Hemingway

      La aplicación Hemingwayy te ayuda a escribir tus contenidos de forma rápida y eficiente. La app es capaz de detectar tanto los errores más simples como los más complejos, al igual que te avisa si tus frases son demasiado largas, o demasiado cortas, etc…homepage-hemingway

      Otros recursos:

      • Hey Nishi
      • Escritor tranquilo

      Prueba

      Investigación a distancia

      Investigación a distancia es una biblioteca de información sobre controles a distancia, sobre todos los comportamientos que implican características de diseño.

      homepage-investigación

      Lista de comprobación UX

      La lista de comprobación UX, como su nombre indica, es un listado exhaustivo de pasos a realizar para sus pruebas.

      homepage-ux-checklist

      Pruebas de usuario

      Las pruebas de usuario le ofrecen, en sólo 2 horas, los conocimientos que necesita para dar al cliente lo que quiere.

      homepage-usertesting

      Lookback

      Lookback es una herramienta que te permite entender mejor cómo se comportan tus usuarios en tu sitio o app.

      homepage-lookback

      Sin Francisco

      Sin Francisco es una rica colección de herramientas y recursos para ayudarte a desarrollar tu UX
      homepage-sin-francisco

      Otros recursos:

      • Toolbox
      • GoodUI
      • Dominio de la UX
      • UXCam
      • Watchsend
      • Userzoom
      • Previsualización de Skala
      • Reflector
      • Grabador de UX
      • Userlytcis
      • .

      • Azetone

      Encuesta

      Conoce

      Conoce es un chatbot que permite crear encuestas dinámicas de un nuevo tipo

      homepage-acquainted

      Colores

      BrandColors

      BrandColors es la mayor colección de colores oficiales de las marcas más famosas. Una gran fuente de inspiración si algunos colores llamativos de marcas famosas te han impresionado.

      homepage-brandcolors

      Adobe Color CC

      Adobe Color CC te ofrece una rueda de colores personalizable, ideal para determinar un conjunto de colores para tu proyecto.

      homepage-adobe-color

      Coolors

      Coolors está en la línea de la herramienta de Abode, te permite generar fácil y rápidamente un conjunto de colores para tu proyecto de diseño.

      homepage-coolors

      Colour Lovers

      Colour Lovers es una amplia comunidad mundial de personas que crean y comparten sus paletas de colores favoritas.

      página de inicio-amantes del color

      Otros recursos:

      • Presentación de Color Claim
      • Paleta de diseño de materiales
      • Pigmentación de ShapeFactory
      • Paleta de arte de Google
      • Khroma
      • Colores planos IU 2
      • Huesnap
      • Duotones
      • Brent Jackson: Colorable y Hello Color
      • Recogedor de colores de datos
      • Fondos de pantalla chulos
      • Creación de sitios – Estimación de precios personalizada

        La Fabrique du Net ha desarrollado un motor de recomendación que le permite obtener una estimación de precios detallada y gratuita, así como una selección de software y proveedores adaptados a sus necesidades de creación de sitios web.

        Creación de proyectos web

        100% gratis

        Tipografía

        Escala modular

        Escala modular es una herramienta que te permite identificar los diferentes tamaños ideales para tus textos.

        homepage-modular-scale

        Google Fonts

        Google Fonts es una selección de cerca de 900 tipos de letra, utilizables de forma gratuita.

        homepage-google-font

        Sistema tipográfico de Material Design

        Material Design te trae tipografías y estilos que han demostrado su eficacia en UI y UX.

        homepage-material-design-font

        TypeKit

        Adobe TypeKit es un banco de tipografía. Puede buscar allí un tipo de letra concreto o dejarse seducir por las sugerencias del sitio.

        homepage-typekit

        Otros recursos:

        • Font Awesome
        • Type Scale
        • Archetype
        • Fontjoy

        Mockups

        Dispositivos de Facebook

        Dispositivos de Facebook te proporciona imágenes ideales de los dispositivos de visualización más comunes para tus mockups.

        homepage-fb-diseño

        App Launch Pad

        App Launch Pad es un banco de imágenes de calidad gratuito, y cuenta con una aplicación sencilla e intuitiva para desarrollar tus proyectos.

        homepage-applaunch

        unDraw

        unDraw es una colección constantemente actualizada de ilustraciones con licencia MIT.

        homepage-undraw

        Sneakpeekit

        Sneakpeekit te ofrece dibujos de varias interfaces (smartphone, tablet, navegador, etc…), declinados en varias formas.

        homepage-sneakpeekit

        Interfaz de usuario (UI)

        MoodilyApp

        Con MoodilyApp, recopila y colabora en diseños inspiradores, con tus compañeros, tus clientes y todos tus interesados.

        homepage-moodilyapp

        Generador de avatares

        El Generador de avatares es una herramienta gratuita y online, para quien quiera crear su propio avatar fácilmente

        homepage-avatar-generator

        Flaticon

        Flaticon es un rico banco de vectores y otros iconos. Cerca de 1 millón de iconos, agrupados en 20.000 paquetes.

        homepage-flaticon

        Otros recursos:

        • El Proyecto Noum
        • Herramientas de ilustración

        Interfaz de usuario de voz (VUI)

        Amazon Alexa Skills It

        Alexa es un servicio de voz desarrollado por Amazon, detrás de millones de dispositivos, que tiene como objetivo proporcionar a los clientes una experiencia más personalizada.

        homepage-alexa-amazon

        Google Conversation Design

        Google Conversation Design es un kit de herramientas de desarrollo de voz para tus proyectos digitales.

        homepage-google-conversation

        Documentación de las habilidades de Cortana

        La documentación oficial de Cortana, el asistente de voz desarrollado por Microsoft.

        homepage-cortana

        Directrices de la interfaz humana de Apple (Siri)

        De forma similar a lo anterior, puedes encontrar todas las directrices para Siri aquí.

        homepage-apple-siri-guidelines

        Otros recursos:

        • Asistentes de voz & altavoces inteligentes
        • Speak Easy Global Edition
        • El auge de la voz
        • Todo sobre la voz, y cómo hacerla
        • IA para VUI: Los fundamentos de la conversación

        Fotos gratis

        homepage-

        Unsplash

        homepage-unsplash

        Pexels

        homepage-pexels

        VisualHunt

        homepage-visualhunt

        Herramientas de análisis

        FullStory

        FullStory te permite ir más allá en el análisis del comportamiento de los usuarios de tu sitio, incluyendo la detección de elementos de fricción y desaliento, no siempre fáciles de detectar.

        homepage-fullstory

        Hotjar

        Hotjar introduce una nueva forma de analizar los datos, para entender el comportamiento de los usuarios en su sitio más profundamente.

        homepage-hotjar

        Google Analytics

        Google Analytic es la plataforma de análisis de tráfico web más famosa. Gratuita, completa y altamente personalizable, un buen dominio de la herramienta puede ahorrarle mucho tiempo en el desarrollo de su proyecto web.

        homepage-google-analytics

        Otros recursos:

        • Optimizely
        • Splitter
        • Kissmetrics Blog
        • Appsee

        Productividad

        RescueTime

        RescueTime es una herramienta para ayudar a tus equipos a centrarse en un proyecto, y así ganar productividad.

        homepage-rescuetime

        Trello

        Trello es una de las herramientas de co-working más conocidas. Su sistema de tarjetas permite delegar ciertas tareas de forma eficaz e intuitiva. Simple y eficaz.

        homepage-trello

        Pomelloapp

        Pomelloapp va de la mano de Trello. La aplicación permite añadir técnicas de productividad llamadas Pomodoro.

        homepage-pomello

        Otros recursos:

        • Task Timer
        • Timeneye
        • Timely

        Emprendimiento web

        Rocket Internet

        Rocket Internet incuba e invierte en varios proyectos web, y en empresas tecnológicas más ampliamente.

        homepage-rocket-startup

        Startup Mate

        Startup Mate es una completa colección de todo tipo de recursos para tu proyecto digital.

        homepage-startupmate

        Startup Stash

        Startup Stash sigue los pasos de la herramienta anterior, ofreciendo un montón de herramientas para ayudarte a desarrollar las primeras etapas de tu proyecto.

        homepage-startupstash

        Otros recursos:

        • Herramientas para startups
        • Colecciones para startups
        • Failory
        • Estartup con Google
        • Crunchbase
        • Republic

        Calcular los costes de una aplicación

        Cleveroad

        Cleveroad se basa en aplicaciones conocidas para estimar el tiempo de desarrollo que requerirá su proyecto

        homepage-cleveroad

        Estimar mi App

        Estimar mi App te ofrece responder a unas cuantas preguntas sobre tu proyecto de app, para proponerle un presupuesto coherente para completar su proyecto.

        homepage-estimate-app

        Otros recursos:

        • Otreva
        • Cuánto cuesta hacer una App
        • Coste de estimación de la App

        Cartera

        Formato

        homepage-formato

        Colectivo de carga

        homepage-cargo

        Persona

        homepage-persona

        Squarespace

        homepage-squarespace

        Otros recursos:

        • Semplice
        • Behance
        • Html5up
        • Fabrik
        • Weebly
        • Viewbook
        • Portfoliobox

        Reto:

        Reto del escritor ninja de 31 días

        homepage-31dayninja

        #30dayUXchallenge

        homepage-30dayux

        Otros recursos:

        • Reto UI Collect
        • Reto UI Daily
        • Reto UpLabs

        Programación

        Quickcode

        Quickcode ofrece tutoriales y otros recursos de codificación para el desarrollo web y móvil, big data, machine learning, y mucho más.

        homepage-quickcode

        Superhi

        Superhi, al igual que Quickcode, ofrece cursos de codificación para la web.

        homepage-superhi

        Páginas de aterrizaje de Bootstrap

        Bootstrap ofrece una colección de páginas de aterrizaje gratuitas, a través de varios temas y plantillas.

        homepage-bootstrap-code

        Carrd

        Carrd ofrece páginas, de forma gratuita, que son responsivas y están listas para ser utilizadas en la mayoría de los proyectos web.

        homepage-carrd

        Pluralsight

        Pluralsight es una plataforma que te ayuda a codificar tu proyecto. Ya sea desarrollo de software, procesamiento de datos o incluso ciberseguridad, todo está aquí.

        homepage-pluralsight

        Otros recursos:

        • Udacity
        • CodeAcademy
        • FreeCodeCamp
        • Treehouse
        • Khan Academy

        Tutoriales & cursos online

        Hackr-Diseño

        Hackr-Design, es un listado completo de cursos online sobre las herramientas de UX más utilizadas.

        homepage-hackr

        Udemy

        Udemy ofrece cursos online con descuento sobre una variedad de temas, incluyendo UX y UI.

        homepage-udemy

        Academia de Google

        Google ofrece muchos tutoriales para aprender a utilizar mejor sus distintas herramientas, especialmente para Google Analytics.

        homepage-google-academy

        Otros recursos:

        • UNIR
        • UOC
        • Platzi: UX y Producto
        • Fundación de Diseño de Interacción
        • B.F.A en Diseño UX
        • Udacity/Google: Diseño UX para desarrolladores móviles
        • Inlearnity
        • El mejor curso de Diseño UX
        • 30 mejores páginas web de cursos online para aprender UI/UX
        • 20 cursos UX gratuitos y de pago que te encantarán

        Los inclasificables

        • Notion: Un espacio de trabajo colaborativo para tus notas, wiki, tareas, etc.
        • Guía de UXR: Una colección de más de 250 herramientas dedicadas a la investigación de usuarios
        • Toptal: Los 10 mejores entregables de UX
        • Libro de juego de UX: Hanno’s UX playbook
        • Talebook: Marco interactivo de investigación UX
        • UX Overflow: El lugar donde encontrar respuestas a tus preguntas para un deisgner
        • Miro: Pizarra online colaborativa
        • Proceso de diseño UX: Una lista de control para seguir paso a paso los pasos clave de tu proyecto de diseño
        • Todo sobre UX: Banco de recursos sobre UX
          • ¿Buscas un proveedor web?

            Portarrollos

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *