🛄 🎤 🍩 Food Design Digest, marzo de 2020 🗒️ 📆 🐻

El resumen ha estado recopilando artículos nuevos 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-febrero de 2020 .

Food Design Digest, marzo de 2020

Patrones de gestión de diseño: conferencia en línea

El 28 de mayo, supervisaré otra conferencia en línea sobre gestión del diseño. Contará con los jefes de diseño grande y mediano y equipos de investigación de UX: Alexei Chupin (MTS), Sofya Chebanova (Wargaming), Yuri Solodovnikov (Alfa-Bank), Lena Liseeva (Grupo Rambler), Ivan Solovyov (DocDoc), Los creadores de herramientas de mapas de competencia vectorial y yo somos de Raiffeisenbank. Estudiantes del mismo curso, casi gratis.

Patrones y mejores prácticas.

PDF de listas de verificación de patrones de diseño de interfaz inteligente

Potente colección de listas de verificación para patrones de interfaz de Smashing Magazine. PDF enviado después del registro.

Tutoriales móviles: ¿esfuerzo desperdiciado o aumento de la eficiencia?

Alita Joyce del Grupo Nielsen / Norman habla sobre un interesante estudio de pantallas educativas en dispositivos móviles. Deben hacer que la interfaz sea más comprensible, pero en lugar de crear una sensación de complejidad para el usuario.

Modal vs Page - Un marco de toma de decisiones

Gran tutorial sobre cómo elegir patrones de interfaz para presentar información adicional de Ryan Neufeld. Cuándo llevar al usuario a una página separada, cuándo mostrar una ventana emergente u otro elemento dinámico.

Siempre explique por qué se requiere el campo 'Teléfono' (el 58% de los sitios no)

Edward Scott, de Bayward, recuerda que es importante especificar por qué una compañía tiene el número de teléfono de un usuario. Esto aumenta la confianza y la probabilidad de llenar el campo.

Los GIF animados en el correo electrónico son peores que los correos electrónicos estáticos

Kim Flaherty del Grupo Nielsen / Norman habla sobre un pequeño estudio de usuarios de GIF animados en listas de correo. Son más un problema para los lectores que buenos (aunque el rendimiento puede ser bueno).

Decisiones de diseño inspiradas con Otto Storch: cuando la idea, la copia, el arte y la tipografía se volvieron inseparables

Andy Clarke continúa una serie de experimentos con un interesante diseño de revista en la web. En el séptimo número, analiza el trabajo de Otto Storch.

Buen abandono en las páginas de resultados de búsqueda

Al repensar el papel en el suministro de información a los usuarios.

Diseñar sistemas y lineamientos

Bootstrap 5

Una nueva versión se lanzará en la primavera.

Comprensión del usuario

iPadOS 13.4

Apareció el cursor, y en el nuevo trackpad iPad Pro (el teclado, por cierto, funciona como un soporte en el espíritu de un monitor normal). Una entrada interesante para dispositivos híbridos desde el otro lado.
imagen

Jim Kalbach - El libro de jugadas de los trabajos por hacer

El libro de jugadas de Jim Kalbach "The Jobs to Be Done" pre-ordenado. Ella sale en abril en Rosenfeld Media en abril.

Arquitectura de la información, diseño conceptual, estrategia de contenido.

7 formas de analizar un mapa de viaje del cliente

Kim Flaherty del Grupo Nielsen / Norman habla sobre analizar un mapa de viaje del cliente para encontrar problemas y puntos de crecimiento. Buen memo con ejemplos.

Nuevas herramientas de diseño de interfaz

Bosquejo 64

La capacidad de cambiar el color en el símbolo (ideal para iconos), un menú rediseñado de componentes y optimización general.

Protopie 4.3

Componentes dentro de los componentes, ajuste a la cuadrícula de píxeles, efecto de desenfoque de fondo en iOS.

Drama 2.0

Se ha publicado una actualización con componentes y otras características útiles.

Figma: complementos

Coda : inserte datos de Spotify, Wikipedia, Dropbox, Gmail, Google Calendar, Jira, Shopify, Github y otros servicios.
Pegar tabla : Insertar tablas desde Excel.
Mapas vectoriales : inserte un mapa vectorial de cualquier parte del mundo.
LilGrid : organiza los elementos dispersos en una cuadrícula clara.
LottieFiles : ahora hay un complemento de animación disponible en Figma.
BeatFlyer Lite : animación.
GiffyCanvas : GIF del diseño.
Webgradients : complemento de los creadores del generador de gradiente.
TinyImage Compressor : Optimización de imagen.

Artículos

Alex Lockwood de Lyft habla sobre la automatización del trabajo de diseñadores y desarrolladores con complementos .

Arte de campo de flujo

Un generador de gráficos simple basado en flujos de línea.

Broider

Una herramienta simple para crear un borde de 9 partes en CSS.

Tartanificar

Un generador de patrones a cuadros escoceses con una salida SVG. ¿Cómo lo hicieron .

colores.lol

Bromea sobre nombres de colores pretenciosos en forma de paletas escandalosas.

Moooie

Generador de tamaños de banner populares y anuncios de video de un maestro. Historia de la creación .

Snapfont

El complemento para Chrome le permite probar rápidamente las fuentes en un sitio existente.

Investigación de usuarios y pruebas

Cómo contratar para ResearchOps: habilidades, experiencia y potencial

Kate Towsey describe su comprensión del papel de ResearchOps basado en la experiencia de Atlassian. En qué consistía su equipo y cómo interactuaba con investigadores individuales.

La fase de descubrimiento en proyectos UX

Maria Rosala del Grupo Nielsen / Norman describe una metodología para estudiar el espacio del problema en la etapa exploratoria del proceso de diseño. Excelente resumen de métodos y resultados.

Otro artículo sobre reclutamiento es cómo vivir si le resulta difícil encontrar encuestados para estudiar.

Natalia Mishina de Kontur da consejos para encontrar encuestados para investigaciones personalizadas. Especialmente en situaciones donde no es fácil.

Hoja de ruta para más investigación estratégica

Julie Fischer de HubSpot habla sobre cómo un equipo forma un plan de investigación personalizado. No todo puede llegar allí, por lo que se necesita priorizar.

¿El efecto Von Restorff influye en la preferencia del usuario?

Jeff Sauro y Jim Lewis están explorando el efecto Von Restorff, que podría describir la diferencia entre las soluciones front-end. Realizaron un experimento para identificar las alternativas más visibles, pero no recibieron una respuesta simple.

Calculadora de incentivos

Calculadora de recompensas para los encuestados de usuarios de Ethnio. Trata de tener en cuenta el país.

Cómo estamos girando: investigando desde la distancia

Ariel Chernin y Cassie Kaiser de Shopify hablan sobre el UX y el equipo de investigación de marketing haciendo una pausa para usar la mayoría de los métodos familiares.

No, COVID-19 no está sesgando su investigación de experiencia de usuario

Los pensamientos de Rob Tannen sobre cuán relevante es la investigación de usuarios bajo cuarentena, lo que cambia enormemente el comportamiento de las personas.

Sesgos involuntarios

Elissa Darnell describe tres tipos de sesgos cognitivos inconscientes dentro de los equipos de productos que deberían ayudar a resolver la investigación de los usuarios.

El medio y el mensaje.

Paulina Barlik de Shopify de Shopify evalúa los pros y los contras de diferentes formatos para presentar los resultados de la investigación de los usuarios. Ella da una recomendación sobre los artefactos más populares.

Prácticas y desafíos del uso de protocolos Think-Aloud en la industria: una encuesta internacional

Mingming Fan, Serina Shi y Khai N. Truong entrevistaron a 197 investigadores usuarios sobre las características del método en el que el encuestado expresó sus pensamientos en voz alta. Matices y trampas.

UX expert kitchen: cómo preparar una calificación de producto heurística

Usethics Olga Kryukova explica cómo comparar diferentes productos por heurística. Ella da un ejemplo para los restaurantes.

Evitar la no investigación de usuarios

Jonathan Walter reunió el consejo de colegas de Rockwell Automation sobre situaciones en las que el encuestado no acudió a la investigación de usuarios.

Una guía para hacer las preguntas de investigación de usuario correctas

Una guía para formular las preguntas correctas para la investigación de usuarios de Jeremiah Lam, según la tarea.

La investigación del usuario como un proceso natural en el desarrollo de productos.

Marina Stepanova de Uchi.ru habla sobre el proceso de investigación de usuarios en la empresa.

Programación visual y diseño en el navegador.

Una cartilla de fuentes variables

Un grupo de entusiastas ha lanzado un sitio memo sobre la introducción de fuentes variables y trabajar con ellas.

Nuevos guiones

Trabaja con color en la web

HCL Easy : generador de paleta de colores para usuarios discapacitados por el equipo de Mos.ru

Métricas y ROI

Su equipo no conoce las métricas clave del producto. Por qué y cómo solucionarlo

Oleg Yakubenkov escribe sobre la importancia de recordar constantemente las métricas clave al equipo del producto. Habla sobre su experiencia en Facebook y cómo ese conocimiento se actualiza constantemente.

Gestión de Diseño y DesignOps

Contratación de UX: el perfil de rendimiento cambia las reglas del juego

Jared Spool describe su enfoque para contratar diseñadores basado en el libro de Lou Adler "Hire with Your Head". Se centra en lo que debería cambiar después del trabajo exitoso de una nueva persona.

En el segundo artículo, describe un enfoque para recopilar información preliminar sobre los candidatos , que ayuda tanto a la empresa como al diseñador a comprender mejor los puntos comunes.

¿Qué quiero hacer con mi vida c̶a̶r̶e̶e̶r̶?

Evelyn Kim de Uber comparte su plantilla para celebrar reuniones 1: 1 y mantener un mapa de competencias en su conjunto. La plantilla en sí .

Comprensión cultural

Daniel Szuc y Josephine Wong dan consejos sobre cómo cambiar la cultura en una empresa que ayuda a un buen diseño.

Trabajo en equipo

Cómo trabajar con equipos de diseño distribuidos.

Mientras que las personas autorizadas intentan descubrir quién coronó el virus, una gran cantidad de equipos de productos se eliminaron repentinamente ( una lista impresionante en todo el mundo ). Este es un formato de trabajo difícil y es difícil comenzar sin preparación (sobre cómo producir una transformación ágil en dos semanas). Pero no hay opciones, por lo que debe aprender sobre la marcha. Aquí hay un montón de buenos consejos para equipos de diseño distribuidos que se han lanzado recientemente.

Experiencia de la empresa: Gitlab

GitLab ha estado trabajando de forma remota durante mucho tiempo y ha creado una mini-wikipedia completa.

Trello

Las plantillas están disponibles para algunos de ellos.

Shopify (y uno más )

La complejidad depende del grado de distribución y, curiosamente, la forma más fácil es con personas completamente dispersas, entonces no hay un grupo local que inevitablemente se convierta en el núcleo de todas las actividades.

Microsoft

Cómo unieron equipos de diseño dispares trabajando en Outlook.

Nielsen / Norman Group

Una selección de sus materiales sobre el tema. La empresa todos los años de su existencia trabajó sin una oficina .

Zendesk

Prácticas y métodos que tienen en cuenta varios países y zonas horarias.

Mark boulton

Consejos para diseñar equipos que de repente se volvieron remotos en medio de caratinos y autoaislamiento.

Métodos y herramientas: Reuniones 1: 1

Miro Una plantilla para arreglar temas de discusión y resultados.

Marca Sprint

Al cambiar el nombre de Miro.

Sesiones de trabajo

Herramientas : generación y evaluación de ideas, mapeo. Su último artículo sobre la creación de CJM en este formato. Lo mismo de Cisco .

Generación de ideas.

Un enfoque sincrónico y asincrónico para generar ideas. La mayoría de las icónicas conferencias y eventos masivos en el mundo han sido cancelados o reprogramados . Y la investigación del usuario se está moviendo a un formato remoto. Pero las acciones de Zoom están creciendo. Y el mismo InVision inicialmente funciona de forma completamente remota.

Actividades fundamentales del taller de experiencia de usuario

Sarah Gibbons del Grupo Nielsen / Norman describe las actividades básicas para cualquier sesión de trabajo en forma de manuales.

Casos

Diseño de trabajo en equipo: cómo nuestros clientes ayudaron a dar forma al futuro de Slack

Anna Niess y Zack Sultan hablan sobre el último rediseño de Slack. Describen la lógica detrás de cada solución de interfaz.

Cómo el diseño holístico de UX aumentó los registros de prueba gratuita de GitLab.com

Matej Latin habla sobre el rediseño de los registros de cuentas de prueba en GitLab. Un manual de capacitación de Kevin Comoli ayuda a diseñar todo el guión.

El poder de contar historias en la incorporación de nuevos usuarios

Maura Byrne habla sobre el refinamiento del nuevo proceso de reunión de usuarios en HubSpot. La combinación del modo de demostración y la buena narración en el camino tiene métricas mejoradas.

Marca de producto digital

Creación del sistema de diseño digital de Virgin Atlantic, parte 1

Ed Vinicombe de Virgin Atlantic habla sobre la unificación del diseño de todas las plataformas: el sitio, la aplicación, los sistemas de entretenimiento a bordo del avión. El artículo se presenta como una historia sobre el sistema de diseño, pero no hay un componente tecnológico, pero hay un montón de operadores completamente diferentes.

Historia

Lista absoluta: VKHUTEMAS 100

Este año se cumple el centenario de la escuela VKHUTEMAS (talleres superiores de arte y técnica), la primera escuela nacional de diseño profesional. Bang Bang Education preparó una gran selección de materiales sobre ella

Tendencias

Tecnología en 2020: pararse sobre los hombros de gigantes

Presentación de Benedict Evans sobre la regulación de Internet en el mundo como una de las principales tendencias tecnológicas.

Llamada global de las Naciones Unidas a los creativos: ayuda a detener la propagación de COVID-19

La ONU recurrió a los diseñadores para ayudar a preparar notas informativas sobre la lucha contra el coronavirus. Esta es una manera mucho mejor de canalizar su energía creativa que otro rediseño no solicitado de un servicio importante. Analizando desde It's Nice That .

Interfaces de voz

Tres cuestionarios para medir las experiencias de interacción de voz

Jeff Sauro y Jim Lewis describen tres cuestionarios diseñados para evaluar la calidad de las interfaces de voz. Estas son la Escala de opinión media (MOS), la evaluación subjetiva de las interfaces del sistema de voz (SASSI) y la calidad del servicio de interfaz de usuario de voz (SUISQ).

Diseño de conversión

Una selección de artículos del equipo de diseño de Google sobre interfaces de objetivos y bots.

Los ganadores de Fritzes 2020

Las mejores interfaces de películas para 2019, según los autores del libro Sci-Fi Interfaces. Por cierto, lanzaron un canal de YouTube con cortes de películas .

Para el desarrollo general y profesional.

Senongo Akpem - Diseño intercultural

A Book Apart ha lanzado el diseño transcultural de Senongo Akpem. Se dedica a incorporar diferentes culturas en el diseño de la interfaz. Extracto de ello .

Personas y empresas de la industria.

Fiverr: es malo, chicos, es malo

Geoffrey Bunting se comprometió firmemente con el servicio freelancers Fiverr de bajo costo para exprimir todo el jugo de los diseñadores y engañar a los clientes. Artículo de Ico-D sobre el mismo tema .

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.

Food Design Digest, marzo de 2020