Proyecto Zoo – mejora del buscador y de la interacción del usuario

¿El buscador funciona bien?

No, por diversos motivos:

  • Tamaño del campo de texto es muy pequeño, así como el botón OK.
  • El color del botón no destaca, no es visible, y se confunde con el fondo.
  • No dispone de la función de autocompletar (sugerencias de búsqueda). Por ejemplo, al escribir la palabra ‘león’ sin acento no sugiere resultados.
  • Página de resultados de búsqueda: los resultados no poseen ninguna fotografía, la descripción es demasiado corta, los títulos son muy generales…Como conclusión, la información que aparece no es la deseada.
    Soluciones:

    • Aumentar el campo de texto, poniendo un mínimo de 25-30 caracteres de ancho.
    • Aumentar el tamaño de letra, mínimo 14.
    • Sustituir el botón OK por ‘Buscar’, y hacer un ancho de botón adecuado a la longitud de la palabra.
    • Cambiar el color, hacerlo más visible y distinto al color de fondo. Gris oscuro, por ejemplo.
    • Sustituir el buscador actual por el motor de búsqueda interno de Google.

¿Cúal es la impresión que tiene el usuario cuando entra en el site por primera vez?¿Qué hay que mejorar para que el site sea userfriendly?

Valoramos y entendemos los elementos que componen la homepage como un todo: header, body y footer. Hemos analizado todos estos aspectos para poder valorar en profundidad la impresión que tiene el usuario cuando entra en el site y así poder ofrecer mejoras y soluciones.

La actual homepage es caótica en cuanto a la cantidad de información, hay mucho ruido. Hay información repetida, no se dispone de forma clara y es poco intuitiva.

Menú del Ayuntamiento:

menu_ayun
image-3541

Sugeriríamos que el menú del Ayuntamiento de Barcelona vaya al footer, ya que no da información de la página del zoo sino del ayuntamiento, y puede confundir al usuario. Dejaríamos únicamente el logo del Ayuntamiento de Barcelona, y al lado, la opción de cambio de idioma.

Header y Menú principal:

menu_princ
image-3542

La actual cabecera está desordenada, la información no está bien organizada, es repetitiva y el usuario no acaba de saber donde dirigirse. Lo mismo sucede con el menú principal, ya que cuesta adivinar que se encuentra detrás de cada título.

A continuación pues, sugerimos una serie de mejoras a seguir:

  • Logo: La actual posición del logo, en el centro de la página, no es clara ya que se confunde con la imagen de fondo. Por lo tanto, lo situaríamos en la parte izquierda.
  • Cambiar el tamaño y posición de los iconos de las redes sociales, para hacerlos más visibles.
  • Proponemos una redistribución del menú superior, con una navegación más clara y simple, incluyendo submenús con un máximo de 5 subcategorías. El nuevo menú que proponemos contiene:
  • Inicio
  • El zoo
    • Animales
    • Plantas
    • Actividades
    • Espacios
    • Plano
  • Tarifas y horarios
  • Cómo llegar
  • Sobre el Zoo
    • Educación
    • Fundación del Zoo
    • Historia
    • Contacta
  • Eliminar la opción de ‘Cambiar tema’, dejando un fondo de pantalla fijo.
  • Añadir un número de teléfono para que el usuario pueda contactar en caso de duda/consulta
  • Añadir la opción de idioma con un desplegable: catalán, castellano, inglés, francés, chino, árabe, alemán…
  • Añadir en la cabecera una llamada a la acción ‘Comprar tickets’, que será fijo en todas las páginas, para captivar en todo momento la atención del público e incentivar la compra.

Body:

En cuanto al body, hay un exceso de información y continúa apareciendo de forma repetida. Las mejoras que proponemos son:

Creación de un slide de imágenes con información y/o actividades destacadas en el zoo. Además, el slide contendrá una caja con información del horario de apertura de ese día + mapa de localización.

Añadir 3 cajas con imagen y texto debajo del slide, con la siguiente información:

  • Zoo Club
  • Actividades en el zoo
  • Apadrina un animal

Uno de los objetivos del zoo es mostrar los animales que viven en él, por lo tanto, sugerimos un pase de imágenes con foto y nombre de cada animal. Haciendo click en la imagen te dirige a la página donde encontrar información sobre el animal.

Footer:

El footer permanecería igual, pero eliminaríamos la repetición del menú principal.

footer
image-3543

PROPUESTA DE DISEÑO DE LA HOMEPAGE ACTUAL:

hompage
image-3544

Por: Anna Toledano Martin, Antonio Jesús Acuña Ramos y Daniela Pacheco.

¡Deja el primer comentario, no seas tímido!

Únete a la discusión

Puedes utilizar los siguientes HTML tags y atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>