Crea una lista de vendedores del mercado de agricultores con una página de mapa de puestos pensada para móviles: cargas rápidas, actualizaciones fáciles y navegación sencilla el día del mercado.
El día del mercado la gente no está navegando. Van caminando con un café, entrecortando por el sol, y tratando de encontrar un puesto antes de que se agote. Los vendedores tienen el mismo problema al revés: dónde instalarse, si cambió un lugar y a qué hora empieza la carga.
Una lista simple de vendedores ayuda, pero aún falta responder la pregunta que la gente se hace en el momento: ¿dónde está ese vendedor ahora? Sin ubicaciones de puesto, los visitantes deambulan entre filas, preguntan a otras personas o se rinden y compran otra cosa.
“Fácil en teléfonos” no se trata de diseño lujoso. Significa que la página carga rápido, el texto es legible sin hacer zoom y las acciones principales están al alcance del pulgar. Si el mapa tarda una eternidad en cargar, los nombres son diminutos o la gente tiene que pellizcar y desplazar para entender la distribución, la página falla cuando importa.
Esta página debería funcionar en menos de 10 segundos: confirmar horarios y estado del día, ayudar a alguien a encontrar un vendedor por nombre o categoría, mostrar una etiqueta de puesto clara que coincida con el mapa, hacer obvios los cambios (puestos movidos, cancelaciones, disposiciones especiales) y reducir las preguntas en la carpa de información y en redes sociales.
Un ejemplo real: alguien llega tarde y quiere el vendedor de miel que vio la semana pasada. No quiere una historia larga sobre el mercado. Quiere tocar el directorio, ver “Miel”, ver “Puesto B12” y echar un vistazo a un mapa que muestre dónde está B12 respecto a la entrada principal.
Si mantienes ese caso de uso de “velocidad de caminata” en mente, las decisiones de diseño se simplifican: menos distracciones, etiquetas más grandes y un camino directo del nombre a la ubicación.
La gente abre esta página por una razón: encontrar un vendedor rápido y luego caminar al lugar correcto sin adivinar. Publica solo lo que ayuda en ese momento y la página se mantiene corta, carga rápido y es más fácil de mantener precisa.
Comienza con lo básico que los visitantes buscan de inmediato: nombre del mercado, dirección exacta, qué entrada usar, fechas o temporada (por ejemplo, sábados de mayo a octubre) y horarios que reflejen la realidad (incluyendo cuándo los vendedores empiezan a recoger). Añade una guía rápida de estacionamiento y una nota corta de accesibilidad (rampas, rutas planas, caminos aptos para cochecitos).
Luego publica el directorio de vendedores para un escaneo rápido. Las categorías amplias hacen la mayor parte del trabajo: Produce, Panadería, Comida preparada, Artesanías, Plantas/ flores. No hagas que la gente aprenda tu sistema.
Cada ficha de vendedor solo necesita unos pocos campos para ser útil: el nombre tal como aparece en su cartel, una categoría principal, un ID de puesto/fila que coincida con el mapa y las señales, y un destacado corto (1–2 elementos por los que la gente va a ese puesto). Notas de pago como “solo efectivo”, “tarjeta” o “SNAP” ayudan también, pero solo si puedes mantenerlas actualizadas.
Planea cambios del día. Incluso una sola línea de “Actualizaciones de hoy” hace que la página se sienta confiable: “Honey House: agotado a las 11:30” o “Sunny Bread: movido de B3 a B7”. Mantén las actualizaciones breves y con hora.
La mayoría de visitantes abrirán tu lista de vendedores mientras caminan, con una bolsa y lidiando con el deslumbramiento. El objetivo es simple: encontrar al vendedor, confirmar el puesto y avanzar.
Pon una caja de búsqueda arriba y mantenla disponible mientras se desplaza. Un encabezado fijo (sticky) funciona bien en teléfonos, siempre que sea delgado: campo de búsqueda más un botón de filtro.
Los filtros deben coincidir con las preguntas de la gente. Pocos buscan “Vendedor #42.” Buscan “café”, “huevos” o “sin gluten.” Limita los filtros a lo que importa para tu mercado, como categoría, forma de pago, necesidades dietarias y un simple estado “Está hoy” si tu alineación cambia semana a semana.
Las tarjetas de vendedor deben ser compactas. Si una tarjeta ocupa toda la pantalla, la gente se va. Apunta a lo esencial: nombre del vendedor (texto más grande), categoría (etiqueta pequeña), identificador de puesto que coincida con tus carteles y notas breves de pago como “Tarjeta + SNAP.” Añade una línea solo si realmente ayuda.
Haz que la etiqueta de puesto sea tocable. Cuando alguien la toque, muestra la ubicación del puesto sin hacerle perder su lugar. Dos opciones funcionan bien en teléfonos: una hoja inferior (bottom sheet) pequeña con el mapa centrado en ese puesto o una vista de mapa con un claro botón “Volver a la lista” que regrese a la misma posición de desplazamiento.
Ejemplo: Jamie busca “miel” mientras camina. Ve tres resultados, toca “B12”, el mapa se abre centrado en B12 y con un toque vuelve a los resultados de miel.
Un mapa de puestos que se ve bien en un portátil puede ser frustrante en un teléfono. El objetivo es directo: alguien debe encontrar el Puesto 18 rápido mientras camina, a la luz del sol y con una mano.
Comienza con un diseño que coincida con cómo la gente se mueve por el mercado. Para muchos mercados, una cuadrícula limpia con números de puesto y claras letras de fila es más fácil que un dibujo detallado. Si en tu sitio hay entradas, árboles o un escenario, agrupa puestos en zonas simples como “A: Fila principal” y “B: Fila trasera.” Mantén las formas simples.
Haz las etiquetas de puesto grandes y de alto contraste. Los números diminutos son la razón principal por la que la gente hace zoom, pierde el lugar y se rinde. Un marcador de “Estás aquí” puede ayudar, pero trátalo como opcional. Lo que importa más es que los números de puesto y los nombres de zona coincidan con lo que está impreso en los carteles reales.
Da a los visitantes dos formas de ver el mapa: una vista general con todo el mercado más puntos clave (entrada, carpa de información, baños) y una vista detallada dividida en secciones (por ejemplo, Fila A y Fila B) con números de puesto más grandes. Debajo del mapa, incluye un texto alternativo simple como “Fila A puestos 1–20, Fila B puestos 21–40” para un escaneo rápido.
Diseña para cambios semanales. Si el Puesto 12 y 13 se fusionan, muestra una casilla más grande etiquetada “12–13” y refléjalo también en la lista de vendedores. Si un vendedor se mueve, mantén el número de puesto como fuente de la verdad. Marca el lugar antiguo como “vacío” en lugar de renumerar a mitad de temporada.
Ejemplo: un visitante busca en la lista “miel” y ve “Sunny Apiary, Puesto 27 (Zona B).” Toca Zona B, abre la vista detallada y los números grandes hacen que el Puesto 27 sea obvio sin mucho zoom.
La gente no se pierde porque tu mapa esté “equivocado.” Se pierde porque el mapa y los carteles del mundo real usan palabras distintas. Si tu página muestra “Miel local”, pero el cartel del puesto solo dice “B12”, los visitantes dudan y dejan de confiar en la página.
Elige un esquema de nombres que puedas mantener cada semana: Puesto 1–40, A1–A10 o zonas simples como Fila de Productos y Patio de Comida. Escoge lo que encaje con tu espacio. Una cuadrícula ajustada funciona bien con etiquetas estilo A1, mientras que un mercado largo tipo calle se lee mejor por filas o zonas.
Una vez que lo elijas, usa las mismas etiquetas en todas partes: en la página de mapa de puestos, carteles impresos, pizarras y cualquier tablero de “Estás aquí”. Si voluntarios ayudan con el montaje, dales la misma hoja de etiquetas para que los números no se deslicen.
Añade algunos hitos para que el mapa se sienta real en una pantalla pequeña. Tres a seis son suficientes: carpa de información, baños, escenario/música, entrada(s) principal(es) y quizá un cajero o primeros auxilios. Mantén la leyenda lo bastante corta para leer sin hacer zoom.
Ejemplo: un visitante toca “Panadería Sourdough” y ve “Puesto B7 (cerca del Escenario).” Al llegar, el cartel más cercano también dice “B7” y el banner del escenario coincide con el mapa. Caminan directo en lugar de preguntar.
Pon los datos de vendedores en un solo lugar antes de tocar el sitio web. Una hoja compartida sirve, o un formulario corto que alimente una hoja. El punto es una única fuente de la verdad para no perseguir mensajes la noche anterior.
Luego fija los IDs de puesto (o fila y lugar) y confírmalos. Un rápido “responde SÍ para confirmar el puesto 14” previene el problema más común: vendedores que llegan esperando una ubicación distinta a la publicada.
Un orden práctico de construcción que reduce retrabajo:
Haz una prueba en el mundo real: párate donde entran los visitantes, abre la página con una mano y trata de encontrar tres vendedores en menos de 20 segundos. Si no lo logras, simplifica etiquetas, reduce el desorden o reordena la lista.
También elige a una persona (no un chat de grupo) para publicar los cambios matutinos. Esa única decisión previene actualizaciones conflictivas y mantiene la página confiable.
La mayoría abre tu página mientras camina y busca un puesto rápido. La fricción pequeña se convierte en “mejor no” en segundos.
La sobrecarga es un problema frecuente. Historias largas de vendedores, muchas fotos y bloques grandes de texto hacen que la lista parezca una tarea. Si alguien solo quiere “¿Quién tiene duraznos?” no debería tener que desplazarse por párrafos y banners.
El mapa es el siguiente punto de abandono. Si tu mapa de puestos es una sola imagen con etiquetas diminutas, la gente pellizca, pierde el lugar y abandona. Un mapa pensado para teléfono necesita etiquetas legibles sin zoom y suficiente espacio para tocar con precisión.
La discrepancia de etiquetas crea confusión instantánea. Si el mapa online dice “A12” pero el cartel real dice “12” (o “Fila A - 12”), la gente deja de confiar en la página. Lo mismo pasa con nombres de vendedores: “Sunny Farm Co.” online vs “Sunny Farms” en el puesto parece que son dos vendedores distintos.
Otro problema es ocultar lo básico. Horarios, dirección y “¿Por dónde entro?” deberían estar arriba del directorio. La gente usa esta página para decidir si todavía pueden llegar hoy.
Finalmente, los mercados cambian. Si no planificas intercambios de último minuto, tu página se equivoca en el peor momento. Alguien viene por “Green Truck Tacos”, va al lugar marcado y encuentra en su lugar un puesto de joyería. No volverá a consultar tu página la semana siguiente.
Unos arreglos previenen la mayoría de abandonos: mantén las entradas de vendedores cortas (nombre, puesto, categoría, notas de pago si hace falta), hace coincidir las etiquetas de puesto con los carteles impresos, haz el mapa legible sin zoom (aunque signifique menos detalles), pon horarios y dirección arriba y decide quién actualiza los cambios y con qué rapidez.
Prueba la página como lo haría un visitante: en un teléfono, con datos celulares, a plena luz y con una mano. Problemas que parecen menores en un portátil son exactamente lo que hace que la gente se rinda la mañana del mercado.
Centra las comprobaciones en lo que importa: que cargue rápido en celular, sea legible sin zoom, que búsqueda y filtros sean obvios, que las etiquetas de puesto coincidan con los carteles y que la info clave y las actualizaciones sean infalibles (incluyendo quién las publica y cómo confirman que están en vivo).
Una prueba práctica: pide a un amigo que nunca haya ido a tu mercado que encuentre dos vendedores y sus puestos en menos de 20 segundos, al aire libre. Si duda, simplifica nombres, mueve la info importante hacia arriba o reduce el desorden en el mapa.
Es sábado a las 9:05 a.m. Tu mercado tiene 45 vendedores y dos entradas: Puerta Norte (cerca del estacionamiento) y Puerta Sur (cerca del parque infantil). Un visitante abre el directorio en su teléfono mientras entra.
Escriben “Lopez” en la barra de búsqueda. El directorio se reduce a una tarjeta: Lopez Honey. La tarjeta muestra una etiqueta de puesto que coincide con los carteles del lugar, como B12, más una pista corta: “Fila B, cerca de la Puerta Norte.” También hay una acción simple “Mostrar en el mapa” que salta al mapa al lugar correcto.
En menos de un minuto hacen tres comprobaciones rápidas: confirmar que la etiqueta de puesto coincide con el marcador de fila más cercano, usar el resaltado del mapa para elegir un camino rápido desde Puerta Norte y mirar la tarjeta por un detalle útil como “acepta tarjetas”.
Hoy hay un cambio de última hora: Lopez Honey intercambió puestos con un vecino. En vez de confundir a la gente, la tarjeta muestra Movido a B14 (solo hoy). En el mapa, B12 queda etiquetado pero marcado como “Movido”, y B14 está resaltado.
Un puesto está temporalmente vacío porque un vendedor se retrasó. El mapa aún muestra la etiqueta del puesto, pero en gris claro con “Vacío ahora” para que los visitantes no deambulen. La ficha del vendedor sigue apareciendo, pero dice Llegando tarde en lugar de desaparecer.
Una lista y un mapa solo ayudan si coinciden con lo que la gente ve al llegar. La forma más fácil de mantenerlos correctos es convertir las actualizaciones en una tarea, no en una carrera. Elige a una persona que “posea” la página cada día de mercado. Eso no significa que haga todo el trabajo, significa que todos saben quién tiene la decisión final.
Mantén los cambios en un pequeño registro que actualices la misma mañana: quién canceló, quién cambió de puesto y cualquier añadido tardío. Reutiliza la misma página cada semana y añade una nota en la parte superior con la fecha para que quienes regresan sepan que está actualizada.
Una rutina semanal simple se mantiene manejable incluso cuando hay lío: verifica confirmaciones antes del montaje, haz una breve caminata para confirmar números de puesto durante la instalación, actualiza la nota superior con los cambios reales y corrige cualquier fallo en los primeros 10 minutos después de abrir.
Planea el crecimiento manteniendo un formato consistente de ficha (nombre, categoría, puesto, notas de pago y un destacado corto). Añadir un nuevo vendedor debería sentirse como rellenar campos, no rediseñar la página.
Convierte tu diseño en una página real con tres bloques que la gente entienda rápido: la lista de vendedores, filtros simples y un mapa de puestos usable en teléfono.
Empieza pequeño y publica pronto. Una lista sencilla que carga rápido supera a un diseño perfecto que nunca se lanza. Añade pulido después de ver qué preguntas siguen llegando a la carpa de información.
Si quieres acelerar el proceso, Koder.ai (koder.ai) puede generar una página de directorio simple desde el chat y ayudarte a iterar en Modo de Planificación antes de publicar cambios. Las instantáneas y la reversión son útiles cuando necesitas deshacer una edición apresurada la mañana del mercado.
Piensa en tu yo futuro. Al final de la temporada, guarda tus datos de vendedores y el archivo del mapa, y exporta el código fuente para que el próximo año sea una actualización, no una reconstrucción.
Empieza con los horarios y el estado del mercado, luego un directorio con búsqueda como prioridad, después una etiqueta de puesto que coincida con las señales en el lugar y, finalmente, un mapa que resalte ese puesto. Si esas cuatro piezas funcionan rápido en un teléfono, la mayoría de visitantes tendrán éxito sin contenido extra.
Usa categorías amplias y familiares y convierte la caja de búsqueda en la herramienta principal. La mayoría de la gente tipea lo que quiere (por ejemplo “miel” o “café”) en lugar de navegar por una taxonomía compleja.
Usa el nombre exactamente como aparece en el letrero del vendedor, muestra una categoría principal y el ID de puesto que coincida con el mapa y las señales del pasillo. Añade una breve nota de “especialidad” solo si ayuda a confirmar que encontraron el puesto correcto.
Trata el ID de puesto como la fuente de la verdad y mantenlo consistente toda la temporada. Si un vendedor se mueve, actualiza la ficha al nuevo puesto y marca el puesto antiguo como movido o vacío en lugar de renumerar todo.
Coloca un área corta de “Actualizaciones de hoy” con hora cerca de la parte superior y mantenla breve. Solo publica cambios que afecten la caminata de alguien, como cancelaciones, notas de agotado, intercambios de puestos y disposiciones temporales.
Haz las etiquetas grandes, de alto contraste y legibles en el zoom normal, y evita meter demasiados detalles en una sola imagen. Una cuadrícula simple con letras de fila o zonas suele ser más fácil de usar mientras se camina que un mapa muy ilustrado.
Elige un sistema de etiquetas (por ejemplo A1–A20 o Puesto 1–40) y úsalo en todas partes: online, en carteles impresos y en cualquier tablero de “Estás aquí”. Incluso pequeñas diferencias hacen que la gente deje de confiar en la página.
Pon arriba los horarios, la dirección exacta y qué entrada usar. Añade una breve nota de estacionamiento y una nota de accesibilidad para que los visitantes no tengan que buscar lo esencial.
Haz una prueba con una sola mano en la entrada con un teléfono real y trata de encontrar tres vendedores en menos de 20 segundos. Si se siente lento o confuso, simplifica las fichas de vendedor, aumenta el tamaño de las etiquetas o reduce el detalle del mapa hasta que sea sencillo.
Elige a una persona para que se encargue de las actualizaciones la mañana del mercado y decidan qué cuenta como oficial antes de publicar cambios. Si construyes con Koder.ai, puedes iterar en Modo de Planificación y usar snapshots y reversión para deshacer rápidamente una edición mala cuando haya prisa.
