Mire dentro de una crítica de diseño de Facebook

En Facebook, donde estamos trabajando para hacer que el mundo sea más abierto y conectado, una parte inherente de nuestra misión es compartir cómo creamos las cosas que construimos. Como resultado, recientemente decidimos comenzar a compartir una parte crítica de nuestro proceso: la crítica de diseño.

Al mostrar cómo suelen ser las críticas de diseño en Facebook, queríamos resaltar lo que hace una buena crítica y lo que a menudo puede interferir. Les pedimos a los diseñadores de todo el mundo que colaboraran con nosotros en esto, invitándolos a compartir trabajos para ser criticados usando el hashtag #FacebookDesignCrit.

Una docena de ustedes compartió sus diseños, y estamos listos para mostrar cómo fue nuestra primera crítica colaborativa.

Iniciando la crítica

Para esto, nos comunicamos con el estudiante de diseño con sede en Nueva York Jon Lee para discutir su diseño para una aplicación de descubrimiento de espacio de trabajo local llamada Nearspace.

Seis miembros del equipo de diseño de Facebook: Nathan Garvie, Paola Mariselli, Jeff Smith, Jasmine Friedl, Geoff Teehan y yo, Tanner Christensen, como facilitador, nos sentamos (virtualmente) con Jon para discutir su proyecto y criticar el trabajo.

Mientras lees, nos encantaría que nos dejes comentarios sobre lo que crees que salió bien durante esta crítica y lo que podría haber mejorado. Vaya al final de esta publicación para leer algunas de nuestras conclusiones destacadas.

Tanner: Jon, ¿puedes tomarte un minuto para resumir rápidamente el problema que estás resolviendo?

Jon: Como estudiante, a menudo me encontraba con el problema de tratar de encontrar un lugar para hacer mi trabajo. Con los espacios limitados aquí y todas las características que necesito para trabajar de forma remota, a menudo era el caso en el que entraba a un Starbucks cercano o iba a otro lugar para estudiar y es muy incómodo.
Me imaginé, ¿por qué no crear una aplicación que te ayudaría a encontrar un lugar muy rápido que pudiera satisfacer todas tus necesidades? ... Entrevisté a otro estudiante y un instructor para ver sus perspectivas ... Reuní ... ideas clave que resaltaron la idea de que la aplicación parece ser buena para las personas que se encuentran en nuevas áreas que no están familiarizadas con sus alrededores.
Concepto de diseño de la aplicación Nearspace por Jon Lee

Tanner: Parece que hiciste un buen progreso e investigaste un poco. ¿Sobre qué parte específica de esto está buscando comentarios?

Jon: Específicamente el final de alta fidelidad, porque esta es la primera vez que diseñé algo [por mi cuenta]. Una de mis mayores preocupaciones es que mientras busco pasantías en la experiencia del usuario, todos los empleadores a menudo solicitan mi cartera y dicen "Conoces el proceso bastante bien, pero te faltan habilidades de diseño gráfico" o "tu visual la experiencia simplemente no existe ". Eso es algo en lo que quiero centrarme hoy.

Tanner: Antes de hacer eso, ¿todos entienden el problema que estamos viendo aquí y están de acuerdo en lo que estamos resolviendo?

Jasmine: ¿Puedo primero hacer una pregunta aclaratoria? Hablas sobre el problema de que la mayoría de los estudiantes tienen dificultades para encontrar lugares para trabajar, ¿fueron solo estudiantes para quienes diseñaste esto?

Jon: Inicialmente era solo para estudiantes, pero luego comencé a pensar ... una persona que me llamó la atención fue el hombre o mujer de negocios común que solo está tratando de hacer las cosas sobre la marcha. Esto es algo que aún no he determinado necesariamente, si mi enfoque principal sería o no solo para los estudiantes.

Jasmine: Sé que está solicitando comentarios sobre el resultado final, pero ¿podemos profundizar un poco más en el problema, asegurándonos de que el resultado final satisfaga las necesidades de ese problema? Me imagino que si una persona no tiene un espacio de trabajo, ¿por qué es una necesidad? ¿Es algo en lo que trabajar en casa no es una opción? ¿No tienen una oficina? ¿Están en movimiento, conociendo clientes? ¿Cuáles son las características del problema?

Jon: Creo que la característica más importante es lo último que dijiste: están en movimiento, tratando de hacer las cosas rápidamente. No necesariamente están buscando un lugar en el que se van a quedar por mucho tiempo o regresarán consecutivamente. El problema principal es la idea de que ya tienes poco tiempo y necesitas hacer algo rápidamente.

Tanner: Es interesante que hable sobre el énfasis puesto en algo rápido, eficiente y también cómodo. La parte central de la aplicación, mirar las pantallas ahora, no se trata necesariamente de la eficiencia del tiempo o de lo cerca que está de usted. En este momento se trata más de la estética y estos filtros. ¿Qué lo llevó a centrarse en este diseño filtrado en lugar de algo más eficiente para los usuarios?

Jon: Inicialmente pensé en cómo diseñaría algo solo enfocado en la eficiencia. Para ser honesto, si solo estuviera trabajando hacia la eficiencia, podría haber sido solo una aplicación de mapas, donde es como "¿Cuál es el lugar más cercano? Aqui tienes."
La dificultad que tuve fue equilibrar la eficiencia con las necesidades del usuario, ¿verdad? Todavía es necesaria una vista filtrada, de lo contrario, ¿cómo vamos a determinar un sistema decisivo para lo que está buscando? Definitivamente fue una lucha que tuve.

Geoff: Creo que una cosa que quieres entender es si la gente realmente va a agregar lugares. ¿No protegen su espacio ya que es limitado? Nadie tiene incentivos para agregar un lugar si ha encontrado el suyo, ¿verdad? Compartir solo significa menos probabilidad de que haya espacio allí en el futuro. Entonces, una cosa es tener en cuenta que es posible que desee investigar más sobre qué tan dispuestas están las personas a compartir un espacio.

Jon: Definitivamente fue un problema que surgió. Creo que el factor limitante en todo mi diseño es simplemente la falta de investigación. Creo que la limitación en sí misma me ha impedido abordar muchos de esos problemas.

Jasmine: Creo que tienes mucho aquí que aún podrías usar para hacer algunas suposiciones y seguir adelante. Volvamos a cuando estábamos hablando de tomar una decisión basada en el tiempo. Aquí tienes una nube de tormenta de ideas donde tienes un grupo completo de categorías: tienes tiempo de viaje, tienes transporte público, tienes distancia. Podría verte agregando: ¿tienes que hacer cola aquí, hay mesas abiertas, cosas así? A veces, aunque no haya tenido tiempo de excavar y hablar con 20 personas, aún tiene una buena idea de lo que podría seguir adelante.

Jon: ¿Entonces estás diciendo que, en lugar de tener filtros que están más enfocados en general, enfocarte en los filtros relacionados con la decisión del tiempo? Cosas como ¿hay un tiempo de espera en la fila?

Jasmine: Creo que lo que Tanner había enfocado es que si su objetivo es resolver para las personas, tanto los estudiantes como la fuerza laboral regular, que no tienen mucho tiempo, la aplicación que ha mostrado no está realmente resaltando eso problema. Estamos hablando de limitaciones en la investigación y de cómo es difícil, especialmente por ser un proyecto escolar, llegar a un resultado final que se verifique y valide. Si examinó su problema y dijo: "¿Cuál de estas ideas aborda el problema?" Creo que puede responder eso a través de lo que ya ha explorado.

Nathan: Una cosa en la que te invito a pensar es ¿cuál es el tamaño de un grupo de ubicaciones de trabajo real con el que vas a comenzar? Puede ser más eficiente comenzar con una larga lista de lugares cercanos, dentro de un radio. Si se trata de un pequeño grupo de ubicaciones de trabajo, es posible que ni siquiera necesite los filtros para comenzar.

Jeff: estoy de acuerdo con eso. Creo que otra cosa para la que los filtros son buenos es ayudarnos a hacer compensaciones por un servicio como este. Puede decir: quiero wi-fi o no es importante, necesito una toma de corriente o no. Para muchas personas, si el problema es "solo necesito un lugar para trabajar", entonces no se trata de filtrar. Puede mostrar toda la información en la vista de lista, en realidad no está mostrando tanta información ahora. Tienes algunas cosas como una calificación de estrellas, que realmente no te dice mucho. ¿Es porque tiene muchos asientos? Buena wi-fi? ¿Es porque está mayormente disponible? No quiero ponerme demasiado técnico, pero trate de pensar en tomar esos filtros y llevar la información a los elementos de la lista real.

Geoff: Cuando se trata del diseño visual, probablemente podría considerar pensar qué información está sacando a la luz, en línea con lo que trajo Jeff. Para mí, parece que la distancia y el nombre son probablemente los dos factores más importantes que quiero ver en una lista. En este momento, la distancia es en realidad el elemento más reducido de la página.

Maquetas tempranas de la aplicación

Paola: ¿Pensabas que cualquiera de estas cartas sería tappable y te llevaría a otro lugar?

Jon: No, creo que hacer tapping te llevaría a una página que solo contiene más información, algunas fotos, en la parte inferior tendrían un botón "ir" que solo abriría Google Maps y te daría instrucciones para llegar allí. Estoy 100% de acuerdo con lo que han dicho, que es llevar la información a la vanguardia. Cuando mencionó que comencé a imaginar un diseño en el que todavía se mantiene este tipo de diseño en bloque, pero con la información en la tarjeta y un pequeño bloque con la imagen y haciéndolo más estrecho para que las opciones se puedan ver rápidamente. En lugar de tener más información cuando la selecciona, un clic podría llevarlo al mapa. Reduce la fricción aquí también.

Paola: Vuelve siempre a tu planteamiento original del problema para que puedas verificar que todo lo que vas a publicar realmente cumple y resuelve ese problema. Por ejemplo, si está considerando mantener una barra de búsqueda, y la intención original es para personas nuevas en un área, entonces, ¿qué estaría buscando exactamente? Si eres nuevo en un lugar, es probable que estés buscando no el nombre de un lugar, sino un tipo de lugar: una librería frente a un café.

Jasmine: Estoy de acuerdo, ¿qué hace que esto sea diferente de Yelp? En este momento estás recibiendo muchas de las mismas cosas.

Geoff: Eso es algo muy bueno en lo que pensar: la competencia. ¿Cómo es esto diferente? ¿En qué se diferencian las necesidades de mis usuarios y qué puedo hacer para ayudarlos a evaluar algunas de esas necesidades? Por ejemplo, la mayoría de las fotos en Yelp serán de la comida. Para esto, a la gente no le importa eso: quieren ver el espacio de trabajo, quieren ver dónde están los puntos de venta, quieren saber qué tan bueno es el wifi, qué horas del día están ocupadas, cuántos asientos hay . Piense en todas las cosas que va a considerar y luego, nuevamente, cómo juegan en su jerarquía de información.

Jon: Ok! Ahora tengo una pregunta, con todos estos aspectos diferentes a considerar, ¿cómo recomienda seleccionar cuáles deben estar en la parte superior de la jerarquía? ¿Cuántos deberían mostrarse en tan poco espacio?

Jasmine: Creo que Jeff tuvo un buen pensamiento al respecto. Literalmente revisa e intenta identificar cuáles son las piezas centrales de información que son importantes para un usuario y luego las enumera y las coloca en un formato lógico.

Geoff: Sí, creo que para algo como esto puedes usar tu instinto un poco, o puedes hablar con otras personas. Una cosa que realmente puede ayudar es pensar no solo en usted en un escenario determinado sino en usted mismo en muchos escenarios diferentes. Si está atascado a tiempo y son las 11:00 PM, ¿qué necesita saber? ¿Este lugar está abierto tan tarde? No pensarías en eso si es mediodía. Piense en diferentes contextos y clasifíquelos para considerar toda la información que necesita y cuándo es más importante.

Paola: Mientras trates de resolver el problema central de cada uno de estos contextos para tratar de tomar decisiones conscientes sobre por qué los estás resolviendo.

Jasmine: Está bien si estás revisando tu lista de cosas, como si estuviera viendo tu lluvia de ideas nuevamente, y diciendo: "esto no se aplica". Deshacerse de las opciones puede facilitar su trabajo. Tal vez la comida ni siquiera importa en esto, tal vez en realidad podrías estar buscando lugares que específicamente no sean restaurantes.

Simulacros adicionales de la crítica

Tanner: Estamos casi fuera de tiempo, ¿alguien tiene algo que decir al cerrar?

Nathan: Usted solicitó comentarios sobre el diseño visual y le dimos una crítica del producto. Creo que hay muchas cosas por las que probablemente podríamos haber pasado con un marcador rojo y darle retroalimentación. Una cosa táctica que sugeriría es salir y encontrar artículos sobre diseño de interfaz de usuario. Cosas como “12 consejos importantes” que lo ayudarán a lidiar con cosas como el bloqueo de listas, los márgenes y cómo superponer texto en las imágenes. Esos son buenos puntos de partida mientras experimentas. Pida, pida prestado y robe si ve algo en otra aplicación o servicio, intente reproducirlo y vea cómo funciona para usted.

Jon: Correcto, está bien. Dado que estamos en este tema, quería escuchar a las personas que trabajan en la industria: ¿cuál es su opinión sobre la importancia de las habilidades de diseño visual de alguien cuando intenta ingresar al trabajo de experiencia del usuario?

Jasmine: Podría obtener muchas respuestas sobre eso, realmente depende de qué rol esté buscando y cuán importante sea en comparación con otros factores. Una de las razones por las que fuimos e hicimos más críticas sobre este producto es porque puedes tener la mejor aplicación, pero si no funciona, nadie la usará. Esas cosas realmente van de la mano.

Tanner: Muy bien, espero que haya sido útil. Repasamos muchas cosas aquí. ¿Sientes que tienes una buena idea de lo que harías después con este producto en base a nuestros comentarios, Jon?

Jon: definitivamente. Creo que la primera parte es como usted mencionó: volver al principio y centrarme en mi problema y simplemente eliminar lo que necesito o no necesito y luego trabajar desde allí. Encontrar esa jerarquía. Muchas gracias, realmente aprecio esto.

Tanner: Gracias por compartir tu trabajo en un foro tan público. Vamos a aprender de esto también.

Lo que aprendimos

Ahora que hemos tenido tiempo para reflexionar sobre cómo fue la crítica, queríamos compartir un poco sobre lo que aprendimos,

La crítica puede ser un gran lugar para desarrollar una comprensión más profunda del panorama de problemas.

Una de las conclusiones más sorprendentes de la crítica fue cuánto tiempo se pasó sin centrarse en lo que Jon inicialmente pidió. Entró en la crítica buscando específicamente comentarios sobre la interfaz y la experiencia del usuario, pero el grupo terminó pasando los 30 minutos discutiendo el problema que el diseño del producto intentaba resolver en primer lugar. Esta fue una dirección importante que Jon pudo no haber considerado inicialmente, como dice Jasmine:

"Fuimos y criticamos más el producto por esto porque puedes tener la mejor aplicación, pero si no funciona, nadie la va a usar". Esas cosas realmente van de la mano ".

El contexto inicial hace una gran diferencia cuando se trata de presentar su trabajo para la crítica.

Jon llegó a nuestra crítica con una historia clara de cómo llegó a los conceptos de Nearspace que tenía. Poder mostrar brevemente a nuestro equipo sus composiciones originales, así como versiones más pulidas, además de una lluvia de ideas, ayudó a guiar la discusión.

En varios casos, nos referimos a la declaración original del problema de Jon y al garabato de lluvia de ideas cuando abordamos una pregunta relacionada con el problema que estaba tratando de resolver.

La mejor respuesta es inquisitiva, no prescriptiva.

Al hacer preguntas sobre la dirección del diseño, y el problema que se está resolviendo, la conversación fue capaz de ir a donde era necesario, en lugar de a donde una persona sintiera que debería ir.

¿El resultado? Tanto Jon como el grupo sintieron que habían llegado a una visión mejorada de hacia dónde podría ir el producto, a pesar de que no había una "visión" concreta de cómo podría ser esa experiencia.

Cuando se trata de criticar el trabajo de otros, las preguntas ayudan a impulsar la conversación. Como he escrito antes:

Hacer las preguntas correctas es mucho más efectivo que tratar de encontrar la respuesta correcta.

Únete a nuestra próxima crítica

En Facebook, sabemos que las críticas funcionan mejor en persona, y que transcribir una crítica no es la mejor manera de compartir cómo fue. Estamos considerando esto como la primera (con suerte) de muchas críticas abiertas. Como tal, lo estamos viendo como un experimento.

Si lo encuentra útil y desea participar en futuras críticas, deje sus comentarios en esta publicación o escriba su propia respuesta y lo revisaremos. También puede continuar enviando trabajos para que los revisemos en Medium etiquetándolo con el hashtag: #FacebookDesignCrit.