Diseño eficaz de páginas Web

El diseño y la distribución de la página no son tareas fáciles. El diseño se estudia durante muchos años para aprender a hacerlo bien, y los mejores diseñadores ganan mucho dinero. Sin embargo, hay ciertos principios del diseño eficaz que le ayudarán a crear un sitio Web con apariencia profesional. Consulte estos recursos en línea y luego lea el manifiesto.

Web Design 101 (Diseño Web 101)
Esta entretenida introducción plantea varias preguntas importantes que deben responderse incluso antes de empezar a trabajar en el sitio. El diseño del sitio depende principalmente de sus fines y de su público objetivo. Lea esto antes de empezar.

Tips for Writers and Designers (Consejos para redactores y diseñadores)
Un recurso para diseñadores de páginas Web que aunque algo dogmático, también es exhaustivo y útil, escrito por Dave Siegel. Una gran cantidad de la información contenida en este sitio va destinada a los diseñadores de WWW que se las tienen que ver con los aspectos más sutiles del HTML, pero hay una parte perfectamente aplicable al diseño de tiendas ShopSite.

Creating Graphics for the Web Designer (Creación de gráficos para el diseñador Web)
Este recurso es especialmente útil para quien desea convertir logotipos y gráficos existentes en un formato adecuado para la Web. Está bastante enfocado al Mac, y resulta útil especialmente a los usuarios de Photoshop. Es bastante técnico, pero se mantiene al día y es minucioso. Contempla el procedimiento para cambiar imágenes EPS a bitmap para la Web, cómo optimizar Photoshop para trabajar con páginas Web, y los mejores usos que pueden hacerse de los formatos GIF y JPEG.

Yale Web Style Manual (Manual Yale de estilo Web)
Se trata de un libro de texto en línea. No es llamativo, pero constituye una lección completa e intuitiva. Es casi un curso completo de enseñanza superior de diseño de páginas Web efectivo y práctico. No ganará ningún premio por seguir estas directrices, pero conseguirá satisfacer a sus clientes al ofrecerles un sitio coherente y en el que resulta fácil navegar.

Un Manifiesto: Abyectos crímenes de diseño en Internet, etc.

A continuación, incluyo algunas de las cosas que he aprendido durante los últimos años con relación al diseño eficaz de documentos para la World Wide Web. No tiene por qué seguir estas directrices. Ni siquiera tiene por qué estar de acuerdo con ellas. Pero, bueno. Espero que las lea en cualquier caso.

Leer texto en la pantalla de un PC no es tan cómodo o agradable como leer una página impresa. Tenemos que superar este obstáculo presentando nuestro texto de la manera más elegante que podamos. Algunas de estas sugerencias son intentos de superar el medio, mientras que otras son simples convenciones que la comunidad de Internet ha ido adoptando con el paso de los años.

No escriba TODO CON MAYÚSCULAS. EN INTERNET, ESTO SE CONSIDERA UN GRITO, Y ES DIFÍCIL DE LEER. ¿Se da cuenta de lo mal que queda? Si desea hacer hincapié en una palabra en particular, hágalo con el tipo de letra negrita. En algunas circunstancias puede ser adecuado un título o encabezado en mayúsculas, pero yo prefiero usar una etiqueta de encabezado o un tamaño de letra mayor.

Separe los grandes bloques de texto. La gente se cansa de leer en la pantalla del ordenador. La regla general es ser breve. Si tiene mucho que decir, intercale una línea en blanco entre los párrafos, como yo he hecho en el presente manifiesto. Para hacerlo, inserte una etiqueta "<p>" entre los párrafos que desea separar. Si desea terminar una línea, pero sin incluir un espacio entre esta y la siguiente, use la etiqueta "<br>". El texto tiene tendencia a parecer una mezcla informe en la Web. Hay un prudente término medio entre los grandes bloques ilegibles de texto, y las líneas solitarias y disconexas.

No use caracteres que distraigan al lector. Sobresaltan los ojos y resultan difíciles de leer. Use con moderación los signos de exclamación y de interrogación. La repetición de varios signos de interrogación (??????) o de exclamación (!!!!) dan al conjunto una apariencia terrible. Demasiados - puntos - suspensivos - también rompen la continuidad de la línea, y privan a su texto de apariencia profesional. El abuso de la negrita en palabras repartidas aleatoriamente por el párrafo resta atractivo a la página. Eche un vistazo a su libro favorito y compruebe el cuidado con el que un buen autor utiliza los instrumentos de resonancia. (Si su libro favorito es la biografía de Howard Stern, por favor, olvide todo lo que he dicho.)

Mientras el sujeto sea yo, no use signos de exclamación salvo en caso de que realmente esté exclamando. Y trate de no exclamar demasiado. No interesa parecer demasiado impaciente, especialmente cuando se está intentando vender algo. Use el poder inherente de las palabras, sin abusar de los signos de puntuación, para expresar lo que desea.

Si pone entre "comillas" en cualquier palabra, las "comillas" se desvirtúan, pierden su significado. Úselas con moderación. Úselas cuando emplee palabras que no sean suyas, ya sea una cita directa o una palabra que usted mismo no elegiría. Por ejemplo, siempre que uso el término"superautopista de la información" tengo que ponerlo entre comillas, porque lo considero un término estúpido inventado por los medios de comunicación. Si lo uso entre comillas, estoy dotando a la expresión de un contenido humorístico.

Use imágenes pequeñas. Esto resulta tan útil a efectos de velocidad como de estética. Si está mostrando una imagen que tiene que verse con gran detalle, como un cuadro o una fotografía que trata de vender, puede emplear una imagen que ocupe toda la pantalla. Pero si es un logotipo o la imagen de un producto, asegúrese de que ocupe menos de un tercio de la pantalla, tanto en altura como en anchura. Para la mayoría de las imágenes, con que se reconozcan ya tienen el tamaño suficiente. En cuanto al tamaño de la propia imagen, trate de mantenerlo en torno a 20 K. Para más información sobre imágenes, consulte Graphics Advice for the Online Seller (Sugerencias sobre gráficos para el vendedor en línea).

Si tiene imágenes que vayan a aparecer en columna, ajuste la anchura de todas ellas a un valor uniforme. Como ShopSite presenta sus productos en columnas, si todas sus imágenes tienen la misma anchura, su tienda tendrá una apariencia más pulcra. La mayoría de los programas de edición de imágenes le permitirán indicar una anchura en píxeles.

Sobre todo, tómese el tiempo necesario para conseguir imágenes de buena calidad. La gente juzgará sus productos y servicios a partir de la apariencia y la sensación que les produzca su sitio. Unas imágenes de mala calidad darán una impresión negativa de su tienda. Si no se siente capaz de lograr unas buenas imágenes, vale la pena que contrate a un profesional para conseguirlas.

¡Nada de texto parpadeante! Esta es una de mis mayores manías. Desearía que no se hubiera inventado nunca. Supongo que debe de ser útil en algunos casos, cuando algo es extraordinariamente urgente. En la mayoría de los casos, solamente sirve para distraer la atención. Los ojos se sienten atraídos hacia ese tipo de texto incluso aunque el lector se esté esforzando por leer otra cosa. (Supongo que debe de ser muy útil para distraer a alguien para que no se lea la letra pequeña- ¡ja, ja!).

Volver a página principal de Ayuda | Buscar | Comentario
Si no encuentra la ayuda que necesita, indíquenoslo con todo detalle.