1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

¿Un input más grande facilita la búsqueda?

Hace unos días Google realizó un pequeño cambio en su interfaz cuando aumentó el tamaño de letra del input de búsqueda y de los botones "Buscar con Google" y "Voy a tener suerte".

Ahora el input de búsqueda tiene un font-size de 17px y los botones uno de 15px, puedes ver el cambio en la siguiente imagen

cambios en la interfaz de Google

Realmente hace más fácil la búsqueda un input más grande

Pues sí, pero lo que interesa en este caso no es el tamaño del input en sí sino el font-size, que es lo que permite leer con mayor comodidad los términos que estás buscando.

¿Por qué un mayor font-size es mejor?

Este tema es bastante amplio, y ya hemos hablado de él en el estándar 100% fácil de leer así que me limitaré a decir lo siguiente...

No todos los que usan tu aplicación tienen 20 años

Así es, mucha gente usa la web, y no puedes esperar que a todos tus usuarios les sea cómodo leer un font-size de 12 o 14px, y obviamente para un elemento tan importante como el input de búsqueda de Google (vamos, la página es prácticamente sólo el input y el logo de Google) facilitar la búsqueda a la mayor cantidad de personas posibles es una muy buena idea.

Lo mismo pasa con los botones "Buscar con Google" y "Voy a tener suerte", al aumentar el font-size se vuelven más visibles y es más facil hacerles click con el mouse.

¿Por qué Google eligió 17px para el input de busqueda y no 16 o 18px? No lo sé, lo único que puedo imaginar es que hicieron las pruebas suficientes para darse cuenta que para esa interfaz en particular 17px era lo mejor.

¿Tu qué opinas sobre este cambio?

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de chirihua chirihua

    Muy útil, poco estético...

  2. Avatar de chrisl chrisl

    jeje, me parece un buen cambio.
    y desde un punto de vista estético, quizás podrían ampliar un poco el tamaño del logo también

  3. Avatar de David Rios David Rios

    jajajaja, ese mismo día reinstalé Firefox y pensé que era un problema de la nueva versión de mi navegador favorito :-D

  4. Avatar de Javier Martinez Javier Martinez

    Tambien pense que era algún cambio en el navegador

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910