ProyectoWeb - Sobre Diseño de Interacción, Usabilidad y AI
Suscribirse Suscribirse al Boletín



 
Año 2 - Boletín Nro 37 - martes 29 de abril de 2003
¿Porcentaje o Píxel?

Por Fabio Núñez Iturriaga - www.elsitiomaestro.com


Todos los que nos dedicamos a diseñar páginas web, en un momento u otro, nos hemos hecho esta pregunta: ¿debo usar porcentaje o píxel fijo para definir las tablas de mi sitio?, ¿qué es mejor?. 

Para la gente que no esté muy familiarizada con el HTML, explicaré que las tablas definidas con porcentajes son aquellas que se autoajustan a la pantalla del usuario, dependiendo de la resolución que este posea. Sin embargo, las tablas definidas con píxel fijo o absolutas, son aquellas que se ven con el mismo tamaño, con independencia de la resolución.

Este artículo no pretende dar una ley tajante de lo que se debe hacer y lo que no, sino que en él se expondrán los pro y los contra de ambas opciones.

Porcentaje (tablas relativas)

La principal ventaja de la utilización de porcentajes es la posibilidad de diseñar para todas las resoluciones sin necesidad de hacer diferentes versiones de la web.

Esta ventaja es considerable, pero debe tenerse en cuenta que hay que "Diseñar para lo más probable y no para todo lo posible", ya que si se intenta agradar a todos, con seguridad no se agradará a nadie.

Otra desventaja de estas tablas con respecto a las absolutas es el hecho de que son más lentas de cargar, aunque pesen lo mismo. Esto es debido a que el navegador tiene que calcular el porcentaje con respecto a la resolución empleada por el usuario.

Como ventaja de las tablas relativas podríamos mencionar que son mejores para imprimir.

Otro punto negro en las tablas porcentuales es el ancho de línea. El problema se produce precisamente al no poder controlar este ancho, lo cual implica que en las computadoras con mayor resolución las líneas son más amplias, produciéndose así un salto mayor entre ellas y, por consiguiente, un mayor peligro de equivocarse al pasar de una a otra en el proceso de lectura. Está demostrado que las líneas más anchas son más lentas de leer, y es por eso que los medios escritos como las revistas o los periódicos utilizan columnas estrechas.

Mi opinión personal sobre las tablas con porcentajes es que es más difícil trabajar con ellas, ya que normalmente son mezcladas con píxel fijo para zonas como los menús, que queremos mantener a una medida determinada.

Píxel fijo (tablas absolutas)

Las tablas con píxel fijo son más estables, y es por ello que en aplicaciones como web-mail, son las más recomendables.

Como ventaja adicional hay que destacar que podemos controlar a la perfección el ancho de la línea para todos los usuarios. Es decir, podemos hacer anchos de líneas de entre 40 y 60 caracteres, que son las más recomendables para facilitar la lectura.

El problema que tiene el píxel fijo es que no se adapta a las resoluciones de todos los usuarios; sin embargo, no implica que estos verán dichas tablas de manera incorrecta, sino que aquellos con mayor resolución las verán un poco más pequeñas. En cualquier caso, si decidimos hacer las páginas para 800x600 y centradas, abarcaremos al mayor número de usuarios y a quienes usen 1024x768 no les resultará especialmente molesto navegar en ellas aunque no les ocupen toda la pantalla.

Otro detalle: las páginas de ancho fijo suelen dar problemas con su impresión, cuando se sobrepasan los 750 píxeles de anchura.

En mi experiencia personal me he debatido en grandes peleas con las tablas, sobre todo a la hora de compatibilizarlas con Netscape. Tras estas controversias, he llegado a la conclusión de que resulta más fácil adaptarlas a todos los navegadores cuando se emplea el píxel fijo de "forma correcta". Y cuando digo de "forma correcta", lo que quiero expresar es que la suma de los píxeles de las celdas debe corresponderse con el tamaño total de la tabla. La mayoría de los problemas con las tablas devienen de la inobservancia de este principio. (11-enero-2003)

ProyectoWeb - ¿Porcentaje o Píxel?

:: Portada
:: Agenda
:: Boletines por fecha

:: Lista de Correo (PWlist)
:: Tumblelog nueva ventana
:: ¿Quiénes Somos?

:: Contactar


2da Mesa Redonda Internacional - Una Web para Todos. La Habana
2da Mesa redonda Internacional de ProyectoWeb "Una Web para Todos". La Habana. abril 2008


Eventos
:: 1er Enc. Iberoamericano de
Diseño de Comunicación

- mayo de 2006 nueva ventana

:: 1ra Mesa Redonda Internacional "Una Web para Todos" - abril de 2006 nueva ventana

Día Mundial de la Usabilidad:
Evento Teórico "Por un Diseño Web Accesible y Universal"
:: 2005 - Relatoría nueva ventana
:: 2006
nueva ventana


Nos visitaron
:: Juan Leal - 2005
::
Nacho Puell - 2005
:: Jesús Carrera - 2006 nueva ventana
::
Jorge Barahona - 2006 nueva ventana



Web Afines
:: Happyuser nueva ventana
:: Lista de Cadius nueva ventana
:: NoSoloUsabilidad nueva ventana
:: Alzado nueva ventana
:: Pablo Impallari nueva ventana
:: UsoLab nueva ventana
:: Jarango.com nueva ventana
:: Véaseademás nueva ventana
:: Inusual nueva ventana
:: seisdeagosto.com nueva ventana
:: Usalo nueva ventana
:: Denken Über nueva ventana
:: Terremoto.net nueva ventana
:: dnxgroup nueva ventana
:: Biguel nueva ventana
:: SIDAR
nueva ventana
:: Usespanol nueva ventana
:: Nethodical nueva ventana
:: Macadamia nueva ventana
:: abcweb nueva ventana
:: Usable nueva ventana
:: Cadius Zaragoza nueva ventana



De Cuba
:: PROGRAFICA cubana nueva ventana
Organización interesada en trabajar en la promoción del Diseño Gráfico.



Sindicación RSS Feed
:: ProyectoWeb
:: Tumblelog


Recomendamos
:: Mozilla Firefox nueva ventana
:: Del.icio.us nueva ventana - Bookmarks
:: FutureMail nueva ventana - Notificador
:: Ovillo nueva ventana - Lista de Correo sobre estándares web en castellano

Redes Sociales
:: Estamos en Facebook
:: Comunidad en Ning
............................................

Portada | Agenda | Boletín por fecha | Suscribirse al Boletín nueva ventana
Lista de Correo | Tumblelog nueva ventana | ¿Quiénes Somos? | Contactar


RSS Feed:
ProyectoWeb | Tumblelog

ProyectoWeb - Sobre Diseño de Interacción, Usabilidad y AI - La Habana. Cuba
Creado en octubre de 2001
Correo Electrónico: info@proyectoweb.org
http://www.proyectoweb.org - http://www.proyectoweb.cubaweb.cu

ProyectoWeb, Sobre Diseño de Interacción, Usabilidad y AI