Diseño y optimización de páginas web

Para puedas obtener resultados en el Web, es imprescindible que tomes cuenta las siguientes consideraciones:

• Contenido: tu sitio web deberá contener información relevante y ésta estará organizada convenientemente.
• Redacción: la redacción y presentación del contenido deberá ser adaptada a Internet, ya que es diferente a otros medios como prensa o TV.
• Rapidez: las páginas se deberán cargar rápidamente.
• Independencia de plataforma: las páginas se podrán ver bien en cualquier monitor, resolución, sistema operativo o browser utilizado
• Facilidad de uso (usability): las páginas serán fáciles de usar y navegar, permitiendo encontrar la información rápidamente.
• Presentación visual: la presentación visual será agradable y profesional.
• Facilidad para ser encontrado: la página será fácil de encontrar por los visitantes en los diferentes buscadores como Altavista e Infoseek.
• Interacción y Marketing: los visitantes podrán interactuar con la información proporcionada y la página será una herramienta de promoción y marketing.

El manejo adecuado de ellas es lo que permite resultados en tus páginas en Internet.

A contiunación algunos comentarios interesantes que no encontrará en cualquier parte acerca de este apasionante tema!

Independencia de plataforma

Procura que tus páginas se puedan visualizar bien y sin ningún problema en cualquier browser, monitor, resolución o sistema operativo.

Imagínate que el Superbowl sólo se pudiera ver en televisores Hitachi de 31 pulgadas. ¿Te imaginas el reducido porcentaje de la población que podría ver el evento? Obviamente tendría muy pocos anunciantes y televidentes y no sería el gran negocio que es.

Ahora piensa en alguien que te dice:

Esta página debe ser vista con Netscape 12.50 o con Internet Explorer 66.6 o a una resolución de tal x cual o alejándonos 50 metros del monitor.

Las páginas se deben cargar rápidamente

Diseña tus páginas para que se carguen rápidamente y proyecten su mensaje lo más rápido posible. Muchos sitios hacen depender sus páginas principales de gráficas y frames y lo único que logran es que los visitantes se desesperan y regresan por donde llegaron.

Procura incluir las imágenes que sean necesarias, sin hacer que que el diseño dependa de éstas. Le recomendamos NO usar frames (dos razones para no usar frames es que los visitantes no pueden incluirlos en su lista de bookmarks o favoritosy que los documentos en frames no son registrados correctamente por los buscadores.

Facilidad de uso (usability)

Un sitio es usable en la medida que contiene información valiosa, es rápido, y permite que el usuario encuentre fácilmente la información que busca y pueda navegar a través del sitio en forma intuitiva, entre otras cosas.

La usabilidad es una de las herramientas que MENOS se usa en el diseño de sitios en internet, cuando debería de ser, quizá, la más importante. Cuando hacemos una página de Internet estamos haciendo una interface de usuario para miles o millones de visitantes potenciales. Lo menos que debemos hacer por ellos -y por nosotros- es hacer que nuestro sitio sea fácil de usar.

Redacción adecuada

La gente NO lee cuando navega en el web. Tampoco le gusta hacer scroll a través de la página, a menos que tenga mucho interés. (Debo aprovechar, de paso, agradecerte si has llegado hasta aquí. Gracias!)

El contenido principal y las conclusiones deben ser presentadas desde el principio, en el modelo de redacción llamado pirámide invertida, -muy usado en escritos periodísticos-, se debe organizar el texto usando títulos y subtítulos, y se deben proporcionar ayudas visuales como texto remarcado, negritas y cursivas para ayudarle al visitante a rastrear la página con comodidad.
Los links son por sí solos una ayuda visual. Muchas veces los usuarios lo único que leen en las páginas son los links, así que deben ser planeados con cuidado.

Contenido

Lo más importante de sus páginas en Internet es el contenido y la información que usted incluye y que
le es útil a sus visitantes .

El error más común que se comete al presentar el contenido es la tendencia a hablar de nosotros mismos y de nuestros propios procesos. Es muy común que se haga un diseño que agradará a los directores de la empresa, cuando a quien debemos de agradar es a nuestros visitantes. Otro error común es presentar información vital en gráficas y no proporcionar texto alterno.

Hagase diseñador al oprimir este botón

Hagase diseñador al oprimir este botón

Supongamos un slogan: “Hágase escritor con la compra de este bolígrafo”. Este absurdo es a todas luces una falsedad. Cualquiera, por lejos que esté de la literatura, comprende fácilmente que una herramienta, en este caso un bolígrafo, no puede convertir a un individuo en un profesional, en este caso un escritor.

Al igual que una sierra, un martillo y unos clavos no convierten a nadie en un verdadero carpintero, si antes no tenía conocimientos o estudios de carpintería. Resumiendo, la herramienta no hace al profesional o como dice el refrán popular, “el hábito no hace al monje”. Pues bien, si esto es tan claro en los casos descritos hasta ahora, cuando entramos en el terreno del diseño gráfico y la comunicación visual, parece que la claridad se oscurece de repente. Por este motivo desde la Asociación de Directores de Arte y Diseñadores Gráficos ADG-FAD, queremos aclarar algunos malentendidos que se están produciendo respecto a nuestra actividad profesional.

Los diseñadores gráficos, que pronto serán llamados sencillamente comunicadores y a quienes antaño se les llamó grafistas, utilizan para el desarrollo de su profesión herramientas apropiadas para ello. Cuando se utilizaban la plumilla, los transferibles, el papel couché, etc, no había problema. El sólo contacto entre los dedos de un cutter no te convertía en diseñador. Con la aparición de la informática se ha producido un proceso de democratización del diseño. Este proceso ejemplifica el tópico de que las herramientas no son ni buenas ni malas sino que dependen del uso que se les dé.

Es decir, un ordenador con un programa de tratamiento de imágenes en las manos de un guitarrista de flamenco, no produce por si sólo una comunicación gráfica. Parece que hasta aquí estamos enumerando obviedades pero entonces ¿cómo se explica el siguiente anuncio?. Una señora decide hacerse cocinera por encargo, no sabemos si habrá estudiado cocina, pero el caso es que decide montar una pequeña empresa de cattering. Bien, pues según la publicidad que estamos analizando, esta señora se compra un equipo informático de tratamiento de imágenes, con scanner, cámara digital, etc, y confecciona ella solita su propia imagen gráfica en un folleto de ventas, “toda la publicidad que iba a necesitar para hacer despegar mi negocio”.

La tecnología avanza a pasos rapidísimos pero aún no ha conseguido, que sepamos, inducir por ciencia infusa conocimientos de comunicación visual, imagen corporativa, publicidad, semiótica, composición, aplicación de imagen y los demás conocimientos que son necesarios para crear la imagen de una empresa, por pequeña que ésta sea.

Además la empresa, tiene el cinismo de colocar un slogan en el que dicen “Creado para los que se toman muy serio su trabajo”. Pues bien, desde ADG FAD nos tomamos nuestro trabajo muy en serio y queremos expresar nuestra perplejidad y desacuerdo con este tipo de publicidad.

De todas formas, este no es un caso aislado, algunas escuelas, institutos y centros de enseñanza están insertando publicidad engañosa demasiado a menudo. Quisiéramos aclarar algunos conceptos para que nadie se lleve a engaño. Si un centro imparte clases sobre un programa informático de tratamiento de textos o imágenes, está haciendo justamente eso y no formando diseñadores. Por lo tanto, cuando aparecen anuncios con cursos de “diseño por ordenador”, es falso. Son cursos para saber utilizar un programa que se utiliza en diseño gráfico, pero el conocimiento de las órdenes informáticas de ese programa no supone el aprendizaje en los conceptos de diseño gráfico. Haciendo un símil otra vez con la escritura sería como si una academia de letras impartiera clases de “novela por máquina de escribir”.

El resultado de estos malentendidos es que algunos jóvenes después de realizar un curso de doscientas cincuenta horas sobre un programa de autoedición están convencidos de que están preparados como lo que se han diplomado en las escuelas de diseño, después de cuatro o cinco años de amplios estudios. La consecuencia es la frivolización y la caída en picado de la calidad de la profesión.

Desde ADG-FAD lanzamos un llamamiento a los que estén interesados en estudiar diseño gráfico para que rechacen estudios no homologados y para que sean conscientes de que si en verdad quieren dedicarse profesionalmente al diseño gráfico han de cursar unos estudios adecuados sean o no por ordenador. Por último y retomando el tema inicial, quisiéramos concienciar a las empresas que comercializan productos informáticos en torno al diseño gráfico para que no creen falsas expectativas entre sus usuarios y llamen a las cosas por su nombre.

Claret Serrahima.
www.visual.gi

Diseña Sitios, no páginas

Diseño interactivo: diseña Sitios, no páginas

Las páginas tienen que servir a la personalidad de un site y cada una de ellas tiene la responsabilidad de cumplir los objetivos que tienen asignadas, para que el site crezca como un organismo inteligente. En vez de malgastar el tiempo preocupándote en cada una de de las páginas que se van a generar como unidades separadas, piensa en el site como un organismo vivo. Tu primer problema se basa en el diseño primordial, Aparte de ser adecuado para las páginas individuales debe ser del agrado de ese ser viviente y comedor de información que es un site correctamente diseñado.

Cuando empiezes a diseñar un nuevo sitio incluso con los bocetos, deberías tratar de crear un diseño que encontrará su sentido con los usuarios, con la empresa, con los sentimientos que se quieran canalizar y han de tener un aspecto uniforme y de coherencia, y que no sea difícil de ampliar en un futuro.

Usar un diseño uniforme de página a lo largo de un sitio puede parecer a menudo poco creativo al principio. Debes ser perseverante en ello. La consistencia del diseño de un sitio es uno de los factores que diferencia los sitios amateur de los profesionales. A veces ocurre que trabajando con páginas relacionadas con un mismo tema sufren la tirania de la homogeneidad respondiendo al diseño de una manera. Y a veces los diseñadores pensamos que les hubiésemos dado un tratamiento totalmente diferente si no estuvieran tan conexas, aún tratándose del mismo tema.

Puede que los diseños pueden parecernos menos arriesgados o creativos pero hemos ganado algo muy valioso, tu sitio tendrá un aspecto uniforme a través de todas las páginas que permitirán usuarios saber inmediatamente reconocerlo y cuando entren en tu sitio, y al tiempo recordarlo, cuando lo vean en publicaciones y revistas. Diseñar con esta mentalidad también significa que tu trabajo es más facil de retomar, tanto por tí como por terceros. No esperes a que las empresas recurran siempre a la misma persona trabajando sobre su web- la mayoría del tiempo de dedicación de un sitio es su mantenimiento, El objetivo de un buen diseño no es solamente, un buen lanzamiento sino un buen mantenimiento.

La diferencia entre los creadores y los mantenedores de sitos estriba precisamente en esto, ¿O es que pretendes quedarte como mantenedor de todos los sitios que crees?

Esto por supuesto no desecha cualquier acción comercial con inversiones diferenciadas en diseño, ilustración animaciones etc… nuevas propuestas interactivas , y por supuesto nuevas inversiones….pero eso es otra historia, otros proyectos.

Juan M. Estévez
Dirección Artística de Linkz Multimedia

Nunca diseñes en HTML

Diseño interactivo: nunca diseñes en HTML

Es la garantía de que tus pensamientos no se limitarán a la tecnología vigente, piensa en comunicación, no en idioma.

Puede sonar ridículo, Pero es absolutamente cierto. Cuando necesites diseñar páginas rechaza cualquier limitación que pueda someterte los editores de HTML, que no son más que automatas de lineas de código que limitan tu capacidad creativa y de comunicación. Lo mejor es pensar en los medios de expresión pictóricos y recurrir a los recursos habituales. Experimenta con lápiz y papel, diseña en PageMaker, Quark o Photoshop. No limites tus posibilidades. Lo último que tienes que hacer es limitar tus posibilidades al HTML.

Al tiempo que el HTML tiene características fantásticas de portabilidad como medio de transmisión de información, es un pésimo medio de diseño. Sencillamente cosas como tablas, columnas y alineaciones son tan pobremente tratadas que no hacen más que limitar las posibilidades de cualquier diseño obligándonos a trabajar con imágenes bitmap al menor asomo de dificultad o salida d e la normalidad. Con la llegada de las capas empezamos a tener ciertas libertades, y por ahora lo más esperado es la transparecia real de 256 niveles.

Diseña tus bocetos en papel y re-adáptalos en entornos de diseño orientado a web, por ej: Dreamweaver, Adobe GoLive, Fireworks, etc…si lo deseas hacer facilmente y con Photoshop y otros programas orientados al diseño tradicional si te sientes realmente profesional.

No llegues a conclusiones de diseño simplemente porque es más fácil hacerlo en HTML, sino por que tu mensaje será más facil de recibir e interpretar. De este modo aseguras dar libertad a tu creatividad e imaginación, evitando ese parecido inevitable que tienen cada una de las páginas diseñadas en HTML y por lo tanto te diferenciarás en este medio.

Cuando necesites inspiración puedes recurrir a cualquier cosa menos aquellas que te limiten. En un equipo de trabajo podrás además tener acceso a personas cuya única preocupación es la de trasladar imágenes y propuestas a un entorno compatible HTML o CD. Es preciso tener en cuenta que la tecnología no debe hacer que nuestra imaginación se fustre, ya que el medio ya nos tiene acostumbrados a multitud de cambios y avances, siendo permanente el proceso comunicativo y expresivo.

Juan M. Estévez
Dirección Artística de Linkz Multimedia