👨🏻‍🎓 😯 🚖 Food Design Digest, febrero 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-enero de 2020 .

Food Design Digest, febrero de 2020

Patrones y mejores prácticas.

Cómo diseñar aplicaciones móviles para uso con una sola mano

Maitrik Kataria ha reunido una buena colección de patrones frontales para usar aplicaciones móviles con una sola mano. Grabó screencasts de buenos ejemplos y distinguió muchos de ellos.

Arrastrar y soltar: cómo diseñar por facilidad de uso <

Magnífico recordatorio para diseñar y diseñar la interfaz de arrastrar y soltar de Page Laubheimer del Grupo Nielsen / Norman. Cómo hacerlo bueno en la web y en dispositivos móviles.

Vivir en el borde: cómo diseñar para casos extremos al principio del proceso

Tridip Thrizu ofrece su enfoque para resolver estados de interfaz. Divide los métodos de visualización en permanente y temporal, clave y auxiliar.

10 tipos malvados de patrones UX oscuros

Danny Sapio de Skookum ha compilado 10 patrones oscuros de uso común.

Ejecución de animaciones UX: duración y características de movimiento

La página Laubheimer del Grupo Nielsen / Norman ofrece consejos para optimizar las animaciones en las interfaces.

Cómo filmar y fotografiar para usabilidad - Detalles de UX para videos e imágenes

Aurora Harley, del Grupo Nielsen / Norman, brinda consejos sobre cómo hacer que los videos y fotos instructivos sean más comprensibles para los usuarios.

Torrey Podmajersky - Redacción estratégica para UX

O'Reilly ha lanzado el libro de Torrey Podmajersky Strategic Writing para UX sobre textos de front-end. Revisión de UXmatters.

Por cierto, UXmatters y A List Apart publicaron extractos de otro libro sobre el tema: Michael J. Metts y Andy Welfle, "Writing Is Designing".

Diseñar sistemas y lineamientos

Diseño de contenido debajo de la superficie

Linette Voller de Atlassian ofrece un modelo genial para la descripción sistemática de textos en una interfaz. Ella usa la idea de capas Jesse James Garrett y presenta todas las herramientas para la comunicación de texto en él.

Tema oscuro

Modo oscuro vs. Modo de luz: ¿cuál es mejor?

Raluca Budiu del Grupo Nielsen / Norman ha compilado cálculos de estudios sobre la percepción de un tema oscuro y claro. En la mayoría de los casos, un tema ligero facilita la lectura.

Favicon SVG con temas claros y oscuros que utiliza la función de medios de esquema de color de CSS prefiere

Catalin Red muestra cómo cambiar el favicon de un sitio por un tema oscuro.

Diseño de subtareas del sistema, por paso

La lista de verificación más inteligente para trabajar en componentes (y cualquier otra parte) del sistema de diseño de Nathan Curtis. En qué etapas va desde la oferta hasta el despliegue con una lista detallada de pasos específicos.

La interfaz de usuario del sistema de diseño es más costosa que la interfaz de usuario de un equipo de producto

En el siguiente artículo, Nathan Curtis muestra la diferencia en los costos laborales para crear un componente desde cero y dentro de un sistema de diseño. Inicialmente, no está a favor del sistema de diseño, pero se compensa más tarde.

Cómo los sistemas de diseño usan el libro de cuentos

Dominic Nguyen ha compilado ejemplos de cómo los grandes sistemas de diseño usan Storybook.

Sistemas de diseño, ágil e industrialización

Discusión de Brad Frost, Dave Rupert y Jeremy Keith sobre si los sistemas de diseño matan la creatividad y si son nuevos taylorismos. Como en otros lugares, se necesita equilibrio y cualquier exceso causa rechazo.

Navegación para sistemas de diseño y guías de estilo

Una visión general de las pautas de navegación en vivo por Danielle Romo.

Diseño fluido de Microsoft

Se ha implementado un nuevo enfoque para los iconos de aplicaciones .

Diseño de materiales

Pautas de animación actualizadas . En muchos ejemplos, apareció una herramienta visual con especificaciones ( código GitHub ).

Comprensión del usuario

Perfume de información: cómo los usuarios deciden a dónde ir a continuación

Raluca Budiu, del Grupo Nielsen / Norman, describe una teoría de "instinto de información" que ayuda a los usuarios a evaluar la posible utilidad de la información en los sitios web.

Diseño conductual 2020 y más allá

Una serie de entrevistas con expertos en el diseño del comportamiento del usuario sobre el estado actual de la disciplina y sus perspectivas.

Nuevas herramientas de diseño de interfaz

Bosquejo 63

Mejoras de interfaz sin enfoque explícito. Y el desarrollo de la nube .

Zeplin 3.0

Había una API y la capacidad de dar un enlace a un componente en el código.

Resumen

Compramos el equipo ucraniano sin defectos .

Figma Config 2020

La primera conferencia oficial. Anunció un diseño automático mejorado (puede especificar el comportamiento de elementos individuales), una selección mejorada de colores y fuentes, enlaces a cualquier objeto y páginas dentro de un documento (o externo en general), soporte para nuevos métodos de control en prototipos (teclados, joysticks de juegos, dispositivos para usuarios) discapacitado). Por cierto, si comparte solo el prototipo, el diseño en sí ya no se regala. Video de actuaciones .

Complementos

Dan Hollick describió instrucciones detalladas para crear complementos utilizando el ejemplo de análisis de contraste de color.
Laberinto : el servicio de pruebas de usabilidad también está disponible para Figma.
Escriba hoy : puede probar la biblioteca de fuentes de la fundición doméstica.
Memo Yuan Qing Lim en la interfaz de complemento competente . Cómo hacerlo útil y conveniente.
Ídem : facilita la colaboración en textos en la interfaz.
JSON a Figma : cargando datos desde JSON.

Artículos

Entrevista con el cofundador de Dylan Field , que dio durante su llegada a Rusia en el otoño de 2019.
AMA con Noah Levin , jefe de diseño de Figma.

Campos de flujo

La herramienta te permite hacer líneas de corriente animadas. Experimentos similares de Tyler Hobbs .

Tinkersynth

Una herramienta simple para imágenes abstractas generativas en el modelo de sintetizador.

Open Peeps - Biblioteca de ilustraciones dibujadas a mano

Otra biblioteca de ilustraciones gratis con el diseñador de personajes del favorito de la industria Pablo Stanley.

Conjunto de iconos

La herramienta le permite almacenar un conjunto de iconos y distribuirlo a herramientas de diseño populares. Hay una versión para Windows.

Anicons

Fuente de icono con animación y soporte para diferentes colores.

Investigación de usuarios y pruebas

Resumen de supervisión de servicios para pruebas en línea

Usethics Olga Kryukova comparó los servicios para las pruebas de usabilidad remota con la evaluación de la funcionalidad. Es útil que se haya observado el acceso a la base de datos nacional de encuestados.

Cómo maximizar los conocimientos en las pruebas de usuario: tareas de usuario escalonadas

Kara Pernice, del Grupo Nielsen / Norman, describe un enfoque para dividir un escenario de prueba de usabilidad en componentes que proporcionan información sugerente diferente. Esto le permite comprobar no solo la conveniencia de trabajar con funcionalidad, sino también su detectabilidad.

Desmitificando el arte de dar retroalimentación de investigación del usuario

Dalia El-Shimy de Shopify hizo un excelente recordatorio de investigación de usuarios con una lista de verificación detallada para cada paso. Esto es especialmente útil para los equipos de productos modernos, donde los llevan a cabo cada vez más los diseñadores y gerentes de producto.

Tres objetivos de las pruebas de usabilidad

Jim Lewis y Jeff Sauro nos recuerdan los tres objetivos principales de las pruebas de usabilidad: detectar problemas, compararlos con una métrica específica u otra interfaz. La esencia de cada uno está bien descrita.

10 cosas que debe saber sobre el kit de herramientas de deseabilidad de Microsoft

Jim Lewis y Jeff Sauro discuten las características del Kit de herramientas de deseabilidad de Microsoft.

Efectos culturales en las escalas de calificación

Jeff Sauro estudió la influencia de diferentes culturas en la distribución de respuestas en encuestas como NPS. Su hipótesis: esto puede afectar el sesgo de las respuestas hacia más pronunciado o neutral.

Mejore su investigación de UX ágil con tutoriales cognitivos informales

Valentina Strachan de Microsoft habla sobre el análisis cognitivo paso a paso basado en agilidad de una interfaz. Esto le permite detectar algunos de los problemas en la interfaz de manera experta.

La última plantilla de Notion para ejecutar pruebas de usabilidad eficientes

Inês Duvergé ha publicado un memo de prueba de usabilidad en Notion. La plantilla en sí .

Diez cosas que aprendí como investigador de UX en Uber

El investigador de UX Minal Jain de Uber cuenta varias historias de vida de la experiencia de la compañía y la comprensión del usuario.

El diseño es adecuado o no: cómo verificar solo la apariencia del producto y no la experiencia del cliente en general

Elena Borodina habla sobre probar el diseño visual en Gazprombank. Utilizando una prueba de 5 segundos, se recopilaron reacciones clave: cuánto correspondían a las expectativas iniciales del equipo.

Verificación de trabajos a realizar sin hablar con los clientes

Sergey Borisyuk de PandaDoc habla sobre cómo identificó las necesidades del cliente para compilar una promesa de marca a partir de las palabras clave en las reseñas de productos.

5 cosas que los investigadores de UX pueden hacer de manera diferente: una reflexión después de los despidos de Uber

Elsa Ho está analizando el despido del año pasado de la mitad de los investigadores usuarios en Uber en relación con la reorganización. De esto se pueden sacar conclusiones para el proceso y el formato del trabajo (y si es necesario si puede ser una característica de una empresa en particular).

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

Nuevos guiones

Sarah Fossheim recreó la ilustración de la cámara Polaroid CSS .
El efecto de las partículas que vuelan alrededor del objeto en la foto .
Desglose de la foto en un espectacular collage .
Generador de patrones de fondo CSS puro .
Parece que la tendencia más vergonzosa de los últimos años ahora definitivamente estará en todas partes. Generador de sombras para elementos no mórficos en la web .
Animación con el movimiento del texto a lo largo del camino .

Disponibilidad

Adam Silver muestra cómo hacer un campo de entrada con indicaciones y autocompletar teniendo en cuenta los requisitos de accesibilidad para usuarios con discapacidades.

Métricas y ROI

8 Manipulaciones del puntaje neto del promotor: ¿cuáles importan?

Jeff Sauro y Jim Lewis reunieron todas sus mini investigaciones sobre las características del uso de NPS.

Gestión de Diseño y DesignOps

Vectorly: aprendizaje y desarrollo para equipos de productos

El servicio le permite mantener mapas de competencia para un equipo de diseño. Evaluación, establecimiento de objetivos, seguimiento de tareas reales.

Cálculo del ROI para proyectos de diseño en 4 pasos

Un gran recordatorio para Kate Moran del Grupo Nielsen / Norman sobre el cálculo del diseño de ROI. Cómo elegir las métricas adecuadas y convertirlas en dinero.

Desfragmenta tu calendario para enfocar tu mente

Consejos para organizar un gerente de diseño de calendario de Mia Blume. Cómo organizar un flujo interminable de reuniones.

Cómo contratamos diseñadores de productos

Zander Brade de Monzo describe el proceso de contratación de diseñadores para una empresa. Instrucciones paso a paso.

Nivelación mensual para la victoria

Leslie Yang de Open Table ofrece consejos sobre cómo trabajar regularmente en un mapa de competencias. Cómo y qué tipo de reuniones realizar para avanzar en ello.

El oficio de liderar equipos remotos

Alaine Mackenzie de Shopify da consejos sobre cómo administrar equipos de diseño remotos. Ella señala que 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.

Curate, convoca, amplifica

Scott Strubberg habla sobre la base de conocimiento de diseño interno de IBM. Hay pocos detalles y el acceso está cerrado, pero es un ejemplo interesante de la categorización de la información de referencia.

Trabajo en equipo

Talleres UX vs. Reuniones: ¿cuál es la diferencia?

Kate Kaplan, del Grupo Nielsen / Norman, hizo una nota de las reuniones y sesiones de trabajo que el equipo de diseño puede llevar a cabo. También muestra la diferencia entre formatos y recomendaciones para su uso en situaciones típicas.

Gestión de productos y análisis

Crecimiento a través de la creación de nuevos productos para el público actual de la empresa.

Oleg Yakubenkov analiza situaciones en las que una gran empresa puede crecer creando nuevos productos para su audiencia actual.

Casos

Cómo Waymo utiliza el diseño para crear confianza en los autos sin conductor

Casper Kessels analiza la interfaz del automóvil autónomo Waymo que un pasajero ve mientras viaja. Traducción .

Cómo rediseñar, guía paso a paso

Taras Bakushevich de Windmill Solutions describe su enfoque para el rediseño de la interfaz.

Cómo actualizamos la interfaz Yandex.Zen en el escritorio: proceso de diseño

Ulyana Salo habla sobre la actualización de la interfaz Yandex.Zen. Cómo optimizar la navegación y el flujo de información.

Cambios invisibles

Sarah Klearman de Medium habla sobre refactorizar el diseño de página de un artículo y refinar el sistema de diseño para él.

Una biblioteca para llamar tuya

Raymonst habla sobre el rediseño de la funcionalidad de guardar en favoritos en Medium.

Marca de producto digital

Skyeng

Skyeng renombrado por Shuki. Actualice, agregue carácter y apoye la creciente arquitectura de la marca. Sin embargo, no se muestra la aplicación a la interfaz en sí. Caso en la cartera .

Mixcloud

Rebranding del servicio de música Mixcloud de British Output. Buena recepción con la penetración de una onda de sonido patentada en el logotipo, fuente, animación y otros detalles. Caso en la cartera .

Eventbrite

Cambio de marca del calendario de eventos de Eventbrite de Moving Brands. Hay ejemplos de touchdowns en la web, aunque no hay mucho carácter. Caso en la cartera .

Tripadvisor

Rebranding Guía de viajes de TripAdvisor de New York Mother Design. Un buen ejemplo de simplificación simple y refresco sin esfuerzo. Caso en la cartera .

Historia

Sobre el pensamiento de diseño

Un buen análisis de la historia de la aparición del pensamiento de diseño y enfoques generalmente sistemáticos para el diseño de Maggie Gram. Y, por supuesto, problemas con su comercialización, cuando dicha etiqueta se aplica fuera de lugar.

El tablero de Xbox, una historia visual

Cameron Faulkner ha desarmado la evolución de la interfaz para todas las versiones de Xbox.

Tendencias

Tendencias creativas 2020: tendencias de diseño basadas en datos

Tendencias en fotografía de Shutterstock.

Diseño algorítmico

Lingua Franca: un lenguaje de diseño para IA centrada en el ser humano

Lenguaje de diseño algorítmico a partir de notación estándar. Principios, patrones, procesos.

Creador de logotipos gratuito: cree su logotipo en 5 minutos

Generador de logotipos de Fiverr. Es divertido, porque este es exactamente el tipo de freelancers de bajo costo que deberían sufrir el diseño algorítmico.

¿Qué significa realmente una web plegable?

Frederick O'Brien analiza las características de diseño para dispositivos con pantallas flexibles. ¿Difieren del soporte habitual para la adaptabilidad y de los estándares y desarrollos que ya existen?

Para el desarrollo general y profesional.

Trine Falbe, Martin Michael Frederiksen y Kim Andersen - El manual de diseño ético

Smashing Magazine lanzó un nuevo libro. Se centra en la ética moderna al crear productos digitales que evitan patrones oscuros. Descripción general .

Seis ejercicios para superar las mesetas de habilidades como diseñador

Richard Yang da consejos para impulsar las habilidades del diseñador de productos. Ejercicios, cursos, libros y el enfoque de desarrollo en sí.

La habilidad de diseño más importante que se pasa por alto

Chris Lee aconseja a los diseñadores que aprendan a analizar su trabajo y su rol en el producto. Esto ayudará a crecer mejor y hará que las entrevistas sean más efectivas.

Personas y empresas de la industria.

Actitud hacia los equipos de diseño de producto: 2019

En el otoño, lanzó un estudio de actitudes hacia los equipos de diseño de productos en Rusia. Finalmente reuní los resultados. Participaron 1260 personas, el doble que en 2018 , aunque para obtener resultados cualitativos es aún mejor tener en cuenta (lo tendré en cuenta en 2020).

En Rusia, hay suficientes compañías y equipos de alimentos fuertes con diseñadores poderosos y productos internacionales fuertes. Muchos de ellos ayudan a la comunidad de diseño con conferencias, reuniones, concursos y otras cosas útiles.

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. Esta será una herramienta útil para evaluar las inversiones en una marca de recursos humanos.

Bonus recogidoUna lista de destacados equipos de diseño de productos con enlaces a sus sitios, blogs y sistemas de diseño. Como puede ver, esto repite casi por completo la calificación :) Hasta ahora, la versión beta, pero la desarrollaré activamente, será una buena adición a Design Systems Club .

Al mismo tiempo, rehizo el sitio del próximo libro sobre gestión del diseño . Hasta ahora, lo más probable es que se mude a una nueva plataforma con una base para el futuro.

PD: Un agradecimiento especial a las comunidades de diseño que ayudaron a reunir las respuestas. En primer lugar, Odi y BUSCANDO DISEÑADOR .

Design en Sberbank

El sitio del equipo de diseño de Sberbank.

Larry Tesler, el pionero de la interfaz de usuario responsable de cortar, copiar y pegar, muere a los 74 años

Larry Tesler, una de las personas clave en la historia de las interfaces modernas, murió :(
Trabajó en el legendario laboratorio Xerox PARC, y luego en los primeros años dorados de Apple. Propuso el concepto de copiar y pegar mientras trabajaba en un editor de texto experimental , abogó por el rechazo de la modalidad en las interfaces. Se le atribuye la autoría de las frases clave "fácil de usar" y "lo que ves es lo que obtienes". Fue uno de los que mostró los logros de Xerox PARC a Steve Jobs (y ayudó a introducirlos en el Macintosh desde dentro de Apple). Parece de esta época. las leyendas seguían siendo solo Alan Kay.

Actas de congresos

Design Leadership Summit 2019

La Conferencia de gestión del diseño de Design Leadership Summit 2019 se celebró del 4 al 5 de noviembre en Toronto. Grabaciones de discurso publicadas.

Facebook, , ― . , , , , , , , , , . .

Food Design Digest, febrero de 2020