Instructivo — UX reviewer / Diseñador / PM¶
Tu objetivo es ver cómo funciona Mercado Mayor en el navegador y dar feedback de diseño, copy, usabilidad o flujos. No tenés que instalar ni configurar nada técnico.
Dos opciones de acceso¶
El admin te va a dar una de estas dos:
- URL pública temporal (vía Cloudflare Tunnel) — abrís un link, ves la app. Sin instalar nada.
- Acceso por Tailscale (si trabajás también con código / diseño embebido) — instalás un cliente de VPN y entrás a la red privada.
La opción 1 es la más simple. Si el admin no te dijo nada de Tailscale, asumí que es esta.
Opción 1 — Acceso por URL temporal (recomendada)¶
El admin te manda un link parecido a:
https://xxx-yyy-zzz-www.trycloudflare.com
Abrís la URL en el browser y ya estás viendo la app — no hay login ni pasos intermedios. Es la misma UI que ve cualquier usuario normal.
Cosas a tener en cuenta:
- La URL es temporal. Mientras el admin tenga el tunnel abierto, funciona. Si ve en el log que pasaron varias horas sin actividad, lo puede cerrar — la URL queda muerta. Coordiná con él los horarios de revisión.
- El link NO tiene auth. Cualquiera que lo tenga entra. No lo compartas con nadie que el admin no haya autorizado, ni lo pegues en chats públicos.
- Los API calls pueden fallar por una limitación del CSP del frontend (está hardcoded a
localhost). Vas a ver la UI cargar bien, pero si hacés acciones que pegan al backend (login, agregar al carrito, filtrar el catálogo) puede fallar silenciosamente. Reportá igual qué flujos probaste y cuáles se rompieron — el equipo lo está arreglando.
Opción 2 — Acceso por Tailscale¶
Solo si el admin te lo indicó.
- Descargá Tailscale: https://tailscale.com/download.
- Logueate con el mail que te invitaron.
- Abrí el navegador y entrá a
http://100.116.16.34:3000.
Qué vas a ver¶
La página principal es la landing de Mercado Mayor. Desde ahí:
- Catálogo:
http://100.116.16.34:3000/catalogo(o botón "Explorar catálogo") — lista de productos. - Producto individual: click en cualquier producto del catálogo.
- Carrito: agregás desde un producto, vas al carrito.
- Login / registro: flujos de alta de usuario, vendedor, comprador.
- Dashboard vendedor: para ver cómo luce del lado del que vende.
Los datos son de testing: los nombres de productos son reales (Bermuda Hombre Denim, Jamón Cebo, Cofler Almendras, etc.) pero los usuarios, precios y stocks son inventados.
Nota sobre imágenes¶
Las imágenes de los productos pueden aparecer como un ícono de "imagen no disponible". Es conocido — estamos usando data de prueba sin el archivo físico de cada foto. No reportes eso como un bug de diseño, salvo que encuentres un layout que se rompa feo por eso.
Cómo dar feedback¶
Por cada observación, abrí un comentario en el canal de feedback (el admin te dice cuál — Figma comments, Notion, GitHub Issues) con este formato:
``` Página: /catalogo Qué viste: Los filtros del sidebar quedan tapados en mobile.
Expectativa: Que se puedan abrir con un botón "Filtros".
Severidad: Medium (no bloquea, pero dificulta el uso)
Screenshot: (adjuntá) ```
Si podés grabar un video corto (Loom, QuickTime), mejor.
Cuentas de prueba para navegar logueado¶
Si necesitás probar flujos con sesión iniciada, pedile al admin un set de credenciales:
- Usuario comprador (ve catálogo, agrega al carrito, hace pedidos)
- Usuario vendedor (ve dashboard, sube productos, ve pedidos recibidos)
- Usuario admin (ve panel de moderación)
Las contraseñas son de testing. No tienen validez en ningún otro lado.
Reglas¶
- No hagas carga masiva de datos ni uses la app como si fuera tu propio entorno. Si el flujo que probás genera basura (muchos pedidos, muchos productos), avisá al admin para limpiar después.
- Si encontrás un bug funcional (algo crashea, un botón no responde, una API devuelve error), reportalo igual que un bug visual — es bienvenido.
- No compartas el link de Cloudflare con nadie que no esté autorizado. Si alguien más del equipo necesita acceso, pedilo al admin.