El resumen ha estado recopilando nuevos artículos sobre diseño de interfaz, así como herramientas, patrones, casos 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-julio de 2018 .
Patrones y mejores prácticas.
Nathan Gitter quedó impresionado por la presentación de "Diseño de interfaces fluidas" en WWDC 2018 e hizo una serie de soluciones de interfaz experimentales que muestran animaciones similares durante el control de gestos.
Therese Fessenden del Grupo Nielsen / Norman habla sobre la teoría de la visibilidad y la interpretación de los elementos de la interfaz. Su combinación afecta la percepción del producto como un todo.
Saadia Minhas analiza en detalle las situaciones en las que necesita usar la casilla de verificación y el interruptor de palanca: resuelven problemas similares, pero no son intercambiables.
Otra biblioteca de patrones de aplicaciones móviles.
El concepto elegante de desarrollar notificaciones y multitarea en iOS de Kévin Eugène. La notificación puede interactuar con la aplicación que ahora está abierta, lo que ofrece muchas características interesantes.
Stéphanie Walter Mobile Design Memo. Desde la época del libro clásico Luke Wroblewski, poco ha cambiado, pero su nueva edición claramente no es suficiente, por lo que el artículo es útil. La parte 2 habla sobre el
procesamiento de campos de entrada en dispositivos móviles .
Una guía visual inteligente sobre cómo visualizar datos.
Amazon utiliza un patrón oscuro bastante duro: en contraste con el enfoque estándar relativamente sano, "arrojamos una evaluación positiva en la tienda de aplicaciones, una retroalimentación negativa", simplemente no permiten dejar malas críticas (dicen que fue demasiado largo).
Kim Flaherty, del Grupo Nielsen / Norman, ha identificado varias áreas en las que Amazon funciona mal y ofrece a otras tiendas en línea la oportunidad de destacarse.
Investigación del Instituto Baymard
Edward Scott escribe sobre la
importancia de una forma explícita de devolver un artículo a una tienda fuera de línea.Diseñar sistemas y lineamientos
Equipo SteelKiwi Inc. compara la implementación de tareas de interfaz típicas en Android e iOS. Una nota adecuada para aquellos que recién comienzan a aprender los detalles de las plataformas móviles.
Kyle Peatt cuenta la historia del sistema de diseño Shopify Polaris. Un análisis muy adecuado de las características y problemas de la implementación y popularización de la plataforma. Por ejemplo, muchas compañías ven el sistema de diseño como una forma de elevar el nivel básico de diseño del producto, pero las soluciones estándar pueden limitar a los diseñadores; por lo tanto, constantemente hacen "autos conceptuales": experimentos con patrones de interfaz en el espíritu de un diseño único que mueve a Polaris hacia adelante.
Matt Bond se mudó recientemente a Asana, pero estuvo a la vanguardia del sistema de diseño Atlassian. Habla sobre los hallazgos clave que hizo por sí mismo al trabajar en ello.
Se abrió la inscripción para la Conferencia Especializada Clarity en Nueva York (10-12 de diciembre). El primero fue fuego, el segundo completamente en leche (
estaba allí y se interrumpió ). Todavía no hay un programa nuevo, pero debe tener cuidado de no caer en la presentación que tiene poco que ver nuevamente con el tema.
Android P está fuera de beta y ya está disponible en algunos dispositivos.
EK Chung, el gerente de diseño de Android, habla sobre los principios establecidos en la nueva versión .
iOS 12
Explore grabaciones de video de apariencias de diseño con Apple WWDC 2018 .
Comprensión del usuario
Daniel Stefanovic recopila los principios de psicología para diseñadores en una forma visual con referencias a la teoría. Si bien no hay muchos, pero la lista debe reponerse.
Arquitectura de la información, diseño conceptual, estrategia de contenido.
Una nueva investigación sobre los peligros de la luz azul en las interfaces modernas es aún más triste: dicen que conducen a una pérdida de tiempo irreversible.
New Riders publicó el libro de Carrie Hane, Designing Connected Content: Plan and Model Digital Products for Today and Tomorrow (Voices That Matter), en diciembre de 2017. Se dedica a trabajar en el contenido de sitios web complejos y productos de información, la interfaz y el contenido están estrechamente relacionados entre sí y, a menudo, no está claro qué debe diseñarse exactamente primero, y luego qué.
Webinar del autor .
Diseño y diseño de pantallas de interfaz.
Framer x
Gradualmente, hable sobre las características clave de Framer X:
diseños y
dibujos . Trabajar con diseños es extremadamente interesante y promete simplificar enormemente la vida de los diseñadores. Antoine Plu comparte sus
impresiones de la versión beta de Framer X (grabó un screencast del trabajo).
Las versiones beta ya están llegando gradualmente a todos los que esperan. Y también hay una
descripción oficial de cómo funcionan los componentes . Se menciona la capacidad de importar cualquier componente en React.
Figma
Se agregaron
formas avanzadas de interactuar con el prototipo .
Un pequeño curso de Designlab .
Adobe xd
Actualización de agosto : trabajo mejorado con emisión de especificaciones para desarrolladores.
Actualización de julio : integración con herramientas de terceros.
La herramienta ayuda a recopilar y probar prototipos interactivos de interfaces. Importar desde Sketch y análisis bastante extensos para la ejecución de scripts.
Koos Looijesteijn comparó Sketch, Figma, Adobe XD, UXPin e InVision Studio de muchas maneras.
Un paquete de plantillas elegantes para bocetos de interfaces de realidad aumentada y virtual de Vladimir Kurbatov.
Investigación y pruebas de usuarios, análisis
Servicio para trabajar con la base de insights. Ayuda a agregar datos de investigación de usuarios para encontrar ideas útiles para el desarrollo de productos entre ellos. Durante varios años estuvo en beta y ahora se está
preparando la
primera versión .
El director creativo de Mail.Ru, Dmitry Osadchuk, y el jefe del laboratorio de UX, Ksenia Sternina, le contaron al equipo sobre una serie de pruebas de UX para videos Beepcar. Esto ayudó a comprender qué tan bien funcionarán para diferentes grupos de audiencia y a hacer una lista de verificación para el futuro.
Jeff Sauro enumera los tipos de escalas de calificación para encuestas de usuarios. Gran referencia
Victor Kuptsov de Usethics comparte su experiencia en la prueba de interfaces con niños y adolescentes que están acompañados por sus padres. Estas parejas tienen dinámicas interesantes dependiendo de si vinieron la madre / padre y la hija / hijo.
Programación visual y diseño en el navegador.
Nuevos guiones
Facundo Corradini muestra una
manera de establecer el color del texto en un control dependiendo del fondo usando CSS . Esto simplifica la descripción de componentes en sistemas de diseño.
El script muestra un ejemplo de formas morphing en SVG .
El guión crea una animación en el espíritu de los letreros de neón con el efecto de parpadear .
Trabajar con color
Un generador de variación de color para un color en particular es una gran herramienta para trabajar en pautas.
Tipografía web
Mathieu Triay hizo
otra revisión de las fuentes variables . En general, es estándar, pero hay una cifra útil sobre cómo guardar el tamaño del archivo usando una fuente como ejemplo.
Modos de mezcla
Bennett Feely le muestra lo que puede hacer con los modos de fusión CSS . En algunos lugares, parece ser el filtro más convencional en Photoshop, pero este es un paso importante para encontrar los límites de lo que es posible.
Trabajar con SVG
Una herramienta en línea ayuda a probar los filtros SVG .
El complemento para Chrome y Firefox le permite obtener rápidamente el código final del elemento seleccionado en la página, sin buscar dependencias usted mismo.
Métricas y ROI
Aaron Powers y Scott Mackie de Athena Health discuten con recientes artículos provocativos de Alan Cooper y Jared Spool sobre el diseño de ROI. Esta es una pregunta saludable para cualquier equipo de producto: en qué actividades es mejor invertir recursos. Los autores muestran varios ejemplos de su práctica, que simplificaron la elección de los equipos.
Nota de Jeff Sauro para métricas de interfaz clave.
Estrategia y gestión de UX
Angela Huenerfauth y David Teller ofrecen un método extremadamente interesante para evaluar la madurez del diseño del producto. Acordaron con los gerentes de producto rastrear este indicador a medida que avanza el desarrollo y tomar una decisión conjunta sobre un nivel suficiente de usabilidad para su lanzamiento. Parece complicado, pero esto probablemente se deba a que el enfoque todavía es completamente desconocido.
Dani Nordin de Athena Health describe el enfoque de la compañía para diseñar deuda. El método sistémico sensible, como todo lo demás sobre lo que el equipo escribe.
Dave Malouf reflexiona sobre la aplicabilidad del modelo organizativo de Spotify y cualquier otra metodología y enfoque de trabajo. Es importante comprender que implican una cierta cultura y disposición que puede funcionar en una y no en otra.
Cómo trabajan los equipos de diseño famosos
Andre Le Masurier de Londres Londres habla sobre cómo funciona el equipo de diseño de la marca .
Interacción del equipo
Rosenfeld Media ha publicado
Kevin Hoffman's Meeting Design: For Managers, Makers, and Everyone . UXmatters publica el capítulo 5 del mismo sobre estilos de facilitación.
Casos
Una buena historia sobre trabajar en el diseño de la aplicación Screenlife para grabar videos del trabajo de un usuario en un dispositivo móvil de Elvis Obanya.
Antin Harasymiv de Google habla sobre cómo la animación y el trabajo técnico de la interfaz de Google Maps funcionan en el cuerpo. El texto es largo pero útil para comprender los principios generales.
Kathryn Whitenton y Sarah Gibbons del Grupo Nielsen / Norman muestran cómo la compañía utilizó sus mejores prácticas para rediseñar la página de inicio de su propio sitio.
La historia
El ex ingeniero de Apple
Ken Kocienda publica Creative Selection, un libro sobre el proceso de diseño de la compañía durante la era de Steve Jobs. 9 a 5 Mac publica un extracto de él sobre trabajar en el teclado en pantalla del primer iPhone.
Stephen Hackett ha compilado una colección de 1,500 capturas de pantalla de MacOS de generaciones usando la interfaz aqua.
Tendencias
Estadísticas del mercado (II trimestre y primer semestre de 2018)
-1,8%
caída de ventas de teléfonos inteligentes en el mundo16,8%
El crecimiento de las ventas de altavoces inteligentes en el mundo898K
venta de teléfonos inteligentes en el mercado secundario en Rusia (Avito)Jeff Sauro ha actualizado su revisión anual de estadísticas de uso de teléfonos inteligentes.
Diseño Algoritmico
La compañía cinematográfica 20th Century Fox aprendió a determinar mediante el avance qué segmento de la audiencia le gustaría más la película.
Una solución experimental de Uizard convierte bocetos de interfaces en papel en diseños de bocetos bastante limpios.
Alibaba aprendió a generar automáticamente nombres de productos. Es hora de bromas "¿qué no has hecho antes?"
Interfaces de voz
Page Laubheimer y Raluca Budiu continúan la historia de Alexa, Google Assistant y Siri, un gran estudio fácil de usar sobre asistentes de voz. En el segundo artículo, escriben sobre las actitudes de las personas hacia tales dispositivos y las expectativas sobre la calidad de las respuestas y el formato de los diálogos.
LoupVentures comparó la calidad de las respuestas de Alexa, Cortana, Google Assistant y Siri para 800 consultas. Si no hubo problemas para entender la frase en sí, entonces con la emisión de una respuesta adecuada, todo es mucho peor.
Diseñador en línea de bots de chat y habilidades para asistentes de voz Google Assistant y Yandex Alice.
Otras noticias de interfaz de voz
Durante el último año y medio, han aparecido muchos dispositivos como "asistente de voz con pantalla". De hecho, dicha tarea puede resolverse con cualquier tableta o teléfono inteligente con una estación de acoplamiento.
Parece que Google está preparando ese régimen para los teléfonos Android .
Nuance está trabajando en un asistente de voz para automóviles que
funcionará sin la palabra de inicio de un asistente .
Una breve historia sobre el
equipo de Google, que trata sobre el carácter del asistente de voz : bromas, respuestas no estándar, manejo de situaciones difíciles.
Asistente de Google Hackathon Content
Solo AI comparte las conclusiones extraídas de la experiencia de participar en el hackathon .
Redmadrobot también habla sobre sus experiencias .
Parte 2Heads and Hands habla sobre su concepto .
Para el desarrollo general y profesional.
Fabricio Teixeira y Caio Braga escriben sobre el tema de los artículos de diseño demasiado superficiales que dominan lo más profundo y lo más útil. Una razón es clara: la necesidad de autopromoción. Realizaron un análisis interesante de artículos sobre los boletines y las comunidades más populares durante el año pasado e identificaron los tipos de publicaciones. Naturalmente, los consejos prácticos sobre las habilidades básicas de diseño dominan, es decir, Más cosas tácticas.
Y Co estudia las tendencias y el estado actual del trabajo remoto para diseñadores.
Tiantian Xu participó en el desafío personal "100 diseños en 100 días" y aumentó sus habilidades de animación.
David Travis de Userfocus ofrece un método de archivo de cartera para investigadores personalizados. Utiliza la abreviatura POWER (Proyecto, Objetivo, Trabajo, Resultado final, Reflexión) para especificar la estructura. Este enfoque también es adecuado para otros especialistas en UX, cuyo resultado no cabe en una serie de imágenes.
Trabajar con pasantes
Varios diseñadores-pasantes de compañías conocidas escribieron sobre su primer año de trabajo y lo que aprendieron durante este tiempo:
BuzzfeedIbmDeliverooFacebookGoogleJeoff Wilks de IBM describe las habilidades clave de un diseñador líder en la empresa. Lista de verificación útil para cualquier especialista fuerte.
Muriel Garreta-Domingo y Alberto González Mosquera estudiaron las vacantes de investigadores usuarios y describieron varios enfoques para su comprensión por parte de diferentes compañías.
Personas y empresas de la industria.
El 8 de agosto, una de las compañías de experiencia de usuario más antiguas Nielsen / Norman Group celebra su vigésimo aniversario.
Jacob Nielsen recopiló los artículos más populares para cada año que opera
la compañía : hacen un gran servicio a la comunidad profesional, compartiendo con nosotros una gran cantidad de utilidad. Y a menudo estos son materiales bastante profundos y relevantes que aún marcan tendencias después de tantos años.
Desde la primavera, vc.ru ha liderado una excelente serie de historias de estudios de diseño y agencias creativas rusas. Ya han salido una docena de historias con una buena visión general del negocio y los resultados.
Blog del equipo de diseño de Skyscanner. En un artículo reciente, David Hamill muestra
cómo los diseñadores refuerzan la descripción de los problemas de interfaz con los cómics para que el equipo del producto los solucione .
Blog del equipo de diseño de Asana. Todavía está vacío, pero los muchachos están llenos de vida y deberían balancearse.
Blog del equipo de diseño de la compañía de juegos Space Ape Games.
Comprar estudios de diseño de grandes empresas
El servicio de intercambio de archivos
WeTransfer compró FiftyThree , el creador de la exitosa aplicación Paper para dibujar en iPa. Dicen que quieren convertirse en uno de los principales productos para diseñadores y otros trabajadores de la industria creativa.
Actas de congresos
Informe sobre el curso, que tuvo lugar del 13 al 17 de agosto en Londres. Resúmenes de actuaciones de Stink Studios, Net-A-Porter, Native Design, Intuit, Modern Human, UX Study, Badoo, Fjord, Space Ape Games, Spov y R / GA.
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.