2.5 Diseña tu app en papel

1. La Hoja en Blanco

Diseñar un sitio web o app, empieza siempre con una hoja en blanco.

1. No necesitas software costoso ni saber dibujar
2. El objetivo: crear soluciones claras y funcionales
3. Dibuja para pensar, no para impresionar
4. Usa papel, lápiz, post-its, marcatextos y lo que tengas a la mano

2. Empieza por el problema

Antes de diseñar, identifica una necesidad real:

1. ¿Qué le frustra al usuario?
2. ¿Qué necesita hacer mejor o más rápido?
3. ¿Qué le impide lograrlo hoy?

Crea un user persona simple

1. Ana, 30 años, quiere organizar su rutina y hábitos.

Lista las frustraciones de tu personaje:

1. ✘ Se le olvida tomar agua
2. ✘ No logra hacer ejercicio
3. ✘ Tiene mal ciclo de sueño

Herramientas útiles:

1. Post-its, papel reciclado, lápiz
2. Enfócate en claridad, no en estética

Recuerda: Diseñar útil > Diseñar bonito

3. Ideación: Acciones mínimas y claras

Menos funciones, más efectividad

1. Máximo 3 funciones por pantalla
2. Cada acción extra = riesgo de confusión

Ejemplo (App de comida):

1. ✓ Buscar
2. ✓ Pedir
3. ✓ Pagar

Pregúntate siempre:

1. ¿Qué es esencial?
2. ¿Qué puede esperar?

Menos es más, sobre todo al inicio

4. Kit de diseño de bajo costo

Haz uso de materiales prácticos y accesibles

1. Papel (aunque sea reciclado), lápiz, marcador y post-its.

Haz uso de formas básicas

1. Rectángulos, círculos, líneas

Recomendaciones:

1. Recortes para simular ventanas emergentes
2. Para resaltar haz uso de marcatextos o colores (Máximo 2)
3. Haz uso de iconos simples y fáciles de entender
4. Recorta pantallas y móntalas en un cuaderno

Rápido, barato… y muy poderoso.

5. Itera, ajusta y repite

El diseño nace del ensayo y error:

1. Borra, ajusta, prueba, redibuja
2. Aprende de cada versión

¿Algo no funciona?

1. Botón muy pequeño → hazlo más visible
2. Texto confuso → Cámbialo
3. ¿La navegación confunde? → Reacomoda los elementos.

Métrica clave:

1. ¿El usuario logra su objetivo en < 3 segundos? Si no… ¡ajusta!

Un buen diseño se entiende solo, es intuitivo y funcional

6. Documentación antes de digitalización

Antes de digitalizar:

1. Guarda tus prototipos en papel
2. Anota qué pantalla hace qué
3. Enumera los pasos de cada flujo

Al pasar a digital:

1. Usa herramientas simples como Figma o Canva
2. Mantén la estructura: no sobrecargues

Lo digital no sustituye al papel, en este caso lo perfecciona