Cursos Empresas Blog Live Conf Precios

Lo que aprenderás sobre el diseño de prototipos

Clase 2 de 20 • Curso de Diseño de Prototipos 2018

Contenido del curso

Introducción al curso

Herramientas

Wireframes

Librerías y componentes

Diseño

Zeplin

Resumen

En este curso de diseño de prototipos tu profesor, Misael León, actualmente trabajando en Nearsoft como Product Designer, te enseñara como idear una solución a un problema específico a través de frameworks muy útiles para estructurar mejor la solución y eventualmente realizar su entrega al equipo de desarrollo.

Es recomendable tomar primero el curso Introducción al Diseño de Prototipos donde se ve más a detalle los niveles de fidelidad en los prototipos y algunos conceptos más teóricos.

Cuando llega el momento de crear tu solución de prototipo tienes que vencer el miedo a la hoja en blanco, generalmente llega a suceder cuando partes desde una idea de un producto que no existe. Recuerda que un prototipo es una simulación de tu producto final a construir donde la fidelidad puede ir desde un boceto (baja fidelidad), un wireframe(mediana fidelidad) o un prototipo con alto nivel de detalle (alta fidelidad).

Resumen de niveles de fidelidad de los prototipos (curso anterior)

BAJA FIDELIDAD:

Es un boceto inicial rápido sin mucho detalle para poder hacer cambios de manera sencilla y empezar a visualizar tu idea de manera física.

Los prototipos de baja fidelidad sirven muy bien como pruebas de concepto, para poner un punto de partida al proyecto y como apoyo visual para explicar de qué trata tu producto aunque se necesita el apoyo del autor para explicar cómo funciona.

Este tipo de prototipo sirve para producir acuerdos iniciales, ya que se recomienda hacer en equipo para que todos estén en la misma página,

Normalmente este tipo de bocetos se dibuja en papel o en herramientas digitales sin grandes funcionalidades y queda un boceto inicial sin mucho detalle.

Las ventajas de los prototipos en papel son:

Son rápidos de dibujar y de editar
Son muy baratos
Ayudan a producir acuerdos

Las deficiencias de este tipo de prototipos son:

Nivel de detalle: prácticamente sólo muestra la idea del concepto a veces es difícil de imaginar cómo va a funcionar
No mide reacciones vicerales
Suele necesitar del autor para explicar algunos detalles

MEDIANA FIDELIDAD:

Contienen más detalle, y se trabaja con herramientas digitales de edición como Adobe XD, Sketch, Figma u otra herramienta de este tipo.

A menudo se hace en blanco y negro o en una escala de grises para que solo nos enfoquemos en la estructura y el flujo de navegación.

Muestra muy bien los Layouts y arquitectura, sirve muy bien para validar funcionalidades

Ventajas de mediana fidelidad:

Es más realista que el de baja fidelidad por lo que se asemeja un poco más al producto final.
Es flexible porque todavía no hay tipografía definida ni colores definidos (no hay casi nada definido), por lo que si trabajamos orientado a objetos podemos hacer los cambios fácilmente.
Se puede utilizar cuando quieras mostrar la estructura o flujo de navegación a gente con alto grado de decisión, gerente, cliente.

Desventajas de mediana fidelidad:

Requiere más tiempo que el papel.
Se necesitan herramientas especializadas.
No suele tener interacciones (aunque sí flujos)
Requiere una curva de aprendizaje

ALTA FIDELIDAD:

Es el prototipo más cercano a la realidad, ya en este punto se toman decisiones sobre tipografías, colores, animaciones, iconos, imágenes y sobre todo interacciones más específicas.

En este prototipo nos tenemos que acercar tanto a la realidad como se pueda para facilitar el trabajo de desarrollo técnico y que los alcances estén sencillos de entender.

Ventajas de alta fidelidad:

Fundamento técnico del producto: Se muestran los elementos listos para programarse.
Más cercano a la realidad
La curva de aprendizaje para hacer pruebas de usabilidad es corta
Se basa en los prototipos anteriores, así que es muy straight fordward

Desventajas de alta fidelidad:

Es muy tardado ya que se muestran todos los detalles de funcionalidad y estéticos, mismos que suelen ser replicados por varias secciones de la aplicación porque se tiene que construir todo tal cual se verá.