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-diciembre de 2018 .
Patrones y mejores prácticas.
Una colección de ejemplos de sonidos de interfaz de servicios famosos. Al principio hay Skype, Slack, Facebook y Apple.
Manuales de mejores prácticas de Google
La compañía desmanteló muchas marcas conocidas:
ViajeFinanzasNoticias y sitios de contenidoCompras en línea móvilBienes inmueblesSitios promocionalesBiblioteca de patrones de aplicaciones móviles. Cada ejemplo se puede obtener en código.
Growth Rock exploró las 40 tiendas en línea más grandes de EE. UU. Y destacó los patrones clave de pago en sus versiones móviles. Realizaron algunas pruebas A / B en prototipos, lo que parece dudoso. Pero como lista de verificación, es bueno.
Raluca Budiu de Nielsen / Norman Group analiza patrones de buenos chats de apoyo. Pros, contras, trampas.
Una colección de patrones de interfaz con un enfoque en la comodidad psicológica de los usuarios. Hasta ahora solo se está llenando, pero el enfoque es interesante.
El equipo de Codea muestra un ejemplo interesante de un menú en iOS para herramientas profesionales: está más cerca de los productos de escritorio.
Parte 2Drew McLellan analiza el soporte del navegador para campos de entrada para diferentes formatos de datos (teléfono, fecha, etc.). Hay soporte, pero su calidad es muy variable y a menudo es mejor hacer su propio control.
Kim Flaherty y Kate Moran del Grupo Nielsen / Norman abordan los problemas de los sistemas de recomendación que llevan al usuario a una burbuja del mismo contenido.
Colin Eagan muestra cómo puede diseñar servicios que implican personalización.
Diseñar sistemas y lineamientos
Sistema de diseño de la empresa nacional BARS Group (hija Rostec).
Ryan Cordell de Deliveroo muestra cómo los escritores de front-end integraron las reglas de trabajo con textos en un sistema de diseño.
Comprensión del usuario
Katie Sherwin y Jakob Nielsen continúan la historia del nuevo estudio de Nielsen / Norman Group sobre el uso de interfaces para niños de diferentes edades. Este artículo cita la diferencia en la percepción de los patrones de interfaz típicos.
Arquitectura de la información, diseño conceptual, estrategia de contenido.
Flávia Lacerda, Mamede Lima-Marques y Andrea Resmini ofrecen su modelo de arquitectura de información para Internet de las cosas.
Nuevas herramientas de diseño de interfaz
La aplicación para Mac le permite insertar un dispositivo en el modelo de placa de prueba y sobre la marcha rotarlo en 3D según sea necesario.
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.
Figma
Cómo crear prototipos de interfaces de realidad aumentada en un montón de herramientas Figma y Torch .
En diciembre, apareció la versión beta Sketch 53 (y se lanzó un lanzamiento ayer). Configuraciones más precisas para las propiedades cambiantes de los caracteres y una interfaz más conveniente para su reemplazo.
Complementos
MakeUI : UI Kit Designer para Sketch. Puede seleccionar los parámetros principales de los elementos de la interfaz (colores, radio de redondeo, etc.), en la salida obtendrá una biblioteca de caracteres.
Pointbreak : le permite hacer diseños
receptivos .
Artículos
El equipo de diseño de Monzo describe su estructura de diseño y organización de la mesa de trabajo . Es específico, pero interesante cómo lo hacen los diferentes equipos.
Tilda
Descripción general de las nuevas características lanzadas en 2018 .
Flujo web
Una colección de plantillas y otros recursos de apoyo .
La segunda versión de la herramienta ha sido lanzada. Ahora, esto no es solo creación de prototipos, sino una herramienta de diseño de una pieza con la capacidad de exportar código y publicar el sitio. La colaboración está adjunta.
Flujo
Lancé un blog sobre animación de interfaz .
Llamarada
El comando muestra
lo que se puede hacer con la herramienta .
Una nueva y entretenida herramienta de creación de prototipos en línea. Elija un sitio promocional de la plantilla, cambie los textos y mire el dispositivo.
Un generador de paleta de colores bastante flexible e interesante. Un nuevo enfoque sobre miles de otras decisiones sobre temas que se ejecutan cada media hora.
Generador de paleta de colores para usuarios con discapacidad.
Y un servicio más de ilustraciones en stock que se pueden personalizar para adaptarse a su situación. También dan plantillas de entrega de los sitios promocionales.
Otro diseñador de sitios promocionales. Sirve como basado en IA, pero aparentemente, significa cosas muy simples. Una de las características interesantes es la aplicación flexible de temas de diseño (puede cambiar por separado y sin problemas la paleta de colores, el conjunto de fuentes y el tipo de controles).
Maravilla
Plantillas para sesiones de trabajo de pensamiento de diseño .
Investigación de usuarios y análisis
Servicio para trabajar con la base de conocimientos de insights. Agrega comentarios de varias fuentes y ayuda a formular un plan de producto basado en ellos.
Y otro servicio similar para trabajar con la base de conocimientos de insights. Hay más de ellos ahora.
El servicio ayuda a mantener una base de datos de encuestados para la investigación de usuarios y encontrar otros nuevos.
Genial tutorial de investigación de usuarios en línea de User Interviews. Describe los conceptos básicos, métodos de exploración y validación / prueba, selección de encuestados, herramientas y creación de equipos de investigación.
Dan Brown de EightShapes describe tareas típicas para probar la navegación del sitio.
Andrea Drugay de Dropbox habla sobre el formato de las sesiones rápidas de investigación de usuarios. Una vez cada dos semanas, invitan a varios encuestados que se comunican con los equipos de productos en un formato de "cita rápida".
Erika Hall muestra la diferencia entre la pregunta de la investigación del usuario en sí y la pregunta específica de la entrevista con el usuario. Los gerentes de productos y otros clientes a menudo los confunden y se les ocurre un método específico, aunque una pregunta de investigación formulada correctamente puede requerir un enfoque completamente diferente.
Jim Ross analiza errores comunes al planificar y realizar investigaciones personalizadas.
Jeff Sauro ha estudiado por qué los usuarios participan en encuestas gratuitas y cómo sus calificaciones difieren de las pagas.
Kate Moran da consejos sobre situaciones en las que los datos de diferentes estudios de interfaces se contradicen entre sí. Cómo verificar datos, métodos y, en general, actuar correctamente.
Jeff Sauro muestra cómo verificar la calidad de cualquier métrica obtenida de una encuesta de usuarios (por ejemplo, NPS).
Programación visual y diseño en el navegador.
Nuevos guiones
Los guiones más populares para la animación de 2018 en CodePen .
Un guión para la animación efectiva de flujos basados en líneas .
El script le permite presentar el objeto en forma de partículas animadas que responden a la interacción .
anime.js : marco de JavaScript para animación frontal.
Los guiones más populares para la animación de 2018 en Codrops . Mary Lou ha reunido para Codrops los
mejores experimentos de 2018 con la implementación de interactividad en el navegador .
Un guión para una presentación espectacular de una galería de fotos .
CSS Grid y Flexbox
Guía de cuadrícula CSS para diseñadores de Johna Paolino del NY Times .
Trabajar con SVG
Sara Soueidan describe los conceptos básicos de trabajar con filtros SVG y sus capacidades .
Parte 2Addy Osmani analiza los pasos para cargar la página de un sitio y destaca los puntos críticos en los que el usuario espera ver no solo el contenido principal, sino también las herramientas de interacción de trabajo. Da cálculos de la influencia de estas etapas en la conversión.
Métricas y ROI
Los estudios clásicos de NPS prueban el impacto de las métricas en las ganancias futuras de un negocio familiar. Jeff Sauro trató de contarlo para productos de software. Existe una conexión (aproximadamente el 40% de la precisión de la predicción a través de NPS y SUS), aunque no hay suficientes ejemplos para la muestra.
Gestión de Diseño y DesignOps
Los equipos de diseño en las empresas de alimentos están creciendo rápidamente, lo que significa que debe pensar en su salud interna. Una de las principales preocupaciones es proporcionar un esquema comprensible de crecimiento profesional, para que los diseñadores estén interesados y sientan que pueden fortalecerse. Los oficiales de personal han usado durante mucho tiempo tarjetas de habilidades (tarjetas de competencia) que ayudan a resaltar las fortalezas y debilidades de un empleado, y luego las bombean a propósito. La herramienta no es nueva, pero los diseñadores se enteraron hace solo unos años. Recopiló ejemplos de mapas de Basecamp, Buzzfeed, Coryndon Luxmoore, Facebook, Figma, Lyst, Mail.ru, Ope, Peter Merholz y Zendesk.
InVision ha propuesto su modelo de madurez de diseño . Estas son 5 etapas del crecimiento de un equipo de diseño, desde un artista hasta un visionario. Recopiló otros modelos característicos de madurez de diseño que aparecieron a lo largo de 20 años: Jonathan Earthy, Rosa Wu y Jess McMullin, Jakob Nielsen, Danish Design Center, Forrester, Human Factors International, HIMSS, Mail.ru Group, Keikendo, Macadamian, Nomensa, Infosys, Design Management Institute, Richard Banfield, Natalie Hanson, Sabine Junginger, David Service, Stefan Klocek, Gebruiker Centraal. Y estos son solo los más característicos de los cincuenta.
Liam Friedland de Respons Software describe su mapa de competencia del diseñador de productos. Es bastante detallado: se muestra lo que un especialista debería poder hacer en cada nivel.
Genial marco de gestión de diseño de Katharina Weber. Ella dividió todas las actividades en cinco niveles: empresa, estrategia, equipo, producto, diseñador.
Cómo trabajan los equipos de diseño famosos
Sasha Grishin sobre Badoo .
Lena Kulikova sobre el Banco Raiffeisen .
Bob Thomas y Jen McGinn comparten experiencia en la organización de sesiones de tutoría a gran escala para diseñadores principiantes o para aquellos que desean lograr un avance en sus carreras. Los celebraron en conferencias.
Interacción del equipo
Erin Woo habla sobre el formato de visitas semanales de los diseñadores móviles MS Outlook. Colegas de diferentes ciudades se unen y resuelven los problemas de los usuarios que siempre han querido llegar.
James Rotanson de Atlassian le da a Jira consejos de personalización para diseñadores. Da un ejemplo del trabajo de su propio equipo.
Jenny Wen del equipo de Dropbox Paper da consejos sobre cómo los diseñadores y desarrolladores trabajan juntos. Cómo simplificar la vida de los colegas y optimizar el trabajo en equipo.
Casos
Una buena historia sobre un rediseño no solicitado de YouTube de Pramiti R Khan.
Marisa Chan habla sobre el rediseño de las herramientas internas de seguimiento de estudiantes de la Academia RED.
La historia
En enero de 2019, se celebrará el centenario de la legendaria escuela Bauhaus, uno de los fundadores del diseño moderno. El sitio web oficial del aniversario reunió todos los eventos y materiales sobre el tema.
Comparación de sitios populares con versiones de hace 10 años. Hace un par de años, desenterraron versiones de hace 20 años, era más interesante allí: en 2009, Internet ya era bastante maduro y no había ningún juego.
Bonificación:
una colección de antiguos sitios de Pinterest .
Tendencias
Estadísticas de mercado (todo 2018)
100M -
dispositivos vendidos con Amazon Alexa1B -
dispositivos con el Asistente de Google instalado900M -
iPhone a mano en el mundoLa exposición anual de frescura técnica y juego CES 2019 se celebró del 8 al 11 de enero en Las Vegas. Como de costumbre, mostraban muchas plagas y plagas. Lo más interesante de las interfaces: las interfaces de voz están integradas en la ducha y los llaveros, ya se puede comprar el primer teléfono de pantalla flexible, una tonelada de electrodomésticos, interfaces para automóviles, dispositivos portátiles, realidad virtual y aumentada, televisores y, por supuesto, emisores de olores.
Interfaces de voz
Microsoft ha sugerido agregar la capacidad de dar comandos a los asistentes de voz en un susurro. Más precisamente, leen el aliento durante la emisión silenciosa de la frase. Esto ayudará mucho en situaciones en las que necesite guardar silencio; siempre se han considerado un punto débil de las interfaces de voz.
Pantallas flexibles
Hay cada vez más conceptos y productos vivos. Y aún no hemos esperado la exhibición del
Mobile World Congress del 25 al 28 de febrero, donde definitivamente habrá más. Parece que finalmente comenzará un movimiento interesante en las interfaces móviles, donde todo se ha vuelto demasiado predecible.
Royole tomó el título del primer producto comercial de Samsung: ya se puede comprar. Viene con un teclado plegable externo, lo que hace que la impresión general sea aún más futurista.
RevisarMostró oficialmente el concepto
previamente filtrado de su teléfono flexible. Se presenta en dos direcciones.
La patente presenta una nueva generación del legendario teléfono con una pantalla flexible.
La presentación de Rupert Platz, aunque fue lanzada hace un año y medio, es nueva como nunca antes: te enseña a separar las palabras de fondo publicitarias inútiles de los métodos y las mejores prácticas realmente útiles. A través de este enfoque, puede ahuyentar cualquier tema candente y comprender por sí mismo si debe seguirlo.
Interfaces de coche
El nuevo
Mercedes CLA ofrece control de gestos fuera de la caja .
Don Norman y Eli Spencer dicen que la profesión debería ayudar a las comunidades locales a encontrar soluciones de diseño por sí mismas. Los diseñadores en esta visión juegan el papel de facilitadores que enseñan a la gente común enfoques y métodos profesionales.
Thomas Byttebier también reflexiona sobre por qué los productos y marcas digitales modernos se han convertido en lo mismo. Esto sucede en otras áreas: moda, cafetería, etc.
Realidad virtual y aumentada
Gleb Kuznetsov recolectó muchos de sus conceptos de interfaces en el contexto de la tendencia a la emotividad .
Los diseñadores de Ford están diseñando algunos autos en realidad virtual .
Nikolai Babich ha compilado una selección de conceptos de aplicaciones interesantes utilizando la realidad aumentada .
Para el desarrollo general y profesional.
Curt Arledge de Viget habla sobre la complejidad de implementar la ética del diseño, porque nuestra influencia en los niveles de infraestructura y de negocios es extremadamente limitada, y la mayoría de los problemas provienen de allí.
Un curso de texto en línea en la interfaz por Yuval Keshtcher.
Personas y empresas de la industria.
Phase revisa cómo funciona el diseño en diferentes ciudades del mundo y publica una historia sobre el ecosistema profesional en Moscú. Puse cinco kopeks sobre por qué tenemos un mercado bastante maduro y fuerte y qué equipos vale la pena ver.
Sobre el diseño doméstico no se escucha particularmente en el extranjero. El mercado es lo suficientemente grande como para que las empresas tengan suficiente para trabajar para una audiencia interna, de modo que no tengan una necesidad urgente de brillar a escala mundial. Como resultado, la mayor parte de la frescura actual no va a la comunidad internacional, aunque hay suficientes productos y equipos realmente fuertes. Y lo que es más ofensivo: hace que los diseñadores domésticos mismos difundan demasiado la podredumbre. Por supuesto, hay suficientes especialistas débiles, como en otros lugares. Pero es más correcto mirar el panorama general, y está en un buen nivel.
Una historia sobre el laboratorio de investigación del
Grupo de Interfaces Futuras que opera en la Universidad Carnegie Mellon.
Blog del equipo de diseño de Yandex.
Blog del equipo de diseño de Spotify.
Actas de congresos
Se
ha lanzado un buen
catálogo de conferencias de diseño para 2019 . Ahora hay 117 eventos en todo el mundo.
Los usuarios avanzados de PC saben desde hace mucho tiempo sobre
Find UX Events : la mejor fuente y base de conocimiento para eventos de diseño donde hay datos para un par de años por delante (
su selección ). Desafortunadamente, otro catálogo sensato,
Lanyrd , murió la muerte de los valientes.
Durante mucho tiempo, las colecciones basadas en dichos catálogos fueron hechas por Smashing Magazine, pero recientemente se detuvieron.
La pancarta fue interceptada por el Colectivo UX .
Aparentemente, las listas de conferencias se lanzarán más de una vez. Por ejemplo,
designconf.site recientemente abierto. No es el más completo, pero sí.
La tabla de la que toman los datos.
Visité un número decente de conferencias, festivales, talleres y reuniones nacionales e internacionales en los últimos años. Llegué a la conclusión de que ** hay dos tipos de contenido y vale la pena visitarlos para la tarea:
Conferencia general
Esto se trata principalmente de inspiración, porque es difícil esperar un bombeo enfocado de algunas habilidades del contenido sobre todo a la vez. Obtendrá una buena parte de lo que se habla en la profesión y un cargo de vivacidad para mantenerse al día con las tendencias. En este sentido, me gustaron
Amuse (Budapest),
UXLx (Lisboa) y
OFFF (Barcelona). Interesante fue
Google SPAN (Londres). Desde el hogar, los
fines de semana de diseño (diferentes ciudades) funcionan bien y nuestra
Conferencia de diseño Mail.ru × Dribbble Meetup (Moscú). Durante mucho tiempo quiero llegar a la Conferencia e Interacción de Awwwards.
Altamente especializado
Gestión de diseño, sistemas de diseño, branding, tipografía, etc. Esta es una forma genial de bombear una habilidad específica y profundizar el conocimiento en el tema. Aquí,
MXConference / LXConference (San Francisco) y
DesignOps Summit (Nueva York) para la gestión del diseño y
Silver set (Moscú) para la tipografía quedaron bien. En algún lugar en el cruce entre los dos formatos de
Future London Academy (Londres). Gran decepción:
Clarity (San Francisco) supuestamente para los sistemas de diseño. Este año llegaré a
Brand New (EE. UU.) Para la marca y
Leading Design (Londres) para la gestión del diseño.
Por lo tanto, a la pregunta "qué conferencia recomienda", a menudo respondo: dependiendo de lo que quiera saber. Describí mi enfoque arriba.
Por separado, observo que es sumamente importante escuchar activamente y hacer preguntas. Muchos esperan que simplemente al llegar a una hermosa habitación con altavoces elegantes, los rayos del conocimiento se derramen automáticamente sobre ellos. Nifiga, muchachos: en las conferencias es importante escuchar con atención, tomar notas y hacer preguntas a los oradores. De lo contrario, solo tomará un buen trago y traerá algunos recuerdos, y luego serán geniales, dicen, no se sorprendió.
La Conferencia de Gestión del Diseño 2018 Design Leadership Summit se celebró el 29 de septiembre en Toronto. Grabaciones de video publicadas de actuaciones.
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.