awesome product design

Diseño de producto impresionante

Una colección de marcadores, recursos, artículos para diseñadores de productos.

El diseño del producto digital es un proceso de diseño iterativo para resolver un problema funcional con una solución formal. Un diseñador de productos digitales identifica un problema real, ofrece la mejor solución posible y la inicia a un mercado que muestra la demanda de esa solución en particular.

Siéntase libre de agregar algo interesante por solicitud de extracción.

Contenido

• Investigación
• Ux
• Ui
• Visual
• Prototipo
• Accesibilidad
• Escribiendo
• Datos
• IoT

Investigación

Métodos

Toma de decisiones

• Unos: herramientas y marcos de pensamiento para ayudarlo a resolver problemas, tomar decisiones y comprender los sistemas.

Plan de investigación

• Smashing Magazine: el plan de investigación de UX que aman las partes interesadas.
• Grupo NN - Gestión de proyectos para la investigación de usuarios: el plan.
• Diseño de interacción: un plan de investigación de usuarios de una página.
• Branding5: haga un posicionamiento de marca como base para sus diseños.

Entrevista de usuario

• Grupo NN: a pesar de muchas debilidades, las entrevistas son un método valioso para la investigación exploratoria de los usuarios.
• Uxdesign.cc: cómo obtener el máximo provecho de entrevistas de los usuarios.

Entrevistas a las partes interesadas

• Cajas y flechas - Hoja de trucos para entrevistar a las partes interesadas.
• UX Aprendiz - Plantilla de entrevista de partes interesadas.
• Diseño de interacción: preparación para las entrevistas de las partes interesadas de UX.

Síntesis de investigación

• Movimiento UX: cómo convertir la investigación de usuarios en datos utilizables.
• SlideShare - Síntesis de investigación de diseño.
• Medio: utilizando Trello para la síntesis de investigación de usuarios.
• Tuts+ - Cómo preparar y usar un diagrama de afinidad.
• Diagramas de afinidad medio: consejos y trucos.

Análisis competitivo

• Xtensio - Cómo: Crear un análisis competitivo.
• HOOTSUITE - Plantilla de análisis competitivo para ayudarlo a superar a la competencia.

Trabajo a hacer

• Intercom: Diseño de características utilizando historias de trabajo.
• JTBD - Reemplazar la historia del usuario con la historia de trabajo.

Persona

• Usability.gov: el propósito de las personas es crear representaciones confiables y realistas de su audiencia clave.
• UX Mag - Personas: la base de una gran experiencia de usuario.
• Tuts+ - Definición y aplicación de personas al diseño UX.

Mapa de empatía

• Pin UX - La guía práctica de los mapas de empatía: personajes de usuario de 10 minutos.
• Boagworld - Adaptando mapas de empatía para el diseño de UX.

Letrero

• Revista UX: guión gráfico en el proceso de diseño de software.
• Medium - Storyboard en diseño de UX.
• Grupo NN: cuándo y cómo crear mapas de viaje del cliente.
• UX Lady - Mapas de experiencia, viajes de usuario y más.
• Smashing Magazine: todo lo que necesitas saber sobre el mapeo del viaje del cliente.
• Medio: cómo construir un mapa de experiencia.

Artículos

• Smashing Magazine - La hoja de cálculo de Rainbow: una herramienta de investigación colaborativa de Lean UX.
• Coglode - Análisis de investigación de comportamiento del tamaño de un bocado.

Pruebas

• Prueba de usuario: desbloquee las ideas del cliente y aumente sus ingresos.
• Taller óptimo: plataforma de investigación de usuarios que lo ayuda a usted y a su equipo a tomar decisiones de diseño con confianza.
• Medir el éxito: ¿cómo se mide el éxito (o falla) de su diseño UX?
• Lookback: investigación simple y poderosa de usuarios.
• Historia completa: ¿qué quiere saber sobre la experiencia de su cliente?
• Desinion: tome decisiones de diseño inteligentes e informadas para su empresa o la empresa de su cliente.
• Survey Monkey: convierta los instintos en ideas.
• Etnio: intercepta personas reales para la investigación de usuarios.

Ux

Pautas

• The UX Bookmark - Colección de los mejores sitios web de UX de todo el mundo.
• GOV.UK - Ayudar a los equipos gubernamentales a crear y administrar excelentes servicios digitales.
• Métodos 18F - Colección de herramientas para llevar el diseño centrado en el ser humano a su proyecto.
• Guías 18F - 18F Guías es el repositorio de las mejores prácticas en nuestros equipos.
• Usability.gov - Mejora de la experiencia del usuario.
• Medial Lab Amsterdam - Método de diseño Kit de herramientas.
• Kit de diseño IDEO-Guía paso a paso para desatar su creatividad.
• Gamestorming: Gamestorming es un conjunto de herramientas de co -creación utilizadas por innovadores de todo el mundo.

Artículos

• Revista UX - La revista UX es un recurso comunitario gratuito que explora todas las facetas del diseño de experiencia.
• Booth UX: el stand de UX es una publicación de la comunidad de experiencia del usuario y para la experiencia del usuario.
• Mastery de UX: ayudamos a los profesionales de la experiencia del usuario a comenzar y mejorar.
• Mitos UX: construya su producto en función de la evidencia, no las creencias falsas.
• Una lista aparte: la lista aparte explora el diseño, el desarrollo y el significado del contenido web.
• 52 semanas de UX - Discurso sobre el proceso de diseño para personas reales.
• PIN UX: guías, artículos y libros electrónicos que exploran todas las facetas del diseño de UX.
• La biblioteca IXD - Colección de materiales relacionados con el diseño de interacción.
• Lukew - Publicaciones sobre los detalles críticos y el panorama general detrás del diseño de productos digitales.
• Grupo NN: investigación, capacitación y consultoría de experiencia del usuario basada en evidencia.
• Diseño de información - Infodesign seleccionada desde 1997.
• Intercom - Diseño, éxito del cliente y blog de inicio.
• UxDesign.CC - Experiencia del usuario, usabilidad, diseño de productos. Sigue el UXDesign.cc.
• Reacciones de UX - Cosas divertidas.

Herramientas

• Receta UX: este proyecto es un manifiesto personal contra la objetivación del término "UX".
• Lista de verificación UX - Lista de verificación del proyecto UX.
• UX stackexchange - UX Stack Exchange es un sitio de preguntas y respuestas.

Ui

Pautas

• Diseño de hormigas: un lenguaje de diseño de UI para aplicaciones empresariales.
• Directrices de iOS: obtenga información en profundidad y recursos de UI para diseñar excelentes aplicaciones que se integren perfectamente con las plataformas Apple.
• Google Material: el diseño de materiales es un sistema unificado que combina teoría, recursos y herramientas para elaborar experiencias digitales.
• Google Design: Google Design es un esfuerzo cooperativo dirigido por un grupo de diseñadores, escritores y desarrolladores de Google.
• Diseño de Facebook: colección de artículos, videos y recursos hechos por diseñadores en Facebook.
• Ustwo - Manual de precisión Pixel Perfect 3.
• Vinsol - Consejos para diseñadores: de un desarrollador.

Inspiración

• PTTRNS: la madre de todos los recursos de diseño.
• Llame a la idea: ¡ilumina tu imaginación!.
• Netrees de Android: con el objetivo de proporcionar inspiración e información sobre las convenciones de interfaz de usuario de Android.
• Lovely UI - Colección de elementos de interfaz de usuario móviles.
• Brian Lovin - Exploración visual de los mejores productos.
• UI inspirada - Patrones de diseño de aplicaciones móviles de iOS.
• UI descuidada: se trata de honestidad intelectual, no de trolling.

Herramientas

• Laboratorio de patrones: cree sistemas de diseño atómico con laboratorio de patrones.
• Enorme - herramienta para facilitar la creación y mantenimiento de las guías de estilo.
• Figma Bootstrap 5 UI Kit - Kit de interfaz de usuario que comprende más de 300 componentes de arranque organizados 5 construidos con sistema de diseño atómico y diseño automático.
• Kit de interfaz de usuario de bootstrap 5 Sketch: kit de interfaz de usuario que comprende más de 300 componentes organizados Bootstrap 5 construidos con sistema de diseño atómico y diseño inteligente.

Visual

Recursos

• Principios de diseño FTW: la mayor colección de principios de diseño en Internet.
• Awesome Design Systems: lista curada de sistemas de diseño, bibliotecas de patrones y todo lo demás.
• Awesome Sketch - Lista curada de videos de bocetos increíbles, artículos, complementos, lo que sea, para diseñadores, desarrolladores o ninguno de los dos.

Íconos

• Use Iconic - Conozca Iconic. El conjunto de iconos definitivos diseñado para la web moderna.
• Buscador de iconos: busque a través de 1,739,045 iconos o explore 42,226 conjuntos de iconos.
• Nos encanta la fuente de iconos: este es un servicio de alojamiento de fuentes de iconos gratuitos y de código abierto.
• El proyecto sustantivo - íconos para todo.
• IconMonstr - Descubra más de 3847 iconos simples gratuitos en 263 colecciones.

Fundrías de fuentes

• Open Foundry: nueva plataforma para fuentes de código abierto en un entorno sin ruido.
• Use y modifice: proporcione un conjunto contemporáneo de fuentes distribuidas bajo licencias libre o de código abierto, elegido a mano por una tipografía y un amante de la cultura libre.
• Font Fabric: Fontfabric es una fundición de tipo independiente.
• Font Squirrel - Utopía de fuente libre.
• Tipo de juego: navegue a través de nuestra selección de más de cien fuentes y casi 500 pesos de fuentes diferentes.
• IdentyFont: identifique una fuente respondiendo preguntas sobre características clave.

Tipografía

• Grupo NN - Hoja de trucos de términos de tipografía.

Bandera

• Coolors: ¡el generador de esquemas de color súper rápido!.
• Amantes del color - Comunidad creativa.
• Color Hunt: Color Hunt es una plataforma social para todos los que aman los colores.
• Coloros de la marca: más de 1100 colección de colores disponibles en Sass, Less, Stylus y CSS.
• Atmos: todo lo que necesitas para crear paletas de colores
• Colores de branición: colección de paletas de colores curadas a mano mejor equipadas para la marca.

Caldo de imágenes

• Unsplash - gratis (haz lo que quieras) - fotos de alta resolución.
• StockSnap: cientos de imágenes de alta resolución agregadas semanalmente.
• Pixbay: imágenes y videos gratuitos que puede usar en cualquier lugar.
• Jay Mantry - Fotos gratis (CC0).
• Get Refe-Fotos libres de regalías, de alta calidad y de la vida real.
• ISO Republic: ISO Republic ofrece fotos de archivo gratuitas para profesionales creativos.
• Todos los stock gratuito: obtenga todas las imágenes, videos, música e íconos gratuitos en una ubicación.
• Pexels: imágenes de stock gratuitas en una variedad de estilos que incluyen filtrados, naturales y comerciales.
• UndRaw - Ilustraciones de código abierto para cada proyecto que pueda imaginar y crear.

Videos de stock

• Vimeo - Video de acciones libres de regalías para uso personal, corporativo o comercial gratuito.

Herramientas

• POLARR - Editor de fotos.
• Licecap - Capturas de pantalla animada simples.
• Hand Brake: Handbrake es una herramienta para convertir el video de casi cualquier formato a una selección de códecs modernos y ampliamente compatibles.

Prototipo

Artículos

• Los 12 principios: los 12 principios básicos de animación fueron desarrollados por los 'viejos hombres' de Walt Disney Studios.
• Hoverstat: el hogar del diseño digital alternativo.
• Microinteracciones: diseño con detalles.
• Diseño de interfaz de usuario de movimiento: recursos para inspiración, listas de software, bibliotecas y otras cosas relacionadas con el diseño de interfaz de usuario de movimiento, animaciones y transiciones.

Softwares

• Pop: Pop te ayuda a transformar tu pluma y ideas en papel en un prototipo interactivo de iPhone o Android.
• Invision: la principal plataforma de prototipos, colaboración y flujo de trabajo del mundo.
• Marvel - Diseño simple, creación de prototipos y colaboración.
• Flinto - Flinto permite que los diseñadores rápidamente hagan prototipos interactivos de sus aplicaciones móviles, de escritorio o web.
• Origami Studio - Explore, ite y pruebe sus ideas.
• Framer-flujo de trabajo de diseño todo en uno.
• Proto: cree prototipos de alta fidelidad totalmente interactivos que se ven y funcionan exactamente como debería su aplicación. No se requiere codificación.
• ProtoPie - ProtoPie es la herramienta de creación de prototipos más fácil para construir prototipos avanzados y altamente interactivos.

Herramientas

• Lottie: agregue fácilmente una animación de alta calidad a cualquier aplicación nativa.
• KeyNotopia: Keynotopia transforma Keynote y PowerPoint en las mejores herramientas de prototipos rápidos para crear maquetas de interfaz de usuario móviles, web y de escritorio.

Accesibilidad

Artículos

• Gov.uk - Hacer que su servicio sea accesible: una introducción.
• Smashing Magazine: contraste de color y por qué deberías repensarlo.
• Accesibilidad mediana para diseñadores. Cuida tus RGB.
• Web Creidible: diseño visual y accesibilidad al color.
• Una lista aparte: prueba de contraste de color fácil.

Herramientas

• Wave - Herramienta de evaluación de accesibilidad web.
• Relación de contraste: una herramienta para calcular la relación de contraste entre dos colores CSS válidos.
• Snook - Verificación de contraste de color.

Escribiendo

• Google Trends - Historias Tendencias ahora.
• Google Ngram: ingrese frases en el espectador de Google Books Ngram, muestra un gráfico que muestra cómo esas frases han ocurrido en un corpus de libros.
• HEMINGWAY - La aplicación Hemingway hace que su escritura sea audaz y clara.
• Legable: tienes 7 segundos para llamar la atención de alguien. Readable.io te ayuda a cortar el ruido.
• El escritor: ¿qué tan legible es su escritura?
• Taskade - Editor y Outliner colaborativo.

Datos

• London DataStore: el London Datastore es un portal de intercambio de datos gratuito y abierto.
• Yogov - Creemos en el poder de la participación.
• Data.gov - Encuentre datos publicados por departamentos y agencias gubernamentales, organismos públicos y autoridades locales.
• The Tate Collection - Aquí presentamos los metadatos para alrededor de 70,000 obras de arte.
• NASA: estamos configurando datos, código y API gratuitos.

IoT

Artículos

• IoT Weekly News: suscríbase a los artículos seleccionados a mano de Justin Grammens en Internet de las cosas.
• Agenda de IoT: diseñar una experiencia de usuario IoT, no un producto IoT.
• IoT para todos - Diseño de Internet de las cosas - 5 principios clave.

Herramientas

• Nodo Red: programación de baja base para Internet de las cosas.