Capitulo 3 Diseño de rótulos. Creación de una jerarquía visual clara Uno de nuestros mejores métodos para que nuestra pagina retenga atención es asegurándonos.

Presentación del tema: "Capitulo 3 Diseño de rótulos. Creación de una jerarquía visual clara Uno de nuestros mejores métodos para que nuestra pagina retenga atención es asegurándonos."— Transcripción de la presentación:

1 Capitulo 3 Diseño de rótulos

2 Creación de una jerarquía visual clara Uno de nuestros mejores métodos para que nuestra pagina retenga atención es asegurándonos que el aspecto de las cosas en la pagina representen de forma adecuada la relación entre ellas, que cosas están relacionadas entre si y cuales son parte de otras. Todas las paginas deben de llevar jerarquía visual.

3 Tienen tres características: 1.Lo mas importante debe ser lo mas prominente. Por ejemplo los encabezamientos mas importantes deben ser los mas grandes, en negritas o un color distintivo

4

5 2. Lo que esta relacionado lógicamente también lo esta visualmente. Por ejemplo se pueden agrupar las cosas similares bajo un mismo titulo, visualizándolas con un estilo visual similar o poniéndolas en una zona definida.

6

7 3. Todo se engloba bien para que queden delimitadas las partes que pertenecen a cada bloque. Por ejemplo, el titular de una sección ("Libros de computación") aparecería por encima del título de un libro en particular, englobando visualmente toda la zona de contenido de la página, porque el libro es parte de la sección. El título, a su vez, abarcaría los elementos que describen el libro.

8

9 Todos los días analizamos jerarquías visuales (tanto en línea como sobre el papel), pero lo hacemos tan rápido que apenas nos damos cuenta que lo estamos haciendo hasta que no lo podemos hacer más; y las claves visuales, o la ausencia de ellas, nos obligan a considerarlo. Una buena jerarquía visual nos ahorra tales esfuerzos a la hora de procesar la página, de organizar y establecer prioridades en los comen idos, 10 que nos permite captar todo de forma casi instantánea.

10 Analizar la página con una jerarquía visual resulta, incluso, un poco engañoso (por ejemplo, si un titular abarca cosas que no son parte de él), es como leer una frase construida de forma descuidada. Aunque normalmente podamos entender lo que la frase quiere decir, de forma momentánea nos hace recapacitar, pensar, cuando no debería ser así.

11 Esta jerarquía visual engañosa sugiere que todas las secciones del sitio forman parte de la sección de Libros sobre computadoras.

12 Las convenciones nos favorecen En algún momento en nuestra juventud, y sin que nos enseñaran, aprendimos a leer un periódico. Si no sus palabras, sí las convenciones. Aprendimos, por ejemplo, que una frase con letras grandes es normalmente un titular cuya historia se resume debajo de él; que el texto que hay debajo de una foro es un pie de foto que aclara el contenido de la misma o (si el tamaño de letra es muy pequeño) los créditos de la foto que revelan quién tomó dicha instantánea.

13 Aprendimos a reconocer las distintas convenciones de la disposición de las páginas y de su formato, hecho que nos facilitó y nos ahorró tiempo al hojear un periódico y dar con los artículos que nos interesan. DOS COSAS IMPORTANTES SOBRE LAS CONVENCIONES:

14 1. Son muy útiles. Como norma general, las convenciones sólo llegan a ser convenciones si funcionan. Las realmente efectivas ayudan al usuario a desplazarse de un sitio a otro sin grandes esfuerzos para descubrir el funcionamiento de las cosas.

15 2. Los diseñadores son reacios con frecuencia al abuso de ellas. Ame la posibilidad de uso de las convenciones, los diseñadores, por el contrario, se ven tentados a reinventar la rueda, principalmente porque sienten (y no es del todo incorrecto) que su contrato les obliga a crear algo nuevo y diferente y no algo ya está visto. (No olvidemos que los elogios de los compañeros, los premios y las ofertas de trabajo más llamativas raramente se basan en criterios como "al mejor uso de las convenciones".)

16 División de las páginas en zonas claramente definidas Es importante dividir la pagina en zonas claramente definidas porque permite al usuario decir rápidamente en que partes puede centrarse y cuales puede, con tranquilidad ignorar.

17 *Dejar bien claro sobre lo que se puede hacer clic Es muy importante dejar bien claro sobre lo que se puede hacer clic y en lo que no. Por ejemplo, en la página principal de la web del Senador Orrin Hatch durante su fallida carrera presidencial en el 2000 no estaba nada claro si se podía hacer clic sobre todo o sobre nada. Habia 18 vínculos en la pagina, pero solo dos invitaban a que se hiciera clic en ellos por el aspecto que tenían.

18

19 Baje el sonido hasta que casi desaparezca Uno de los grandes enemigos de las paginas fáciles de atrapar es el ruido visual. Existen, en realidad, dos tipos de ruidos: 1. NEGOCIO-ABIGARRADO. Algunas paginas web me producen la misma sensación que tengo cuando leo la carta de PUBLISHER’S Clearing House y trato de averiguar que pagina hay que adjuntar al formulario para entrar sin suscribirme, por accidente, a cualquier revista,

20 Cuando toda la pagina clama por mi atención, el afecto puede ser abrumador. Podemos encontrar: ¡Infinidad de invitaciones para que compremos! ¡Multitud de puntos con exclamaciones y colores llamativos! ¡Griterío continuo! 2.RUIDO DE FONDO. En algunas paginas se esta como en una fiesta; ninguna fuente de ruido esta lo suficientemente alta para que lo distraiga, pero existen infinidad de diminutos fragmentos de ruido visual que nos terminan agotando.