Lección 1 de 0
En Progreso

5.6 : Cinco prototipos comunes de baja fidelidad y sus mejores prácticas

2 julio, 2022

Los prototipos de baja fidelidad nos permiten probar ideas de forma rápida y económica, para validar nuestras hipótesis y mejorar nuestras soluciones. Para maximizar su efectividad, es importante para nosotros saber qué prototipos de baja fidelidad debemos usar, sus pros y contras, así como cómo crearlos. Aquí, veamos las mejores prácticas de cinco de los prototipos de baja fidelidad más comunes: bocetos, prototipos de papel, prototipos de Lego, wireframes y prototipos del Mago de Oz.

Antes de comenzar a ver estos cinco prototipos de baja fidelidad, hablemos brevemente sobre cuándo debería usar prototipos de baja fidelidad en primer lugar. Los prototipos de baja fidelidad nos permiten probar ideas de forma rápida y económica, lo que las hace útiles durante las primeras etapas divergentes del proceso de diseño, cuando queremos crear y probar tantas ideas como podamos. Dado que requieren menos tiempo para crearse, es menos probable que nos apeguemos a ellos, por lo que nos permiten descartar malas ideas con más facilidad que los prototipos de alta fidelidad.

Deberíamos usar prototipos de baja fidelidad para probar solo conceptos amplios en lugar de detalles finos como animaciones. Esto se debe a que los prototipos de baja fidelidad tienden a carecer de detalles y realismo. Por ejemplo, nos resultará difícil utilizar un prototipo de baja fidelidad para probar la usabilidad de una aplicación; para ello, necesitaremos un prototipo de alta fidelidad y preferiblemente interactivo.

Con esto en mente, ¡profundicemos en cinco métodos de creación de prototipos de baja fidelidad de uso común!

Bocetos

Si bien a menudo se considera que los bocetos no son técnicamente prototipos, pueden ser extremadamente útiles para tomar decisiones, principalmente porque son increíblemente fáciles de crear e incluso más fáciles de descartar. No necesitamos ninguna habilidad artística para dibujar bien, por lo que esta es una gran herramienta para diseñadores y no diseñadores por igual.

Incluso el más desordenado de los garabatos (no es que lo que vemos arriba sea un garabato desordenado) puede servir como un “suelo” nutritivo para hacer que la semilla de una idea brote en un producto final de primera clase.

Pros y contras de los bocetos

Ventajas de los bocetos

  • Son extremadamente baratos y rápidos de crear. Como tal, puede esbozar una gran cantidad de ideas en poco tiempo.
  • Puede hacerlo en cualquier lugar: con lápiz y papel o digitalmente en su teléfono inteligente, tableta o computadora de escritorio.
  • Son desechables , por lo que no te apegarás a bocetos que resulten ser malas ideas.

Contras de bocetos

  • Los bocetos carecen de detalles y son ambiguos por diseño. Como tal, no puede usar bocetos para transmitir interacciones complejas de una aplicación, por ejemplo.
  • Los bocetos casi nunca tienen la suficiente fidelidad para ser útiles con personas ajenas al equipo, ya que rara vez tienen el contexto para comprender lo que el boceto pretende transmitir.
  • Los bocetos no son muy útiles en los procesos convergentes en los que desea seleccionar algunas de las mejores ideas; otras formas de prototipos, como los prototipos en papel o las estructuras alámbricas, son más útiles.

Cuándo usar bocetos

  • Utilice bocetos en etapas tempranas y divergentes de su proceso de diseño.
  • Esboce sus ideas aproximadas para que pueda discutirlas con sus compañeros de equipo.
  • También puede dibujar diagramas y mapas mentales para ilustrar un sistema, proceso o la estructura de sus ideas. Explique cómo se pueden implementar sus ideas con todas las partes involucradas, para que pueda evaluar su (o su) factibilidad.
  • Dibuje los puntos de contacto que afectan el viaje de un usuario y luego identifique cómo se relacionan entre sí.

Mejores prácticas y consejos para realizar bocetos

  • ¡Siempre esboce sus ideas , en lugar de almacenarlas en su cabeza! El pensamiento de diseño enfatiza un sesgo hacia la acción. Siempre que tenga una idea, esbocela, no importa lo tonta que parezca; podrá evaluarla mucho mejor cuando esté escrita en papel que en su cabeza.
  • Use la cantidad correcta de detalles: recuerde que un boceto debe ser rápido y rápido. No pierda más tiempo agregando detalles que no son necesarios para su boceto rápido.
  • Dibuje diagramas para trazar ideas complejas o casos de uso, donde muchos factores y jugadores se afectan entre sí. Mapas de viaje, mapas de comportamiento, diagramas de flujo del sistema y una variedad de otros métodos de mapeo están a su servicio para ayudarlo a detectar situaciones complejas.
  • Invite a otros compañeros de equipo a unirse a sus sesiones de dibujo, cuando sea apropiado. Debido a que los bocetos son tan fáciles de crear, son excelentes oportunidades para involucrar a otras partes interesadas en el proceso de diseño.

Prototipos de papel

Pros y contras de los prototipos de papel

Ventajas de los prototipos de papel

  • Los prototipos de papel son baratos y fáciles de crear y modificar.
  • Puede crear “animaciones” aproximadas deslizando trozos de papel para dar a los usuarios una idea más realista de cómo funcionará la interfaz.
  • Puede ignorar los detalles más profundos y superficiales de una interfaz, como el color de un botón. Esto le permite probar el concepto de su idea, en lugar de su ejecución visual.
  • Evidentemente, los prototipos de papel están inacabados; por lo tanto, es poco probable que los usuarios repriman sus críticas por temor a herir sus sentimientos.

Contras de los prototipos de papel

  • Aunque generalmente es fácil de crear, a veces es posible que dedique un poco de tiempo a hacer un prototipo de papel. Como resultado, es posible que se apegue emocionalmente y se vuelva incapaz de evaluar objetivamente sus méritos. Asimismo, si bien es bastante fácil de hacer pequeños cambios, a veces más grandes y los cambios estructurales son difíciles debido a que pueden requerir completamente recrear secciones enteras del prototipo.
  • Los prototipos de papel son menos útiles para probar patrones de interfaz de usuario de uso común. Esto se debe a que es probable que los usuarios ya sepan cómo funciona la interfaz de usuario. En tales casos, debe omitir el prototipo en papel y pasar a un prototipo de mayor fidelidad.
  • Solo puede probar prototipos en papel en persona. Dado que el prototipo es físico, le resultará muy difícil realizar pruebas remotas con él.
  • Si bien es mejor que los bocetos, los prototipos de papel aún requieren la imaginación de los usuarios. Esto significa que algunos usuarios pueden tener dificultades cuando intentan comprender cómo funciona la interfaz.

Cuándo utilizar prototipos de papel

  • Utilice prototipos de papel cuando explore soluciones novedosas para comprobar si las personas comprenden su solución.
  • No utilice prototipos de papel cuando vuelva a visitar la misma solución o utilice un patrón de interfaz de usuario estándar para resolver un problema. En tales casos, puede omitir el prototipo de papel y pasar a la siguiente etapa de su proceso de diseño.
  • Utilice prototipos de papel cuando explore diferentes formas de resolver un problema. Por ejemplo, si tiene diferentes ideas de interfaz para lograr el mismo objetivo de usuario, es posible que desee esbozar un par de prototipos de papel diferentes para probarlos en los usuarios.

Mejores prácticas y consejos para prototipos de papel

  • Las plantillas de bocetos de prototipos en papel pueden ayudarlo a acelerar su proceso. Sin embargo, no los necesita y los bocetos simples en hojas de papel en blanco funcionarán igual de bien.
  • Ni siquiera necesita usar una regla; sin embargo, debe asegurarse de que sus prototipos en papel estén limpios y legibles , por supuesto.
  • Pruebe sus prototipos de papel con los usuarios. Juegue-actúe con ellos para hacerles saber qué sucede cuando hacen clic en un botón determinado, por ejemplo.
  • Realice una prueba de su sesión de prueba de prototipos en papel antes de involucrar a usuarios reales. Haz que tus compañeros de equipo lo prueben primero. Esto se debe a que probablemente encontrará que es más difícil organizar una sesión de prueba de prototipos en papel de lo que cree. Necesitará saber cómo explicar a sus usuarios la forma en que funciona su prototipo, así como responder las muchas preguntas que le harán.

Prototipos de Lego

El genio de Lego trasciende el juego de niños: tenemos mucho que aprovechar de Lego en lo que respecta a la creación de prototipos.

Lego es un elemento básico de la caja de juguetes de cualquier niño. Su versatilidad y capacidad para despertar la imaginación es lo que impulsa el éxito de la empresa. Como diseñador, puede aprovechar la versatilidad de Lego para crear prototipos rápidos y simples de sus ideas. La mejor parte de usar piezas de Lego para construir tus prototipos es que se vuelven fáciles de desmontar y modificar; simplemente separe una parte de su prototipo de Lego, cámbielo por un diseño alternativo y juegue con él para ver si funciona.

Tim Brown, director ejecutivo de la firma internacional de diseño IDEO, relata en su libro Change by Design que la creación de prototipos de Lego se ha utilizado ampliamente en el proceso de pensamiento de diseño de IDEO. ¡El equipo de diseño de IDEO incluso lo utilizó para crear un prototipo de un dispositivo complejo de inyección de insulina!

Pros y contras de los prototipos de Lego

Ventajas de los prototipos de Lego

  • Los ladrillos Lego te permiten crear rápidamente prototipos físicos; ¡puedes construir un modelo preliminar más rápido que la mayoría de las impresoras 3D! Le permiten producir prototipos relativamente baratos para productos que son físicos y tangibles.
  • Los prototipos de Lego son versátiles y fáciles de modificar y desmontar. Puede quitar, agregar o rotar ladrillos fácilmente para cambiar su prototipo.
  • Los prototipos de Lego fomentan la experimentación y la diversión, que son componentes importantes del éxito en el proceso de pensamiento de diseño.

Contras de los prototipos de Lego

  • Los prototipos de Lego no son adecuados para productos digitales, como aplicaciones móviles o sitios web. Sin embargo, todavía se pueden usar para crear historias de viajes de usuarios para estos productos intangibles.
  • Los prototipos de Lego son prototipos de baja fidelidad relativamente caros, especialmente si no tienes un juego de ladrillos de Lego. En ese caso, por supuesto, primero debe comprar algunos ladrillos, que cuestan más que otras formas de prototipos, como los prototipos de papel.

Cuándo usar los prototipos de Lego

  • Utilice prototipos de Lego para empatizar con sus usuarios. Utilice ladrillos de Lego para recrear y recrear los viajes de los usuarios de forma económica y visual.
  • Utilice prototipos de Lego cuando su solución involucre un sistema complejo de diferentes partes. Puede usar diferentes personajes de Lego para representar a cada parte involucrada, para que no se pierda ninguna de sus necesidades en el producto final.
  • Cuando crea productos físicos complejos, puede usar piezas de Lego para crear prototipos rápidos y sucios. Úselos para tener una idea aproximada de qué tan grande o pesado se sentirá el producto final.

Mejores prácticas y consejos para los prototipos de Lego

  • Al igual que los bocetos, los prototipos de Lego no requieren ningún nivel de talento artístico. Utilice esto como una oportunidad para involucrar a sus compañeros de equipo y partes interesadas que no sean diseñadores.
  • Los prototipos de Lego se utilizan mejor para recrear los viajes de los usuarios. Utilice los personajes de Lego para analizar cómo es un día para su usuario: ¡este es un gran ejercicio de desarrollo de empatía para su equipo!
  • Utilice prototipos de Lego para imitar el tamaño real de un producto físico propuesto. De esta forma, por ejemplo, puede comprobar si cabe en el bolsillo de sus vaqueros.
  • También puede utilizar prototipos de Lego para imitar el peso real de su producto propuesto. Dado que los ladrillos de Lego son bastante livianos, recuerde que siempre puede colocar pesos en sus creaciones de Lego para agregarles más peso.

Wireframes digitales

Las aplicaciones de wireframing como Balsamiq, que se muestran arriba, le permiten crear ilustraciones rápidas de su aplicación o sitio web.

Los wireframes son ilustraciones simples y básicas de su aplicación o sitio web. Le permiten ignorar los aspectos visuales e interactivos de su prototipo y centrarse en la estructura y funcionalidad del contenido. Técnicamente, los prototipos de papel (que mencionamos anteriormente) son wireframes de baja fidelidad Pero para nuestros propósitos aquí, nos referimos a wireframes digitales cuando decimos “wireframe”.

Pros y contras de los wireframes

Ventajas de los wireframes

  • Puede cambiar rápidamente sus wireframes, en comparación con los prototipos de mayor fidelidad, como las maquetas de aplicaciones. Esto se debe a que los wireframes no contienen detalles como imágenes y colores.
  • Los wireframes le permiten centrarse en la funcionalidad y la estructura de contenido del producto. Además de eso, sus usuarios centrarán sus comentarios en problemas funcionales, en lugar de preferencias visuales. Esto significa que puede ignorar los elementos visuales, como los colores y las fuentes, a favor de pulir las funciones principales de la aplicación.
  • Los wireframes, en comparación con otros prototipos de baja fidelidad, le permiten comunicar la relación entre las diferentes páginas de su producto. Los usuarios y compañeros de equipo pueden ver fácilmente a dónde conduce cada página y qué hace al hacer clic en cada botón.

Contras de wireframes

  • Dado que los wireframes todavía son bastante básicos, los usuarios pueden tener dificultades para comprender cómo funciona lo que les presenta. Deberá informar a los usuarios que deben ignorar las imágenes del wireframe y, en su lugar, centrarse en la funcionalidad y otro contenido, como la copia.
  • Los wireframes han fomentado el “lorem ipsum”, o contenido de marcador de posición, en el pasado. Esto ya no se recomienda, ya que la copia y las imágenes que son significativamente diferentes de sus marcadores de posición afectarán absolutamente la experiencia del usuario final. Si bien no necesita tener texto o imágenes absolutamente finales, al menos debe usar una aproximación aproximada para obtener algún valor al mostrar la interfaz a personas fuera de su equipo.

Cuándo usar wireframes

  • Use wireframes un poco más tarde en su proceso de diseño, cuando esté listo para desarrollar algunas ideas de diseño.
  • Es posible que no desee utilizar wireframes hasta que esté listo para centrarse en el contenido , el diseño, la arquitectura de la información y la asignación de espacio de varios elementos. En otras palabras, no debe usar wireframes (digitales) cuando se encuentre en las etapas divergentes de su proceso de diseño si lo ralentizan. En las etapas divergentes, donde desea crear tantas ideas como sea posible, el boceto puede ser un método de menor fricción para probar ideas. Sin embargo, las aplicaciones de wireframing se han vuelto lo suficientemente buenas como para que algunas personas puedan generar ideas digitalmente tan rápido como con lápiz y papel.
  • Use wireframes cuando esté listo para pensar en temas como cómo crear flujos de usuarios óptimos, qué tipos de plantillas debe usar para varias pantallas y páginas y cuánto espacio para asignar varios elementos en una pantalla.

Mejores prácticas y consejos para wireframes

  • Utilice wireframes para desarrollar la arquitectura de la información y el diseño de su aplicación, en lugar de centrarse en elementos visuales como los colores y la tipografía de la marca.
  • Los wireframes son excelentes herramientas para que piense qué plantillas de diseño necesita para crear su producto. Intente ceñirse a la menor cantidad de diseños que necesite para crear una experiencia coherente.
  • Utilice wireframes para centrarse en la funcionalidad, en lugar de animaciones y otros elementos visuales.
  • No uses colores en tus wireframes. Si es necesario, use tonos de gris.
  • Cíñete a una fuente en tus wireframes. Utilice diferentes tamaños de fuente para indicar diferentes niveles de encabezado.
  • Minimice la copia del marcador de posición. Sus wireframes deben ser 100% utilizables y, por lo tanto, debe concentrarse en crear una copia que ayude a los usuarios a comprender cómo usar su producto. Use la copia de marcador de posición solo en áreas donde sepa que el contenido no afectará la usabilidad, por ejemplo, en el cuerpo del texto de un artículo.

Prototipos del Mago de Oz

Los prototipos del Mago de Oz son prototipos con funciones falsas , por ejemplo, donde un compañero de equipo imita interacciones complejas en lugar de codificar una pieza de software para ello. Como el Mago de Oz en la historia (que genera una apariencia siniestra y engañosa detrás de una cortina), estás imitando algunos aspectos de tu producto. Son una especie de prototipo de fidelidad baja a media, donde las funciones clave no son funcionales en absoluto mientras que otros aspectos, como las imágenes, están completamente diseñados.

La idea de los prototipos del Mago de Oz es hacer que los usuarios crean que el prototipo es completamente funcional, para que pueda probarlo mientras ahorra tiempo y recursos. Por ejemplo, puede crear un prototipo del Mago de Oz para un asistente inteligente, donde su compañero de equipo escribe respuestas para engañar al usuario haciéndole pensar que el asistente inteligente es completamente funcional.

Pros y contras de los prototipos del Mago de Oz

Ventajas de los prototipos del Mago de Oz

  • Puede probar partes particularmente complejas de su diseño sin tener que construirlo. Esto le permite validar su diseño antes de gastar más recursos para implementarlo.
  • Puede probar tecnologías futuras fácilmente sin construir un prototipo complicado. Esto le permite ajustar los requisitos de la tecnología.
  • Los usuarios tienden a proporcionar comentarios realistas , ya que los prototipos de Wizard of Oz son más creíbles e interactivos.

Contras de los prototipos del Mago de Oz

  • Deberá dedicar algo de tiempo a construir su prototipo de Mago de Oz. Dado que necesita que el usuario crea que es completamente funcional, deberá hacerlo lucir convincentemente pulido.
  • Tienes que entrenar a un “asistente” que simule las respuestas del sistema. El asistente también debe estar presente durante todas las pruebas. Esto significa que su prototipo requiere más tiempo y trabajo.
  • Es posible que el asistente no actúe de forma coherente durante las pruebas. Por lo tanto, su sistema puede comportarse de manera diferente de una prueba a otra, lo que afecta los resultados de su prueba. Esto significa que deberá prestar especial atención a entrenar a los magos y darles reglas a seguir.

Cuándo usar los prototipos del Mago de Oz

  • Utilice los prototipos del Mago de Oz en las últimas etapas del proceso de diseño.
  • Utilice los prototipos de Wizard of Oz cuando esté diseñando sistemas complejos o diseñando para tecnologías futuras.
  • Los prototipos de Wizard of Oz también pueden ser extremadamente útiles al crear prototipos de cualquier tipo de interfaz de voz o sistema de chat donde el backend sería difícil de construir pero fácil de falsificar para un humano.

Mejores prácticas y consejos para los prototipos del Mago de Oz

  • Averigüe qué preguntas quiere responder a través de su prototipo del Mago de Oz antes de comenzar a construirlo.
  • Puede utilizar herramientas listas para usar , como redes sociales, mensajería instantánea y videos para crear imitaciones realistas de la interactividad de la computadora. Por ejemplo, puede crear un conjunto de pantallas simples junto con mensajes enviados a una computadora para simular las interacciones de un sitio web de redes sociales.
  • Prepare un conjunto de instrucciones de comportamiento para el asistente. En él, brinde instrucciones para escenarios comunes y predecibles para que el asistente sepa cómo reaccionar y guiar al usuario.
  • ¡Tenga en cuenta que el prototipo del Mago de Oz no prueba la confiabilidad y precisión del sistema ! Por lo tanto, sus pruebas no le dirán cómo las fallas de rendimiento del sistema pueden afectar la experiencia del usuario.