Documentación YAQ
Docs » 08. Resultados de búsqueda

diseno, ux

08. Resultados de búsqueda

Para tener en cuenta

  • Hay que solucionar que no tengamos urls repetidas con las que las páginas de estudios (la 04). Además, hay que decidir si se indexan o no esas páginas y cómo, si usamos palabras clave diferentes.

Decisiones finales

  • El título h1 tiene que ser generado automáticamente según la búsqueda como en el ejemplo de Foro FP: https://forofp.es/fp/grado-superior/animaciones-3d-juegos-y-entornos-interactivos/presencial/madrid/diurno/no-crawl
  • Si por un casual alguien llegara aquí y no hubiera resultados, se mostraría un primer texto que diga “No hay resultados, prueba a usar los filtros para encontrar lo que buscas. Mientras tanto, te mostramos estas titulaciones que te pueden interesar”. Se muestran los filtros laterales (estarán todos desactivados) y en la parte central el listado con las titulaciones destacadas.
  • El buscador grande no aparece en la página de resultados de búsqueda. Las búsquedas se ejecutarán vía filtros laterales.
  • Se mantiene un mini-buscador en nuestro menú en la cabecera. Ese mini-buscador es común a toda la web y hace búsquedas en todo (también en artículos, etc). Ver ejemplo de TripAdvisor.
  • Añadimos un pequeño buscador de texto libre que diga “Buscar estudios”.
  • Si alguien quitara todos los filtros, le saldrían como resultado lo que hemos dicho antes para “página no encontrada”
  • Para los resultados de búsqueda se aplica lo mismo que en los comentarios de “main section” de página 4 https://docs.google.com/document/d/1P1cTzA0FeV0GT6jST1vRD8CgEMmDS0HPtyw7E2LCnaM/edit
  • ESTE COMENTARIO EN REALIDAD ES PARA LA PÁGINA 4 *
  • La idea es forzar que en el formulario ya salga marcado el tipo. Por ejemplo si estamos en la página /carreras, saldría marcado ya en el buscador el tipo “carreras”. Si estamos en la página de másteres, saldría marcado ya en el buscador el tipo “másteres”. Los usuarios pueden luego elegir uno u otro.
  • Qué pasa si estamos en carreras (página 4) y

Orden de los filtros laterales

  • Types of Study
  • Select Location
  • Modalidad (online / presencial)
  • Price range
  • Course Duration
  • Nota de corte

Información de las fichas

  • Link a la titulación (en el título)
  • No habrá link a la universidad (nos interesa que se centren en el botón de pedir información y no queremos inundar de links estas fichas)
  • Botón con link a la página de captación de leads.
  • Ver lo que comentamos para la página 4 https://docs.google.com/document/d/1P1cTzA0FeV0GT6jST1vRD8CgEMmDS0HPtyw7E2LCnaM/edit

Para la sección abajo con titulaciones destacadas

  • Descubre estas nuevas titulaciones
  • Se muestran varias titulaciones de clientes de manera aleatoria. Que funcione igual que el bloque similar que aparece en otras páginas. No es carrusel

Para la sección abajo con titulaciones destacadas

  • Paginación: Usamos paginación y no scroll infinito para no perder la visibilidad los banners que se ponen en el pie de página.
  • Quitamos la sección de “Unirse a la comunidad”.

Cuestiones técnicas

Para hablar con Oskar

  • La url se debería generar según las facetas seleccionadas.
  • No todas las combinaciones deberían tener una url única.

Para que lo mire Kini

  • Lo que se trabajó con Antonio de que no todas las combinaciones tienen url propia.

Otros documentos de trabajo

  • Comentarios de Steve a los diseñadores
  • Versión 1 en Figma
  • Prototipo inicial de Nuria

Comentarios Steve

  • A partir de aquí
Previous Next

Documentación YAQ

Table of Contents


⇒ LOGIN


Pantallas

  • Diseño y UX
  • Pantalla 01. Home
  • Pantalla 02. Carreras distribuidora
  • Pantalla 03. Ramas distribuidora
  • Pantalla 04. Estudio distribuidora con listado
  • Pantalla 05. Titulación landing
  • Pantalla 06. Página con formulario
  • Pantalla 07. Página descriptiva de estudio
  • Pantalla 08. Resultados de búsqueda listado
  • Pantalla 09. Universidades distribuidora con listado
  • Pantalla 10. Universidad landing school
  • Pantalla 11. Universidad landing department
  • Pantalla 12. Selectividad distribuidora
  • Pantalla 13. Blog distribuidora (Sección “Te ayudamos”)
  • Pantalla 14. Artículo