-
Prototipos
La creacion de prototipos es uno de los pasos mas importantes a seguir dentro del prosceso de diseño UX, aunque este suele ser confuso para algunos diseñadores y equipos de protecto -
Que es un Prototipo exactamente?
"Una simulación o versión de muestra de un producto final, que se usa para probar antes del lanzamiento". El objetivo de un prototipo es probar productos (e ideas de productos) antes de invertir mucho tiempo y dinero en el producto final. El prototipado es esencial para resolver problemas de usabilidad antes del lanzamiento. También puede revelar áreas que necesitan mejorar -
Los prototipos tienen 4 cualidades principales:
Representación: la forma real del prototipo:papel y dispositivo móvil, o HTML y escritorio.
Precisión: la fidelidad del prototipo: su nivel de detalle, pulido y realismo.
Interactividad: la funcionalidad abierta para el usuario:totalmente funcional, parcialmente funcional, solo lectura
Evolución: el ciclo de vida.1.- se crean rápidamente, se prueban, descartan y luego se reemplazan con una versión mejorada. 2.pueden construirse y mejorarse, evolucionando finalmente hacia el producto final -
La metodología de creación de prototipos más útil
los prototipos pueden ser una gran variedad de cosas. los dividiremos en tres categorías generales: papel, digital y HTML. -
Prototipos de papel
Una práctica que existía mucho antes de Internet, el prototipo de papel funciona mejor en las primeras etapas del diseño, principalmente para probar ideas de productos. -
Ventajas del Papel
Rápido: puede crear un prototipo de papel rápido en 5 minutos, por lo que el papel funciona tan bien para probar ideas. Puede dibujar uno rápidamente, y no es una gran pérdida si la idea se cae. Económico: ya que solo necesita papel y suministros de oficina básicos, los prototipos de papel son prácticamente gratuitos. (Si desea mejorar el nivel de precisión, puede comprar equipos especializados, como esténciles o una cuna de teléfono simulada, pero estos son opcionales). -
Ventajas del Papel
Creación de equipos: los prototipos de papel son divertidos, ¡y pueden fortalecer los lazos del equipo! Simplemente hay algo sobre un grupo de personas que trabajan juntas y usan sus manos para construir la unidad. Documentación: a diferencia de los prototipos digitales y HTML, los prototipos de papel se pueden guardar como referencia para futuras versiones. También se pueden escribir notas y revisiones sobre ellos, consolidando lo que necesita en un solo lugar. -
Desventajas del Papel
Poco realista: no importa cuán hábil sea el arte o la artesanía, los prototipos de papel siguen siendo un pobre sustituto de un sistema digital; siempre hay un límite para los datos de usabilidad recopilados. Falsos positivos: a veces, los prototipos de papel en realidad no prueban lo que tenía en mente. Las personas pueden dar su opinión sobre el prototipo en sí (por ejemplo, las cajas no son uniformes), en lugar de la idea que representa. -
Desventajas del Papel
No hay reacciones viscerales: los prototipos de papel dependen de la imaginación del usuario, lo que agrega un descanso entre cuando ven el estímulo y responden a él. Esa reacción "instintiva" es crucial para una UX exitosa. -
Prototipos digitales
Los prototipos digitales son la forma más común de creación de prototipos, y son lo suficientemente realistas como para probar con precisión la mayoría de los elementos de la interfaz. También son mucho más fáciles de producir que los prototipos HTML. Los prototipos digitales se pueden construir utilizando aplicaciones y software hechos específicamente para la creación de prototipos. -
Ventajas del prototipo digital
Interacciones realistas: puede probar cómo el usuario interactúa con un entorno comparable al producto final (dependiendo de la fidelidad). Flexibilidad: ¡prueba temprano y prueba a menudo! Puede comenzar con prototipos de baja fidelidad que progresivamente van avanzando a medida que avanza el proceso de diseño. -
Ventajas prototipo digital
Velocidad: los prototipos de papel pueden tener una ventaja, pero si desea una interfaz computarizada, los prototipos digitales son más rápidos que los HTML. La velocidad varía de una aplicación a otra, pero la mayoría tiene interfaces y funciones fáciles de usar, como elementos interactivos o arrastrar y soltar. -
Desventajas Prototipo digital
Curva de aprendizaje: antes de que pueda construir su prototipo, necesitará aprender el software. (Pero como la mayoría tiene interfaces fáciles de usar, no debería ser demasiado difícil). Transición al código: dependiendo del software, traducir sus diseños en código puede ser impreciso; elementos incompatibles pueden perderse en la transición, lo que significa que tendrá que arreglarlos desde cero. -
Prototipo HTML
La última categoría, creación de prototipos HTML, solo se recomienda para diseñadores que confían en su capacidad de codificación. Los prototipos HTML tienen numerosas ventajas, pero tienen un costo técnico. -
Ventajas Pototipo html
Fundamentos técnicos para el producto final: suponiendo que no está construyendo un prototipo de desechable, un prototipo HTML proporciona la base para el código final desde el principio, lo que supone una gran energía y ahorro de tiempo en el futuro. Agnóstico a la plataforma: puede probar su prototipo en prácticamente cualquier sistema operativo o dispositivo, y el usuario no necesitará ejecutar software externo. -
Ventajas Html Prototipo
Bajo costo: los prototipos de HTML le permiten omitir los pasos en el proceso, y no es necesario que compre software de creación de prototipos. Si le faltan fondos y conoce el idioma, esta podría ser la opción más económica. -
Desventajas HTML prototipo
Depende del nivel de habilidad del diseñador: tu prototipo HTML es tan bueno como tu habilidad para codificar. Inhibe la creatividad: sumergirse directamente en el código significa que estás haciendo dos cosas a la vez: diseñar y codificar. Esto puede crear una especie de visión de túnel en la que "se olvida" del usuario y del UX, mientras que el software de creación de prototipos le brinda más espacio para explorar, puede sugerir nuevas ideas con bibliotecas integradas. -
El proceso de creación de prototipos
No hay ,un mejor proceso para la creación de prototipos, pero algunos son definitivamente mejores que otros. A continuación están los tres procesos más efectivos, cada uno adaptado a diferentes necesidades. -
Lo-fi Digital => Hi-fi Digital => Code
Un prototipo digital lo-fi (que podría ser tan simple como un wireframe interactivo integrado en una herramienta digital) analiza elementos cruciales como la navegación y la IA desde el principio. Esto significa que los comentarios se pueden incorporar antes de que sea demasiado difícil hacer cambios. el prototipo de hi-fi proporciona comentarios detallados sobre algo que se asemeja más al producto final, de modo que todo esté listo cuando es el momento de codificar. -
Paper => Lo-fi Digital => Code
Este es un método altamente eficiente que puede ahorrarle tiempo y recursos, especialmente útil para proyectos experimentales. Los prototipos de papel pueden ayudar mucho a conceptualizar el proyecto, especialmente cuando no hay muchos datos relevantes disponibles. Para mantenerse en el buen camino, un prototipo lo-fi se usa para probar conceptos en acción. Si tiene los recursos, siempre puede crear un prototipo de alta fidelidad; de lo contrario, vaya directamente a la codificación. -
HTML Prototyping => Code
Esencialmente, el prototipo evoluciona junto con el proceso de diseño y se convierte en el producto final (o su componente principal). Este proceso da como resultado un desperdicio mínimo, sin prototipos desechables, sin pasos adicionales y sin costos adicionales de software. Aún así, tenga en cuenta las desventajas de un prototipo HTML, sobre todo su dependencia de las habilidades de codificación del diseñador y sus contribuciones limitadas a la libertad creativa.