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-abril de 2019 .
Patrones y mejores pr谩cticas.
El nuevo Manual de animaci贸n InVision de Ryan McLeod trata sobre la animaci贸n frontal. Pensamientos y entrevistas de Google, Headspace, Lyft y Zova Fitness. No es el m谩s grande de lo que hicieron, pero con suficiente detalle.
Consejos de Google David Hogue para simplificar interfaces Un enfoque sistem谩tico inteligente ayuda a comprender las posibles dificultades en el producto.
Consejos de Maria Rosala del Grupo Nielsen / Norman sobre el formato competente y el momento de solicitar permisos para usar las funciones m贸viles de los usuarios.
Memo de dise帽o de estado de interfaz de Shane Doyle. Perfecto estado, vac铆o, carga, parcial, imperfecto, interactivo, errores, 茅xito.
Resumen del discurso de Anna Kochetkova de Tinkoff Business de la conferencia UX Marathon. Gran memo para buenos textos en la interfaz.
Memo Zhiyu Xue en la interfaz de filtro competente. C贸mo proporcionar una buena selecci贸n y ayudar al usuario a trabajar con ella.
Un formato interesante para recordatorios de tipograf铆a en formato de tarjetas simples del equipo DocDoc.
Vidit Bhargava muestra por qu茅, en los tel茅fonos OLED, un color gris oscuro es m谩s adecuado para un tema oscuro, en lugar de negro puro. Con el negro puro, la animaci贸n ser谩 borrosa y el gris oscuro consumir谩 casi la misma energ铆a (en pantallas OLED, cuanto m谩s brillante sea el p铆xel, m谩s bater铆a requiere).
Una de las formas m谩s econ贸micas de implementar un tema oscuro en una interfaz es a trav茅s de los modos de fusi贸n CSS.
Consejos de Anna Kaley y Jakob Nielsen del Grupo Nielsen / Norman para enviar una p谩gina de la empresa.
Investigaci贸n del Instituto Baymard
Consejos de Jamie Appleseed para
incrustar videos sin problemas en la p谩gina de tu producto .
Dise帽ar sistemas y lineamientos
La presentaci贸n anual de los logros de Google I / O 2019 de Google se realiz贸 del 7 al 9 de mayo en Mountain View. Recolect贸 lo que concierne a los dise帽adores.
Android Q ahora tiene un
tema oscuro fuera de la caja (una
gu铆a para desarrolladores ). Debe ser compatible con las propias aplicaciones, pero para muchos esta es una buena raz贸n para sistematizar el trabajo con colores e 铆conos (por ejemplo, a trav茅s de tokens). Aquellos que usan componentes est谩ndar de Material Design pueden relajarse por completo: tienen soporte fuera de la caja.
Conferencia para dise帽adores de la conferencia .
Otras innovaciones de interfaz en la d茅cima versi贸n:
Control de gestos mejorado para la navegaci贸n principal en el sistema operativo , cuya transici贸n comenz贸 en Android P. Existe un posible conflicto con el men煤 lateral para regresar. La versi贸n cl谩sica con 3 iconos est谩 disponible durante la configuraci贸n inicial.
Soporte para pantallas flexibles fuera de la caja. La compa帽铆a est谩
trabajando en prototipos de dichos dispositivos .
Una secci贸n sobre
sonidos en las interfaces ha aparecido en las pautas de dise帽o de materiales.
Conferencia para dise帽adores .
Los chats flotantes de Bubbles a la Facebook se convertir谩n en parte de la plataforma.
La iniciativa de bienestar digital tuvo un buen efecto : sus usuarios redujeron su uso de tel茅fonos en la noche en un 27%. En Q, tambi茅n habr谩
un modo de enfoque con la prohibici贸n de lanzar aplicaciones individuales para la procrastinaci贸n.
El motor para el aprendizaje profundo se ha optimizado poderosamente, de modo que ahora est谩 disponible en el dispositivo incluso sin Internet. Gracias a esto, aparecieron varias cosas poderosas a la vez:
Smart Reply funciona para cualquier mensajero, hay acciones r谩pidas disponibles en el 谩rea de notificaci贸n.
Subt铆tulos para video en vivo (hasta ahora solo en ingl茅s).
Todos los discursos de la conferencia para dise帽adores . Tematizaci贸n en Material Design y su aplicaci贸n en productos, sprints de dise帽o para Google Assistant, dise帽o para AI, sonidos en la interfaz, tema oscuro. Bueno, una
revisi贸n de lo nuevo en Material Design .
En general, despu茅s de una
actualizaci贸n masiva de Material Design el a帽o pasado, ahora estamos hablando m谩s sobre pulido y desarrollo gradual.
La versi贸n beta ya se puede poner (aunque
todav铆a no hay todo ).
Magn铆fico recordatorio sobre la descripci贸n de la animaci贸n en sistemas de dise帽o de Caleb Barclay. Auditor铆a de soluciones existentes, variables y escalas clave, naturaleza y principios, especificaci贸n.
Adam Doti de Salesforce habla sobre la descripci贸n de los sonidos frontales en su sistema de dise帽o Lightning. Principios, patrones y excelente modelo de relevancia.
Nathan Curtis detalla las mejores pr谩cticas para la tipograf铆a en sistemas de dise帽o.
Sistema de dise帽o Uber.
Anuncio .
El marco para crear sistemas de dise帽o
sali贸 de la versi贸n beta .
Descripci贸n general de la sintaxis MDX y marcos populares (Docusaurus, Gatsby, Docz, Storybook, Styleguidist, VuePress, MkDocs, GitBook) para crear pautas en vivo y descripciones de componentes.
Comprensi贸n del usuario
Kathryn Whitenton analiza los productos del mercado masivo en los que es dif铆cil segmentar a los usuarios. A menudo, esto lleva a la opini贸n obligada de que "nuestros usuarios son casi todo, por lo que no hay nada que hacer". Ella aconseja tratar de separarlos al menos por frecuencia de uso; este es un buen primer paso.
Consejos de Rachel Krause de Nielsen / Norman Group para envolver el conocimiento del usuario y sus escenarios de uso del producto en historias claras y visuales.
Lindsay Nevard de Facebook muestra c贸mo las historias de usuario bien empaquetadas pueden ayudar a los equipos de productos en muchos momentos comerciales.
Jeff Sauro investig贸 situaciones en las que los clientes contactan con el servicio de atenci贸n al cliente. Est谩n divididos por industria y problemas espec铆ficos.
Susanna Zaraysky da consejos para argumentar inversiones en accesibilidad para usuarios con discapacidades. No solo respaldado por n煤meros fuertes, sino 煤til.
Don Norman es esc茅ptico ante los intentos de empatizar con los usuarios: si observa el significado original del t茅rmino, entonces esto es casi imposible. Aconseja centrarse en las actividades de los usuarios y apoyarlos en los productos.
Don Norman escribe sobre los problemas del mundo tecnol贸gico moderno, poco adaptado para los ancianos.
Arquitectura de la informaci贸n, dise帽o conceptual, estrategia de contenido.
El servicio le permite trabajar en el dise帽o conceptual de interfaces. Descripci贸n de personajes, escenarios, mapa de viaje del cliente, bueno, tablas de barro adem谩s.
Intercom ha publicado la segunda edici贸n de su libro Onboarding.
Nuevas herramientas de dise帽o de interfaz
Una manera f谩cil de cambiar distancias en un grupo de objetos, ver el c贸digo SVG, mejorar la impresi贸n y la interfaz en su conjunto.
Complementos
Adobe xd
Puede actualizar Los componentes se redise帽an en una versi贸n m谩s madura junto con un trabajo m谩s sistem谩tico con estilos, muchas mejoras de interfaz.
Figma
Plantillas para dibujar diagramas en Sketch y Figma .
Roman Kamushken describe varios enfoques para crear tablas .
Framer x
Finalmente, se lanz贸
Framer Bridge , que le permite conectar componentes desde un marco tecnol贸gico. Se sincronizan con los componentes Framer (que ahora usan Git para el control de versiones).
Framer Playground tambi茅n se lanz贸 con un nuevo editor de c贸digo para crear sus componentes.
Maravilla
Se ha lanzado la tercera versi贸n del paquete de herramientas corporativas . Reunieron los 煤ltimos lanzamientos, como pruebas de usabilidad y ayuda con la organizaci贸n de proyectos y la gesti贸n de la organizaci贸n en su conjunto.
El servicio le permite almacenar una base de datos de aut贸nomos con contactos, carteras, etiquetas de precios. Importe datos de Behance, Vimeo, Soundcloud, Instagram, GitHub y Artstation.
Una herramienta de animaci贸n en l铆nea para que los desarrolladores puedan compartirla f谩cilmente. Le permite usar JSON de complementos como Bodymovin 'para AfterEffects y torcer el resultado.
Anuncio de los autores .
Tilda
Sitio web sobre c贸mo trabajar con Tilda : consejos, ejemplos, contratistas.
Servicio para crear mapas de sitios simples en un navegador.
Servicio para crear m茅todos de entrenamiento al conocer a un nuevo usuario. Informaci贸n sobre herramientas, p煤lsares, asistentes y otros patrones populares con an谩lisis para todo el escenario.
Aplicaci贸n de tableta para bocetos e ilustraciones.
Otro marcador para la colaboraci贸n en el navegador.
Otro servicio que promete combinar el dise帽o y la generaci贸n de c贸digo listo a partir de 茅l.
Servicio para crear pautas est谩ticas.
remove.bg
Aplicaciones lanzadas para Windows, Mac y Linux .
Resumen
Joe Woodward del equipo de Microsoft Outlook describe su
proceso de dise帽o basado en una combinaci贸n de Sketch y Abstract .
Investigaci贸n de usuarios y an谩lisis
El servicio ayuda a las pruebas de usabilidad de prototipos interactivos (e incluso los ensambla en su interior).
La
conferencia de investigaci贸n de usuarios de
Torve se realiz贸 del 6 al 7 de junio en Toronto. Hay una composici贸n muy poderosa y representativa de docenas de hablantes.
Dirigen una revista sensata en Medium UX Research Collective, donde publican entrevistas con todos los conferenciantes.
Mandy Owen de Airbnb ,
Monal Chokshi de Lyft , investigadores de
Shopify y
Patti Carlson de Mailchimp hablaron sobre la estructura del equipo, la integraci贸n con los equipos de productos, el papel de la investigaci贸n en la cultura de la compa帽铆a y el desarrollo general del mercado.
Chris Geison de AnswerLab trata sobre su visi贸n de las tendencias y desaf铆os profesionales.
Los organizadores hacen mitaps y mantienen a la
comunidad en Slack , por lo que es 煤til realizar un seguimiento de sus actividades. Adem谩s, publican discursos en video (por ejemplo,
la conferencia del a帽o pasado ).
Kate Kaplan del Grupo Nielsen / Norman describe un enfoque con silencio intencional a corto plazo del moderador durante la investigaci贸n del usuario. Esto permite no confundir al encuestado con pensamientos y no hacer preguntas y aclaraciones importantes. El art铆culo tiene excelentes ejemplos de audio para cada situaci贸n.
Una nota de Alita Joyce del Grupo Nielsen / Norman para realizar investigaciones de usuarios con ni帽os y adolescentes. Esta es una audiencia dif铆cil, pero tambi茅n tiene limitaciones legales para trabajar con ella.
Arin Bhowmick de IBM habla sobre c贸mo se organiza el formato de trabajo con usuarios patrocinadores (es decir, encuestados) en su versi贸n del pensamiento de dise帽o. El equipo del producto prueba regularmente prototipos y conceptos con ellos.
Programaci贸n visual y dise帽o en el navegador.
Nuevos guiones
Rejilla CSS
Generador de malla visual en CSS Grid .
M茅tricas y ROI
Jeff Sauro habla sobre la m茅trica de usuarios "perdidos": le permite evaluar la navegaci贸n en el sitio. 驴Le ayuda a encontrar informaci贸n para una cantidad aceptable de acci贸n?
Jeff Sauro habla sobre el Modelo de aceptaci贸n de tecnolog铆a (TAM), que lo ayuda a evaluar la utilidad y usabilidad de su producto. C贸mo funciona, c贸mo evaluarlo, enfoques alternativos.
Gesti贸n de Dise帽o y DesignOps
Arturo Leal de Dell describe un modelo m茅trico para evaluar el rendimiento del equipo de dise帽o. Se dividen en 4 categor铆as: productividad, salud del equipo, rendimiento y crecimiento.
Jared Spool escribe sobre la organizaci贸n adecuada de equipos innovadores en las empresas. La selecci贸n de laboratorios individuales o startups no siempre produce un efecto: es mucho m谩s 煤til equipar a los principales equipos de productos con las herramientas adecuadas.
Ivan Solovyov de DocDoc habla sobre el mapa de competencias para los dise帽adores de la empresa.
Resumen de las ideas clave de los comentarios de los clientes de Mike Monteiro. Qu茅 hacer si es bombardeado y c贸mo exhalar y traducir la discusi贸n en un canal de sonido.
Eunice de IBM habla brevemente sobre el mapa de competencias para los dise帽adores de la empresa (ahora ya hay 2.000 personas).
Julie Zhuo ha lanzado The Making of a Manager. Ayuda a los gerentes novatos a trabajar mejor. Todav铆a no he llegado, pero al parecer, ella no se centra en la gesti贸n del dise帽o, sino que habla de cosas generales.
Entrevista sobre su enfoque al trabajo y un libro (y
uno m谩s para InVision ).
A Books Apart parece estar a punto de comenzar a vender una
"Gesti贸n Resiliente" similar
de Lara Hogan .
Interacci贸n del equipo
Dan Brown de EightShapes da consejos sobre c贸mo tener reuniones de trabajo 煤tiles.
Casos
Ramla Mahmood, de Vox Media, habla sobre el proceso de dise帽o de herramientas editoriales utilizando Chorus Video como ejemplo.
Stephen Macvean de Deliveroo habla sobre el redise帽o de la interfaz de seguimiento del estado del pedido.
Tendencias
Pensamientos de Facebook sobre qu茅 hacer con los perfiles de los usuarios despu茅s de su muerte. Para 2050, superar谩n la cantidad de vida (a menos, por supuesto, que el producto en s铆 mismo a煤n est茅 con nosotros).
Jake Blakeley de Facebook habla sobre c贸mo comenzar con las interfaces de realidad virtual y aumentada.
Interfaces de voz
Asistente de Google en Google I / O 2019
Desarrollando alegremente como uno de los puntos de enfoque.
Ayuda a los conductores de manera m谩s activa ,
simplifica el desaf铆o de las acciones populares ,
aprende a reconocer las llamadas a sus seres queridos sin nombre ,
funciona mejor con Android TV . Gracias al motor de aprendizaje profundo que se ejecuta en el dispositivo,
responde mucho m谩s r谩pido .
Pero lo m谩s interesante es el desarrollo de Duplex, que el a帽o pasado despert贸 a los usuarios de Internet (foto). Se conect贸 a Chrome y se
convirti贸 en asistente para completar formularios complejos en la web , por ejemplo, alquilar un autom贸vil o comprar entradas para el cine.
Tambi茅n mostramos el ejemplo opuesto:
Live Relay ayudar谩 a los usuarios con discapacidades a responder llamadas con texto (bueno, o con una respuesta inteligente lista para usar).
Todo esto est谩 relacionado con las iniciativas de la casa inteligente, que ahora se sirven bajo la marca
Google Nest (en lugar de Google Home). Dado que muchos asistentes de voz entran en "pantallas inteligentes" (una tableta est煤pida en un soporte,
ahora con juegos ), su nuevo
Google Nest Hub Max es solo eso.
Interfaces de coche
Para el desarrollo general y profesional.
Capacitaci贸n en habilidades de argumentaci贸n: el sitio hace preguntas al capacitador para que el dise帽ador ayude a responder las cr铆ticas de dise帽o.
Pablo Stanley ha estado haciendo una serie de c贸mics sobre dise帽adores en The Design Team durante varios a帽os. Recolect贸 grandes 茅xitos en una sola pieza.
Consejos para impulsar las habilidades profesionales generales del dise帽ador de Kaja Laura Toczyska.
Fabricio Teixeira analiza el t茅rmino abstracto y raramente relevante "intuitivo" para las caracter铆sticas espec铆ficas de la interfaz.
Una poderosa lectura larga de Fabricio Teixeira y Caio Braga sobre la 茅tica para los dise帽adores, que potencialmente ayudar谩 a reducir el apego tecnol贸gico del usuario.
Nuevos libros de medios de Rosenfeld
Personas y empresas de la industria.
Historia sobre los cambios en la cultura del dise帽o y los procesos organizativos de Microsoft, que ayudan a unir equipos de diferentes productos. Esto ayuda a unirlos, es mejor integrar el hardware y el software de los dispositivos, buscar r谩pidamente nuevas soluciones para el sistema de dise帽o y ponerlo en pr谩ctica.
Traducci贸n
Blog del equipo de dise帽o de DocDoc.
El fundador y editor de UX Collective Fabricio Teixeira habla sobre c贸mo el equipo dirige una de las revistas de dise帽o m谩s grandes de Medium.
Comprar estudios de dise帽o de grandes empresas
Actas de congresos
La conferencia
Enterprise UX 2018 se realiz贸 del 13 al 15 de junio en San Francisco. Sinopsis de actuaciones de Pabini Gabriel-Petit (
parte 3 ).
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.