Transparencias_T6_3 - 1 1 Diseño de páginas web....

Info iconThis preview shows pages 1–7. Sign up to view the full content.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
This is the end of the preview. Sign up to access the rest of the document.

Unformatted text preview: 1 1 Diseño de páginas web. Usabilidad 2 Índice. 1. Diseño de la página. 2. Diseño del contenido. 3. Diseño del sitio. 2 3 Diseño de la página. ¡ Espacio en pantalla. ¡ Diseño de plataforma cruzada. ¡ Separar significado de la presentación. ¡ Tiempos de respuesta. ¡ Vínculos. ¡ Hojas de estilo. ¡ Marcos. 4 Diseño de la página: espacio en pantalla. ¡ Espacio de la pantalla: ¢ Dividido entre la navegación y la información. ¢ Espacios en blanco: ayudan a entender el agrupamiento de la información. ¢ Contenido: debe ocupar entre un 50% y un 80% de la página. ¢ Navegación: menos del 20% en páginas de destino. Un poco más en las páginas de inicio o de navegación intermedias. 3 5 Diseño de la página: espacio en pantalla. ¡ Resolución 1024 x 768 = 786432 pixels 18 % Navegador 20 % Navegación 13 % Información 24 % Publicidad y otros. Resto: blanco. 6 Diseño de la página: plataformas. ¡ Diseño de plataforma cruzada. ¢ En la web el usuario controla la navegación: puede ir a una página sin pasar por la principal. ¢ Diseñar para la libertad de movimientos: ¡ Vínculos a la página de inicio. ¡ Proporcionar contexto y navegación en todas las páginas. 4 7 Diseño de la página: plataformas. ¡ Tipo de pantalla del usuario: desde 800 * 600 hasta 1600*1200. ¢ 1999 -> 55% 800 x 600 ¢ 2003 -> 54% 1024 x 768 Resto 1,65 23 1600x1200 1,08 15 1280x960 1,36 19 1280x1024 3,73 52 1152x864 6,45 90 800x600 31,83 444 1024x768 53,91 752 Resolución Visitas % Visitas Web EU- 2003 - Resoluciones 53,91 31,83 6,45 3,73 1,36 1,08 1,65 1024x768 800x600 1152x864 1280x1024 1280x960 1600x1200 Resto 8 Diseño de la página: plataformas. Una página con distintas resoluciones. 800x600 1024x768 1280x1024 5 9 Diseño de la página: plataformas. ¡ La página debe funcionar bien a las resoluciones más habituales. ¡ Diseñar de forma independiente a la resolución: ¢ No usar un ancho fijo de pixel en las tablas, marcos o elementos de diseño Æ utilizar porcentajes. ¢ Los iconos deben seguir funcionando a todas las resoluciones Æ a mayor resolución gráfico más pequeño. 10 Diseño de la página: plataformas. 0.4 Opera 0.6% Internet Explorer 4.x 0.9% Netscape Navigator 8.1% Otros Navegadores 26.7% Internet Explorer 5.x 63.4% Internet Explorer 6.x Web AIG- 2003. Uso de navegadores. Navegadores usados Internet Explorer 6.x Internet Explorer 5.x Otros Navegadores Netscape Navigator Internet Explorer 4.x Internet Explorer 6.x Internet Explorer 5.x Otros Navegadores Netscape Navigator Internet Explorer 4.x ¡ Distintos tipos de navegadores. 6 11 Diseño de la página: plataformas. ¡ Problemas del uso de contenido no estándar: Internet explorer 6.0 Netscape 7.1 12 Diseño de la página: plataformas....
View Full Document

This note was uploaded on 06/12/2010 for the course INFORMATIC 65448 taught by Professor Sas during the Spring '10 term at Valencia.

Page1 / 24

Transparencias_T6_3 - 1 1 Diseño de páginas web....

This preview shows document pages 1 - 7. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online