Recuerdo que vi en YouTube un "rediseño de cierta pagina", me sorprendió tanto cómo una página no tan bonita puede verse increiblemente mejor, pensaba que esta persona tiene talento para esto. Pero más tarde entendí que no se trata de "hacer que algo se vea bonito" la clave está en la jerarquía.

¿Que es la jerarquía visual?

Hace referencia a cómo organisamos y presentamos los elementos de nuestra interfaz. Es decir, trata de dar prioridad visual a ciertos elementos que otros, para así guíar la atención del usuario hacia lo que es más importante.

¿Porqué es importante?

Si no hacemos que ciertos elementos se vean con prioridad que otros, el resultado será que todos los elementos, botones, textos, títulos, etc… compitan por atención, y como resultado la web se ve caótica y confusa.

Google nos da el ejemplo

No se tu pero yo sí me acuerdo clarito cuando Google se veía así

¿Y que vemos? ¿No vemos deshorden? ¿Lo primero que vez es google pero luego qué, web, Imagini?¿Pero que pasaría si le damos jerarquía?

• Hagamos que la barra de búsqueda sea lo más importante, debe ser claro y prominente, así que deberá se más grande
• Los otros elementos como "Buscar con Google" o "Voy a tener suerte" son sencudarios, así que serán menos prominente.
• Queremos que la gente busque lo que necesitan, ¿de verdad son necesario darles más opciones que esa, un buscador?

Veamos el resultado

En los siguientes temas, aprenderás tips y consejos para lograr una jerarquía muy pontente, que hará que tus diseños luzcan mejor diseñados