El resumen ha estado recopilando nuevos artículos sobre diseño de interfaz, así como herramientas, patrones, casos, tendencias e historias históricas desde 2009. Filtrado cuidadosamente una gran cantidad de suscripciones para que pueda actualizar sus habilidades profesionales y resolver mejor las tareas de trabajo. Ediciones anteriores:
abril de 2010-noviembre de 2019 .
El año pasado, realizamos un estudio para tareas internas: ¿qué equipos de diseño en las empresas nacionales de alimentos son los más fuertes? Este año, se finalizó la encuesta y los
resultados del estudio decidieron abrirse .
Tal calificación será útil para el mercado. Los diseñadores deben comprender mejor dónde hay buenos desafíos y un ambiente cómodo para el crecimiento profesional. Empresas y equipos de diseño: vea lo que debe descargarse.
Patrones y mejores prácticas.
Aurora Harley del Grupo Nielsen / Norman enumera formas rápidas, pero menos visuales, de administrar la interfaz para usuarios avanzados.
Rebecca Hugo, del Instituto Baymard, aconseja sobre la presentación correcta de los elementos de la interfaz para elegir el color de los productos.
Diseñar sistemas y lineamientos
Storybook 5.3 salió con un ajuste aún más genial de la salida de componentes a las necesidades de su sistema de diseño a través de Docs.
Materiales sobre la creación de un tema de diseño de interfaz oscuro: pautas de plataforma, un motor para el progreso en tokens, soporte en listas de correo y sitios web, buenos casos.
Alice Li creó un recordatorio elegante para crear un tema oscuro para los creadores de letras.
Podcast con Heydon Pickering y su transcripción en el libro "Componentes inclusivos".
Yihui Liu habla sobre la creación de un estilo unificado de ilustración para Spacebase.
Sam Mason de Caires y Adam Morse pintan poderosamente el trabajo en una nueva paleta de colores para el sistema de diseño Cloudflare, teniendo en cuenta todos los requisitos de accesibilidad.
Luke Wroblewski muestra una imagen triste cuando el sistema de diseño existe solo en papel: la publicidad y otros kits de carrocería eliminan fácilmente la imagen perfecta si no se trata sistemáticamente.
Shaun Bent, Gerrit Kaiser y Marina Posniak de Spotify hablan sobre la estructura del equipo de su sistema de diseño Encore. Es cierto que hay pocos detalles y no está claro si realmente hay un modelo complejo o si simplemente usan el término espectacular "sistema de diseño de sistemas de diseño".
Extracto del libro de Sistemas de diseño expresivo de Yesenia Pérez-Cruz sobre flexibilidad de estilo visual en sistemas de diseño.
Instrucciones para usar componentes estilizados React de Chris DePaul. Esta es la base para crear temas y tokens.
Diseño fluido de Microsoft
Jon Friedman sobre
nuevos íconos individuales para la línea de Microsoft Office en Diseño fluido . No hay detalles del proceso, más bien un anuncio.
Comprensión del usuario
Dmitry Kapaev, de Glubina, habla sobre la investigación personalizada para comprender los trabajos por hacer. En la primera parte, el formato de la entrevista.
Stefan Thomke recolectó ejemplos del efecto emocional de un buen servicio. Proporciona enlaces a estudios de validación, aunque los casos en sí son difíciles de evaluar (no hay mediciones del impacto en las actitudes de los clientes).
Un enfoque sensato para garantizar la accesibilidad de la interfaz para usuarios con discapacidades en todas las etapas del trabajo del equipo de Gloria Suzie Kim de Pocket.
Arquitectura de la información, diseño conceptual, estrategia de contenido.
Una buena descripción de la esencia y las tareas del plan de servicio de Sarah Gibbons y Alita Joyce de Nielsen / Norman Group.
Un enfoque divertido para construir un simple Customer Journey de Matt Orley. Lo construye para diferentes personajes en el tablero, y luego recopila un mapa del sitio basado en el conjunto resultante de pantallas.
Una excelente selección de métodos para analizar el problema y comunicar los beneficios de resolverlo a colegas de Wes O'Haire de Dropbox. Descripción general con visualización.
Traducción
Un libro sobre narración de cuentos en diseño con un enfoque en productos multicanal. Las leyes de dramaturgia, protaganonistas (usuarios objetivo) y antagonistas, el desarrollo de protagonistas, tarjetas de empatía.
Rosenfeld Media lanza el libro Writing Is Designing de Michael J. Metts y Andy Welfle. UXmatters publica un
extracto del capítulo 3 .
Nuevas herramientas de diseño de interfaz
Hay pocos cambios, más bien, optimización del trabajo. Dada la promesa de mostrar al menos una versión beta del análogo Zeplin incorporado, esta es una gran decepción para los usuarios. Por otro lado, prometen lanzar esta función en enero. Y más tarde, no había un solo asistente para mejorar las soluciones de diseño, el trabajo conjunto en el diseño y las capacidades de creación de prototipos más potentes.
Adobe xd
Actualización de diciembre . Almacenamiento en la nube de diseños y un toque de colaboración como en Figma. También prometen el control de versiones y la organización de una biblioteca competente de componentes para el equipo.
Generador de paleta de colores con enfoque en el contraste correcto para accesibilidad.
Anuncio .
Figma
Ha aparecido una de las funciones principales en la historia,
AutoLayout para cambiar automáticamente el tamaño de los componentes según el contenido.
Complementos
Rodillo : Linting para diseños. Comprueba las discrepancias con el sistema de diseño (colores, fuentes, bordes, sombras, filetes).
Materiales utiles
Constructor de sitios promocionales en formato de cuentos.
Vectornator
Versión de Mac lanzada.
Investigación de usuarios y pruebas
Vadim Shlyachkov introdujo una tonelada de artículos y literatura sobre la regla "5 usuarios son suficientes para detectar una parte significativa de los problemas en la interfaz". Muchos cálculos para ilustrar cuándo funciona, y referencias históricas.
Parte 2
Rachel Krause, del Grupo Nielsen / Norman, describe un enfoque para probar hipótesis que a menudo están integradas en la cartera de pedidos de un equipo de producto.
Una nota simple y amplia de David Travis de UserFocus sobre scripting de pruebas de usabilidad.
Jared Spool describe un enfoque con un escenario de prueba de usuario flexible. La tarea se ajusta en base a una mini entrevista al comienzo de la comunicación con el encuestado.
Salesforce Noel Lamb habla sobre la creación de un panel de respuesta para la investigación personalizada.
Creative Navy Studio habla sobre el proceso de investigación preliminar para uno de los proyectos del cliente.
Una buena descripción del proceso de diseño de Anthony Stonehouse Atlassian desde la investigación hasta la implementación.
La comunidad ResearchOps está llevando a cabo una investigación para estandarizar las bases de datos de información de la investigación de los usuarios. Esta es la herramienta más importante para reutilizar el conocimiento, pero debido a la falta de estándares y la complejidad del proceso a lo largo de los años, solo son visibles algunos ejemplos. Puedes unirte a algunas de sus actividades.
La veterana de investigación personalizada Carol Barnum reflexiona sobre el estado actual de la profesión. Cómo los enfoques populares (democratización de la investigación, nuevas herramientas, etc.) afectan la calidad del resultado.
Jeff Sauro habla sobre el PSSUQ (Cuestionario de usabilidad del sistema posterior al estudio) al final de una sesión de prueba de usabilidad. No es muy diferente del SUS.
Michael Morgan describe un enfoque para extraer notas de la investigación de usuarios (continuación). Señala los problemas y situaciones de cada encuestado en la impresión de la pantalla que se está probando, y luego los reúne.
Programación visual y diseño en el navegador.
Addy Osmani Handbook para dar soporte a usuarios discapacitados en la Web.
Consejos de diseño correctos para accesibilidad por Sara Soueidan.
Componentes inclusivos
Nuevos guiones
Tipografía web
Podcast con Jason Pamental sobre el estado actual de las fuentes variables . Es autor de Responsive Web Typography.
Gestión de Diseño y DesignOps
Andrea Mignolo muy cool revela el tema del valor del diseño para los negocios. Ella propone considerar no solo el producto del diseño como una actividad, sino también una actividad de capacitación que elimine los riesgos. Una referencia interesante al modelo de precios, que se puede aplicar a las opciones de desarrollo de productos.
Jerrod Larson describió el día laboral del gerente de diseño condicional. Difiere de una situación a otra, pero en general es similar a la verdad.
Peter Merholz habla sobre cómo refinaría su libro Org Design for Design Orgs.
JT Trollman habla sobre el proceso de trabajar en una tarea típica de diseño de Facebook. Preguntas clave y plantilla de configuración de tareas.
Jared Spool habla sobre su enfoque para implementar métodos y prácticas en equipos de diseño. Se presentan en tres montones: ya lo está haciendo, probándolo, no es adecuado.
Interacción del equipo
Kate Kaplan del Grupo Nielsen / Norman describe las tareas y el formato de las sesiones de trabajo típicas: estudio de problemas, empatía, diseño, priorización, crítica.
Kate Kaplan, del Grupo Nielsen / Norman, da consejos sobre cómo involucrar a no diseñadores en el dibujo en las sesiones de trabajo.
Casos
El director de diseño de Microsoft Office, Jon Friedman, habla sobre el rediseño de la línea de aplicaciones móviles bajo Fluent Design. También habla sobre el concepto de "microproductividad" y "microtask" (20-30 segundos).
Cómo Ueno presenta sus proyectos a la cartera. Este es un equipo completo, por lo que un caso cuesta alrededor de $ 15 mil.
Como de costumbre, muchos de ellos simplemente vuelven a emitir los mismos mensajes año tras año. Otros alcanzaron el resultado final de la década y la numerología de un hermoso dígito próximo (Visión 20/20 (un análogo de nuestra "visión es una") y todo eso). Traté de dejar solo lo que da nuevas ideas o hace un reempaquetado decente de lo viejo: Fjord, Milo, Monotype, Gartner, Pantone, Shutterstock, Depositphotos, 99 Designs, Dribbble, New York Times, colores, libros, front-end, neuomorfismo. Y notó un par de cosas de sí mismo: herramientas de diseño, un tema oscuro, pantallas flexibles, el estándar de tokens, cobardía, la demanda de gerentes de diseño.
Pronósticos en la intersección del diseño, la tecnología, la economía y la sociedad en su conjunto.
Una revisión de tendencias tradicionales por Milo. Más bien, enumerar lo que aún funciona bien que descubrir algo nuevo, pero lo más detallado.
Una buena revisión de las técnicas actuales en el diseño de aplicaciones móviles de 99 diseños.
Todos los colores del año de Pantone en los últimos 20 años con imágenes clave para todos.
Tendencias de color de Shutterstock.
Tendencias en fotos y video de Depositphotos.
Michal Malewicz describe el "neomorfismo", la segunda venida del esqueomorfismo. Una historia triste que caracteriza a los diseñadores como personas con el recuerdo de un pez dorado: las mismas personas que hace un par de años con espuma en la boca demostraron las delicias del minimalismo completo y la ausencia de decoraciones innecesarias.
Revisión del mejor diseño de portada de libro para 2019.
Análisis de colores utilizados en desfiles de moda. Una gran manera de seguir las tendencias de color es más amplia que Dribbble y Behance: hay una tabla de lodo para cada color.
Pronosticando tendencias de consumo de noticias del equipo del New York Times.
Diseño Algoritmico
Amanda Linden de Facebook describe el área de responsabilidad y beneficio de un diseñador que se ocupa del aterrizaje de tecnologías de inteligencia artificial en la empresa.
Directrices de Google para el diseño de interacción en sistemas que utilizan inteligencia artificial.
Identidad nacional flexible de Puerto Rico generada mediante diseño algorítmico.
Diseño de álbum de estudiante de pentagrama.
Para el desarrollo general y profesional.
Joshua C. Carroll habla con el profesor de psicología cognitiva Dr. Gregory Repasky sobre la naturaleza de la creatividad. Describe dos modos cerebrales: ECN (Red de control ejecutivo) y DMN (Red de modo predeterminado), que son responsables del análisis de información enfocado y el modo de fondo sin concentración. El segundo encuentra conexiones entre patrones, el primero, los analiza.
Revista de diseño de Adobe XD.
Personas y empresas de la industria.
Entrevista con Ivy Ross, Jefe de Diseño Industrial y UX en Google. Ella habla sobre el concepto de neuroestética, el estudio de diseño de Google Design Lab y su experiencia en general.
Un conjunto interesante de notas de Jonathan Hoefler sobre la filmación de un episodio de la serie Abstract. Útil para quienes filman documentales sobre diseño.
Actas de congresos
Rosenfeld Media lanza nueva conferencia de investigación de usuarios. La primera se llevará a cabo del 30 de marzo al 1 de abril en Nueva York. Composición genial y temas poderosos sobre escalado e ResearchOps.
Leading Design London 2019
La conferencia sobre gestión del diseño se celebró del 6 al 8 de noviembre en Londres.
Video de apariciones publicadas .
Daniel Rosenberg (el inventor de las pestañas en las interfaces y cualquier otra cosa que nos parezca natural) llevará a cabo un taller en formato de seminario web el 15 de enero ($ 25). Él compartirá su marco de diseño de cuatro capas llamado "diseño de interacción semántica".
Suscríbase al resumen en Facebook , VKontakte , Telegram o por correo ; allí aparecen nuevos enlaces cada semana. Gracias a todos los que comparten los enlaces en el grupo, especialmente Gennady Dragun, Pavel Skripkin, Dmitry Podluzhny, Anton Artemov, Denis Efremov, Alexei Kopylov, Taras Brizitsky, Evgeny Sokolov y Anton Oleinik. Un agradecimiento especial al equipo de Setka por el editor y a Alexander Orlov por el estilo visual.