Documentación YAQ
Docs » 2024-02-07 Comentarios Nuria

2024-02-07 Comentarios Nuria

Layout con publi

* En Figma se muestran dos espacios laterales de 150 px cada uno, pero eso no se ajusta al diseño actual de YAQ. donde los banners laterales sí son de 150 px, pero la cortinilla ocupa hasta 300px por cada lado.

Cabecera (común a todas las páginas)

  • Se me hace muy raro que los botones “sign in” tengan tanta importancia.
  • La cabecera en el fondo no aporta nada y ocupa demasiado espacio. Sigue siendo muy confuso ese “botón” (que no es botón) con el lema “Search, Choose, Suceed”. Esto pasa también en la versión de escritorio, pero es más evidente en la de móvil.
  • En la cabecera dejaría solo el título “Deciding what and where to study”

01 Home

En general

  • ¿Qué irá exactamente en “Orientation resources”? ¿En qué se diferencia de los items del blog que están por debajo? ¿Es necesario crear algún nodo o taxonomía nueva para que los “reportajes” se muestren justo ahí?
  • Añadir más espacio en blanco entre el título “Featured universities” y los logos.
  • Cuidado con los logos porque para que salgan todos iguales y bien alineados hay que crear una versión ad-hoc de cada uno de ellos, no es algo que haga automático el sistema (es algo que pasa en todas las webs, porque cada logo es hijo de su padre y de su madre y salvo que se trabajen aparte no hay manera de ajustarlos). ¿Quién hará este trabajo?

Móvil

  • Hay una pequeña errata en el formulario de búsqueda y pone “Select Province” donde debería poner “Enter name of study”.
  • Creo que funcionaría mejor poniendo cada campo en una línea, aunque ocupe más. Otra cosa es si no queremos hacer tanto scroll porque interesa poner la publicidad más arriba.
  • Featured degrees: Se podría eliminar el botón “learn más” y dejar solo que el click se haga en la imagen y en el título.
  • Areas of study: Es mejor crear tarjetas simples que solo lleven el icono y el título y que ocupen una línea cada una, no dos en una línea.
  • Logos universidades: cuatro en una línea en móvil no se van a ver bien.

02 Degrees Home

En general

  • ¿A dónde lleva el botón “learn more” del texto superior? ¿Despliega una capa con más texto? Si es eso, resulta confuso porque parece que lleve a una página nueva.
  • Lo mismo con el texto inferior.
  • Faltaría probar si caben en ese diseño estudios más largos como “Ciencias Políticas y de la Administración Pública” y cómo se muestran en tal caso.
  • ¿Añadimos link a “Ver más artículos”?

Móvil

  • Añadiría unos links directos a modo de “TOC” o “botones” a cada rama dentro de la página, con un ancla, para que los usuarios no tengan que hacer todo el scroll y puedan acceder más fácil a la información

03 Area of Study

Escritorio

  • Igual que en la página anterior, faltaría probar si caben en ese diseño estudios más largos como “Ciencias Políticas y de la Administración Pública” y cómo se muestran en tal caso.
  • ¿Por qué el titulo “Featured degrees…” ocupa dos líneas y no una? ¿Y el título “Articles…”? ¿Es por puro diseño?
  • Featured degrees: ¿“Barcelona” será la provincia o la localidad? Entiendo que la localidad, ¿no?

Móvil

  • Featured degrees: Se podría eliminar el botón “learn más” y dejar solo que el click se haga en la imagen y en el título.

04 Degree listing (LIST view)

Escritorio

  • En los listados quizás no pondría el precio como primer item, sino más escondido.
  • No veo claro el filtro de precio. ¿Es una barra deslizante o es una casilla donde se escribe?

Móvil

  • Quizás dejaría solo el listado de estudios con los filtros y quitaría toda la parte de abajo o algo de ella. Valorar si la necesitamos por tema SEO.
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