“Diseñar una Página Web es tan fácil como contar hasta 3”, afirman algunas herramientas de software que “hacen” páginas web para usted. Desafortunadamente, muchos diseñadores web hoy en día han caído en ese truco de marketing – y los resultados son evidentes. De vez en cuando, uno se encuentra con un sitio web que se ve bien con un determinado navegador y con una resolución de pantalla en particular-, pero cuando probamos verla con otro navegador, no se puede ni leer el texto de la página. Peor aún, dado el número de sistemas operativos que son utilizados por los internautas en todo el mundo, estas páginas no se verán correctamente por más de la mitad del público previsto.
Ahora supongamos que esta página web pertenece a un sitio que vende cosas en línea. El hecho de que la mitad de los usuarios ni siquiera puedan verla se traduce en pérdidas importantísimas! Lo que convierte al Diseño Web, en mi opinión, un cóctel de creatividad y destreza técnica – ambos factores muy importantes.
En las siguientes líneas, recomiendo algunos puntos importantes para tener en cuenta en el diseño web.
1. Una imagen dice más que mil palabras. Las imágenes, sin duda, mejoran el aspecto de una página web, pero no es recomendable rellenar su página con un camión de imágenes. La mayoría de los usuarios de internet utiliza una conexión de acceso telefónico o banda ancha de unos pocos megas, y el tiempo promedio de carga de una página debe ser no más de 5 segundos. Si es más largo, es muy probable que el internauta abandone el sitio web. Por lo tanto, dentro de este tiempo, todas las imágenes en una página deben cargarse.
En cuanto a las imágenes, no debe olvidar darles el atributo ALT a cada una. Se puede dejar en blanco para ciertas imágenes que son puramente por razones estéticas, pero esa es una excepción, no la regla. Aunque no se note, el texto ALT puede ayudar mucho a los usuarios que no puedan ver las imágenes.
Los navegadores modernos ofrecen a los usuarios la opción de desactivar las imágenes. Esto da una idea de lo problemáticas que son las imágenes no deseadas.
Otros atributos que hacen que sus páginas web se carguen más rápido son la altura y la anchura. Sin estos, el navegador debe esperar a que la imagen se descargue, ya que no puede saber cuánto espacio dejar para ellas!
2. La Navegabilidad y funcionalidad deben venir antes de la excelencia artística. No vale de nada hacer de su sitio web una obra de arte si los usuarios no pueden navegar en él.
3. Existe un tipo de navegación muy común, consiste en que a menos que su ratón se mueva sobre una imagen, usted no tiene idea a dónde lleva ese enlace. Esto es complicado porque los usuarios necesitan mover el ratón por todo el lugar para averiguar cuál es un enlace y cuál no es.
4. Lo siguiente es una sugerencia muy práctica: si su página entera está dentro de una tabla, la página no se puede reproducir (es decir, la página no aparecerá en la pantalla) hasta que toda la tabla se descargue. Usted puede haber notado esto en varios sitios web, cuando no hay actividad durante un largo tiempo, y de pronto toda la página es visible. Por lo tanto, para evitar tal situación, lo que debe hacer es dividir la tabla en dos tablas de una debajo de la otra.
5. La guerra de los navegadores ha dejado sólo una víctima – el usuario. Como precaución, manténgase alejado de todas las funciones específicas del navegador. Porque si una determinada característica se apoya en un navegador, no será posible con otro. Utilice las funciones generales, aplicables a todos los navegadores.
6. La apertura de una nueva ventana del navegador debe ser decisión del usuario solamente. No trate de crear ventanas emergentes para confundir al usuario. Todos los enlaces deben abrirse en la misma ventana por defecto. Una excepción, sin embargo, podrán ser las páginas que contienen una lista de enlaces. Es conveniente en estos casos abrir enlaces en otra ventana, para que el usuario pueda volver a la página de enlaces con facilidad. Incluso en estos casos, es aconsejable avisar antes al usuario que los enlaces se abrirán en una nueva ventana.
7. Tenga en cuenta el desafío de las fuentes. La super letra de “Claustro Negro MT Light” puede verse muy impresionante en su máquina y puede verse el viejo y simple Times New Roman en la máquina del usuario. ¿La razón? Ese usuario no tiene la fuente instalada en su máquina – y una cosa es evidente – nada puede hacer usted.
8. Manténgase alejado de fuentes poco comunes. Utilice las fuentes tan conocidas como el sabor vainilla ( Arial, Verdana, Tahoma y Courier). Si es necesario, haga sus fuentes extravagantes en una imagen y colóquela en la página. (Y mientras esté allí, no se olvide Consejo # 1.)
9. Un nuevo truco de diseño que se utiliza cada vez más: Es una barra de navegación muy funcional que le guía a través de todos los caminos posibles dentro del sitio. Se ve algo como esto:
Home> Sección> Subsección> Página
¿Qué mejor que dar a sus usuarios una forma práctica de visitar casi cualquier otra página en tu sitio web, e informarles dónde están!
10. Otra nueva tendencia en la web pero no tan buena es la de los “plug –ins”, la mayoría de diseñadores web aficionados los usan. La realidad es que la mayoría de la gente no los ha instalado. Ahora piense, ¿has visto los plug-ins en cualquiera de los sitios más populares, incluidos Yahoo.com, Google.com o Amazon.com? Claro que no.
11. Java es otro mal uso de la tecnología en las páginas web. El uso de Java es recomendable como lenguaje de programación, no para sus fotos o imágenes. Hay varias cosas que puedes hacer con Java, eso no significa que usted debe hacer todo. Java lentifica el rendimiento. Y peor aún no es compatible con determinados navegadores.
La moraleja: puede utilizar Java, pero con moderación.
12. Y el punto final que resume todo lo dicho anteriormente: Escriba para todos los navegadores, todas las resoluciones y todas las profundidades de color. Si usted le brinda al usuario una página que él pueda ver en su explorador favorito y con la resolución que tiene su pantalla, lo hará sentir cómodo.
La web no espera por nadie. Haga su mejor esfuerzo para mantener al usuario feliz. Y para dejar a todos los usuarios satisfechos. Porque, una buena página web es como una buena tienda: puede significar la diferencia entre un comprador ocasional y un cliente serio.
diseño de paginas web
diseño de paginas web
Ahora supongamos que esta página web pertenece a un sitio que vende cosas en línea. El hecho de que la mitad de los usuarios ni siquiera puedan verla se traduce en pérdidas importantísimas! Lo que convierte al Diseño Web, en mi opinión, un cóctel de creatividad y destreza técnica – ambos factores muy importantes.
En las siguientes líneas, recomiendo algunos puntos importantes para tener en cuenta en el diseño web.
1. Una imagen dice más que mil palabras. Las imágenes, sin duda, mejoran el aspecto de una página web, pero no es recomendable rellenar su página con un camión de imágenes. La mayoría de los usuarios de internet utiliza una conexión de acceso telefónico o banda ancha de unos pocos megas, y el tiempo promedio de carga de una página debe ser no más de 5 segundos. Si es más largo, es muy probable que el internauta abandone el sitio web. Por lo tanto, dentro de este tiempo, todas las imágenes en una página deben cargarse.
En cuanto a las imágenes, no debe olvidar darles el atributo ALT a cada una. Se puede dejar en blanco para ciertas imágenes que son puramente por razones estéticas, pero esa es una excepción, no la regla. Aunque no se note, el texto ALT puede ayudar mucho a los usuarios que no puedan ver las imágenes.
Los navegadores modernos ofrecen a los usuarios la opción de desactivar las imágenes. Esto da una idea de lo problemáticas que son las imágenes no deseadas.
Otros atributos que hacen que sus páginas web se carguen más rápido son la altura y la anchura. Sin estos, el navegador debe esperar a que la imagen se descargue, ya que no puede saber cuánto espacio dejar para ellas!
2. La Navegabilidad y funcionalidad deben venir antes de la excelencia artística. No vale de nada hacer de su sitio web una obra de arte si los usuarios no pueden navegar en él.
3. Existe un tipo de navegación muy común, consiste en que a menos que su ratón se mueva sobre una imagen, usted no tiene idea a dónde lleva ese enlace. Esto es complicado porque los usuarios necesitan mover el ratón por todo el lugar para averiguar cuál es un enlace y cuál no es.
4. Lo siguiente es una sugerencia muy práctica: si su página entera está dentro de una tabla, la página no se puede reproducir (es decir, la página no aparecerá en la pantalla) hasta que toda la tabla se descargue. Usted puede haber notado esto en varios sitios web, cuando no hay actividad durante un largo tiempo, y de pronto toda la página es visible. Por lo tanto, para evitar tal situación, lo que debe hacer es dividir la tabla en dos tablas de una debajo de la otra.
5. La guerra de los navegadores ha dejado sólo una víctima – el usuario. Como precaución, manténgase alejado de todas las funciones específicas del navegador. Porque si una determinada característica se apoya en un navegador, no será posible con otro. Utilice las funciones generales, aplicables a todos los navegadores.
6. La apertura de una nueva ventana del navegador debe ser decisión del usuario solamente. No trate de crear ventanas emergentes para confundir al usuario. Todos los enlaces deben abrirse en la misma ventana por defecto. Una excepción, sin embargo, podrán ser las páginas que contienen una lista de enlaces. Es conveniente en estos casos abrir enlaces en otra ventana, para que el usuario pueda volver a la página de enlaces con facilidad. Incluso en estos casos, es aconsejable avisar antes al usuario que los enlaces se abrirán en una nueva ventana.
7. Tenga en cuenta el desafío de las fuentes. La super letra de “Claustro Negro MT Light” puede verse muy impresionante en su máquina y puede verse el viejo y simple Times New Roman en la máquina del usuario. ¿La razón? Ese usuario no tiene la fuente instalada en su máquina – y una cosa es evidente – nada puede hacer usted.
8. Manténgase alejado de fuentes poco comunes. Utilice las fuentes tan conocidas como el sabor vainilla ( Arial, Verdana, Tahoma y Courier). Si es necesario, haga sus fuentes extravagantes en una imagen y colóquela en la página. (Y mientras esté allí, no se olvide Consejo # 1.)
9. Un nuevo truco de diseño que se utiliza cada vez más: Es una barra de navegación muy funcional que le guía a través de todos los caminos posibles dentro del sitio. Se ve algo como esto:
Home> Sección> Subsección> Página
¿Qué mejor que dar a sus usuarios una forma práctica de visitar casi cualquier otra página en tu sitio web, e informarles dónde están!
10. Otra nueva tendencia en la web pero no tan buena es la de los “plug –ins”, la mayoría de diseñadores web aficionados los usan. La realidad es que la mayoría de la gente no los ha instalado. Ahora piense, ¿has visto los plug-ins en cualquiera de los sitios más populares, incluidos Yahoo.com, Google.com o Amazon.com? Claro que no.
11. Java es otro mal uso de la tecnología en las páginas web. El uso de Java es recomendable como lenguaje de programación, no para sus fotos o imágenes. Hay varias cosas que puedes hacer con Java, eso no significa que usted debe hacer todo. Java lentifica el rendimiento. Y peor aún no es compatible con determinados navegadores.
La moraleja: puede utilizar Java, pero con moderación.
12. Y el punto final que resume todo lo dicho anteriormente: Escriba para todos los navegadores, todas las resoluciones y todas las profundidades de color. Si usted le brinda al usuario una página que él pueda ver en su explorador favorito y con la resolución que tiene su pantalla, lo hará sentir cómodo.
La web no espera por nadie. Haga su mejor esfuerzo para mantener al usuario feliz. Y para dejar a todos los usuarios satisfechos. Porque, una buena página web es como una buena tienda: puede significar la diferencia entre un comprador ocasional y un cliente serio.
diseño de paginas web
diseño de paginas web
