La Organización Culminis nos proporciona la posibilidad de crear o apuntarnos en comunidades del mundo de las Tecnologías de la Información, tan en auge en la actualidad. Con más de dos años de experiencia, nos dan la posibilidad de compartir con otros usuarios del sector nuestros conocimientos, creando por un lado un lugar de consulta de los problemas que nos puedan surgir, y por otro la posibilidad de que otros usuarios se beneficien de nuestros propios conocimientos.

Desde su página existe un buscador de grupos, ya sea por materias o geográficamente. Una vez encontramos el que nos interesa, podemos ingresar en su página y apuntarnos para comenzar a trabajar en proyectos, trabajos, prototipos…

Un proyecto interesante, pero creo que necesitaría más tutoría por parte de las grandes empresas, dando posibilidad de entrar en bolsas de trabajo, becas, ayudas…

A mi personalmente, me gusta exponer haciendo uso de presentaciones, pero una serie de Investigadores han detectado que en algunas ocasiones los documentos Powerpoint pueden llegar a ser agotadores para los asistentes a una reunión.

Este estudio nos comenta que los humanos preferimos no recibir información de forma visual y verbal al mismo tiempo. Según comenta el catedrático John Sweller:

“El uso de Powerpoint ha sido una catástrofe, y debería ser suprimido”

“No es igualmente eficaz sustentar con audio las palabras escritas, ya que el cerebro se sobrecarga y reduce su capacidad de entender lo que está siendo presentado”

Yo pienso que esto no es del todo cierto, pero sí que le doy la razón en algo: creo que una presentación debe contener las líneas generales, pero sin demasiado texto ni cantidad de diapositivas. Lo perfecto, a mi opinión, es un documento que nos muestre en todo momento una visión global de lo que estamos hablando, ya que en ocasiones nos perdemos y es entonces cuando se produce la falta de atención por parte de los oyentes.

¿Qué opináis vosotros? Se que algunos de vosotros sois grandes maestros de de la docencia, y creo que podéis aportar mucho a este post.

“The Usability Exchange” es una iniciativa que ofrece un servicio a los webmaster para comprobar la accesibilidad y usabilidad de su sitio web y también ofrece trabajo a los minusválidos, que muchas veces están restringidos en sus opciones dentro del mercado laboral.

Se trata de un servicio en que los minusválidos comprueban la facilidad de navegación de un sitio web. Los responsables de los sitios web pueden especificar una variedad de pruebas y preguntas y a continuación someterlas a una variedad de usuarios que padecen distintos tipos de minusvalía. (Ej.: personas invidentes, disléxicos, personas con visión limitada, etc., etc.).

Las organizaciones pueden monitorizar el progreso de las pruebas en tiempo real, ver las estadísticas de los resultados, los comentarios de los probadores, etc., etc.

En un principio ofrecen 3 tipos de pruebas:
Básico: 5 usuarios intentan 4 tareas. Precio = 430€ + IVA
Intermedio: 10 usuarios intentan 7 tareas. Precio = 865€ + IVA
Avanzado: Ilimitado número de usuarios y tareas. Precio variable.

Parece muy caro considerando la limitada cantidad de preguntas que se pueden formular. Supongo que su mercado son las empresas muy grandes que pueden permitirse esos precios. Pero la idea me parece muy bien y es una forma más precisa de depurar un sitio web de problemas de accesibilidad.

De momento no ofrecen la posibilidad de comprobar sitios que no están en inglés. ¿Que tal un servicio parecido en español pero que sea mucho más asequible? ¿Tendría éxito?

Es importantísimo que lo visitantes a una web conozcan la fecha y hora de actualización de los contenidos.

Tengamos en cuenta las siguientes recomendaciones:

1. Sólo mostraremos la fecha y hora en caso necesario. Sólo si es justificable.
2. No mostraremos la hora del ordenador.
3. Mostraremos la fecha y hora de la última actualización.
4. Si la web recibe visitas internacionales, debemos mostrar la fecha y hora de la zona horaria más estándar, así como la hora en relación a GMT, por ejemplo GMT -2.
5. Debemos utilizar las abreviaturas P.M. y A.M.
6. Para referirse a los meses no utilizaremos números sino el nombre o abreviatura del mes.

Hoy escribo sobre dos páginas que no deberían faltar en los favoritos de alguien relacionado con el diseño y administración de sitios web: Web Developer’s Handbook y Resources For Web Design.

La primera puede que ya la conozcáis puesto que es una página desarrollada y mantenida por Vitali Friedman al que ya hicimos referencia hace unos dias por su recopilación de las mejores fuentes de licencia gratuíta de 2005. Además, el prolífico Skeku lo enlaza también esta semana, aunque él lo conocía desde hace tiempo y no nos lo quiso contar;).

La segunda la he descubierto hoy por casualidad, para mi gusto es más concisa, y quizás más útil que la del señor Friedman, aunque el hecho de que el diseño sea más básico da sensación de una mayor desorganización.

Entre ambas creo que no dejan fuera ninguno de los recursos que podamos necesitar a la hora de diseñar, programar, validar y mantener una página web: Información de los distintos buscadores y navegadores, tutoriales de CSS, HTML, JS, etc., validadores de código, artículos sobre autoría web, analizadores de tráfico… Todo!

Lo dicho, la referencia completa de un webmaster en dos páginas.

Actualización (19-1-06): En Criterión, Skeku nos muestra un nuevo enlace similar a los comentados anteriormente, (nos lo había prometido en los comentarios) se trata de CSS & XHTML Bookmarks. Echadle un ojo.

En vías de la convergencia con la Usabilidad Web, debemos tener en cuenta las siguientes directrices de diseño para los enlaces:

1. No utilizar frases genéricas: “Haga clic aquí“, “Pulse aquí“…
2. Evitar enlaces formados por más de tres palabras.
3. Utilizar el atributo TITLE de los enlaces para añadir frases de ayuda contextuales
4. Utilizar colores distintos en los enlaces para indicar los estados de visitado y no visitado
5. Agrupar los enlaces por categorías y nombrar a esa categoría por su nombre.
6. Indicar explícitamente lo que va a ocurrir cuando se haga clic sobre un enlace: ¿Se abrira una página web, un fichero PDF o se descargará un fichero RAR?

Según Jakob Nielsen estos son los 10 errores más frecuentes cometidos por los responsables de bitácoras:

1. No mostrar una reseña biográfica del autor.
2. No mostrar una fotografía del autor.
3. Títulos de los artículos no descriptivos.
4. Textos de los enlaces poco descriptivos.
5. Difícil acceso a contenidos archivados.
6. El calendario es el único sistema de navegación.
7. Frecuencia irregular de publicación.
8. No especializarse en un tema.
9. No ser formal, riguroso y detallista con los contenidos publicados.
10. No disponer de un propio dominio y un propio Sistema Gestor de Contenidos (CMS).

La mácula lútea es el área de la retina del ojo que se encarga de las tareas en las que requiere la agudeza visual. Es pequeña, un 15% del área de la retina. A distancias normales de lectura la mácula cubre un pobre arco de campo visual.

Por esta razón, se recomienda que la longitud de la línea de texto sea de doce palabras aproximadamente. Cuando las líneas exceden esta anchura óptima, la lectura se vuelve lenta y la retención puede fallar, porque el lector necesita utilizar los músculos del ojo o el cuello para rastrear del fin de una línea y principio de la próxima.

Si el ojo debe recorrer grandes distancias en una página, el lector se pierde fácilmente y debe buscar el principio de la próxima línea. Parece demostrado que una moderada longitud de línea aumentan apreciablemente la legibilidad de texto.

Tendremos que rediseñar el layout de BdW para facilitar la lectura a todos nuestros amigos ¿no?

Fuente: VecindadGrafica.com

1.- La Elección: Debemos evitar un lenguaje corporativista y ofrecer versiones del sitio en diferentes idiomas cuando sea necesario.
2.- La Síntesis: Un lenguaje claro y conciso. Fácil de leer y entender.
3.- La Cortesía: Amigable, familiar y cercano, nada de utilizar un lenguaje imperativo, mensajes enigmáticos, o tratar con “desprecio” al usuario.
4.- Dosificación de la información: En cada párrafo una idea. Debemos evitar los párrafos que contengan varios mensajes.

Fuente: Guía de Evaluación Heurística de Diseño Web

1.- La Identidad: El logotipo y eslogan de la empresa/sitio deben figurar en un lugar predominante en todas las páginas. Preferentemente en la esquina superior izquierda de la web.
2.- El Logotipo: Debe ser significativo e identificable (leer Logo y Eslogan).
3.- El Eslogan: Debe proporcionar una clara idea de los servicios que ofrece la empresa/web.
4.- Acerca de…: Es muy importante facilitar información sobre la empresa: ubicación física, responsables…
5.- Contacto: Se debe facilitar uno o varios métodos de contacto con la empresa/web: formulario, email, teléfono, dirección postal, fax…
6.- Aviso Legal: Se debe informar al visitante sobre la protección de datos de los clientes y los derechos de autor de los contenidos del sitio web (Leer Página Inicio).
7.- Autoría: Se debe mostrar claramente información sobre el autor, fuentes y fechas de creación y revisión de cada documento publicado.

Fuente: Guía de Evaluación Heurística de Diseño Web

Desde hace mucho venimos hablando de Usabilidad en BdW. Hemos recibido muchos emails solicitando que publicaramos los criterios de convergencia con la Usabilidad defendidos por Jakob Nielsen.

En este caso trataré de exponer los Criterios Generales que debemos cumplir en nuestros diseños:

1.- El Objetivo: La finalidad de la web debe proyectarse de forma clara y concreta, por lo que los contenidos y servicios que ofreceremos se corresponderán con esos objetivos.
2.- La URL: La URL debe ser correcta, clara y fácil de recordar. Las URL de sus páginas internas deben ser claras y permanentes.
3.- Diseño Página Inicio: Debe mostrar de forma precisa y completa qué contenidos o servicios ofrece realmente el sitio web.
4.- Estructura del Sitio Web: Deben estructurarse pensando en el usuario, sus objetivos y necesidades, no pensando en la estructura interna de la empresa u organización.
5.- El Look & Feel: El estilo del interfaz gráfico y la presentación web se debe corresponder con los objetivos, características, contenidos y servicios del sitio web. Ojo con los colores.
6.- Coherencia: Debemos mantener una uniformidad en las estructuras y colores de todas las páginas.
7.- Diseño Reconocible: La web será más fácil de utilizar cuánto más se parezca al resto de sitios web. Seguir estándares.
8.- Actualización: La web debe ser actualizada periódicamente y el visitante debe saber cuando se ha producido esa actualización.

Fuente: Guía de Evaluación Heurística de Sitios Web

El gurú de la usabilidad Jakob Nielsen escribió en su libro Flash 99% Malo:

“La tecnología Flash no promueve la Usabilidad por tres razones: incrementa las posibilidades de malos diseños, rompe con el estilo de interacción fundamental de la Web, y consume recursos que serían mejor utilizados mejorando el valor intrínseco del sitio”.

El caso, es que al cliente, que es al final el que nos da el trabajo, desconoce por regla general el significado de la palabra “Usabilidad” (todavía no aparece en el Diccionario de la Real Academia Española), y le resultan muy atractivas las webs implementadas con esta tecnología.

Según alzado.org, para conseguir aplicaciones web con Flash que cumplan los 113 criterios de usabilidad se deben cumplir los siguientes puntos:

1. Reproductor Flash: Detectar el reproductor de Flash y en caso negativo facilitar instalación.
2. Intros: En caso de existencia de Intros, dar la posibilidad de saltárselos.
3. Carga y Precarga: Cargar los contenidos en sus respectivos fotogramas, antes de intentar mostrarlos.
4. Navegación: Cuidar la apariencia y funcionamiento de los elementos conformantes del sistema de navegación, para que sea eficiente.
5. Texto: Aunque la última versión del reproductor de Flash permite dar formato a campos de texto con contenidos tanto estáticos como dinámicos, el motor de procesamiento de textos todavía carece de capacidades que son nativas del standard HTML desde hace años, por lo que webs que requieren mostrar cantidades de texto significativas, suelen recurrir a soluciones híbridas.
6. Contenidos dinámicos: Ya existen técnicas que nos permiten manipular datos dinámicos desde Flash, tanto de entrada como de salida.
7. Transferir archivos: Esta funcionalidad puede ser añadida por medio de la combinación Flash, Javascript y PHP.
8. Aplicaciones Flash indexables: Para que Google indexe sus contenidos debemos desarrollar aplicaciones híbridas (Flash/HTML).
9. Flash Accesible: Con Flash MX y su Panel de Accesibilidad podemos crear animaciones accesibles a personas con problemas de visión.
10. Pruebas de Usabilidad: Una evaluación cuantitativa o de casuística, que comúnmente se conoce como Prueba de Usabilidad es lo que nos ayudará a determinar en que medida se cumplieron los objetivos.

Fuente: alzado.org

Aquí enumeramos los 10 fallos más frecuentes que se cometen en el diseño web según un artículo publicado originalmente por Jakob Nielsen. Si tienes constancia de otros fallos típicos haz un comentario para que todos podamos evitarlos en el futuro. Aquí va la lista:

1. Búsqueda poco precisa
Motores de búsqueda demasiado literales que no son capaces de manejar errores en el criterio de búsqueda, plurales, guiones, etc.

2. Archivos PDF para leer en pantalla
Encontrar un archivo PDF mientras navegamos interrumpe la navegación. Los archivos PDF sirven para distribuir manuales y documentos pero no para leer texto en pantalla mientras navegamos.

3. No cambiar el color de los enlaces visitados
Conocer tu localización actual y las páginas visitadas anteriormente es un factor importante en el proceso de navegación y evita que los visitantes visiten la misma página de nuevo inintencionadamente. Cuando los enlaces visitados no cambian de color los usuarios se desorientan.

4. Texto no ‘escaneable’
Una pantalla de texto compacto no conviene para una experiencia interactiva. Es intimidante, aburrido, difícil de leer. Para ser más claro se deben usar:

5. Tamaño de fuente fijo
CSS permite deshabilitar la opción en el navegador de cambiar el tamaño del texto. Hay que respetar las preferencias de quien visita nuestro sitio web y permitir que lo puedan cambiar ellos mismos.

6. Páginas con títulos que tengan una visibilidad baja para los motores de búsqueda
La búsqueda es la forma más importante para que los usuarios descubran nuestro sitio web. El título de la página es la herramienta principal para atraer nuevas visitas y casi siempre es el enlace en si sobre el que pulsamos. Los títulos de las páginas también se usan como entrada por defecto en favoritos cuando agregamos una entrada allí. Para la página principal es conveniente usar un título como el nombre del negocio y para los demás usa palabras que describan la funcionalidad de la página más concretamente.

7. Similitud con un anuncio
Los usuarios de la web no prestan atención a los anuncios lo cual significa que también ignoran elementos del diseño web, aunque sean legítimos, porque se parecen a ellos. Por lo tanto evita cualquier diseño que tenga el aspecto de un anuncio. Evita el uso de:

8. Violar las convenciones de diseño
La coherencia es uno de los principios de la usabilidad. Los usuarios visitan otros sitios webs formándose así expectativas basándose en lo que encuentran en ellas. Si nos apartamos de lo que se suele hacer en otros sitios entonces nuestro sitio será más difícil de usar. Las expectativas de los usuarios no se cumplirán generando un sentido de inseguridad en ellos que nos puede perjudicar.

9. Abrir ventanas nuevas
Los diseñadores abren ventanas nuevas teóricamente para mantener a los usuarios conectados al sitio. Pero esto envía un mensaje de hostilidad al usuario ya que no tiene el control de su propia máquina y además deshabilita el botón de atrás que es la forma habitual de volver a sitios anteriormente visitados. Un enlace debería ser una referencia que reemplaza la página actual con contenido nuevo.

10. No responder a las dudas de los usuarios
Los usuarios tienen un objetivo en mente cuando visitan una página. El fallo más grave de una página web es el de no proporcionar la información que los usuarios buscan. O bien no está, o si está, se encuentra escondida tras una cortina de jerga de marketing. El peor ejemplo es el de no proporcionar el precio de un producto o servicio.

Aunque las imágenes y las animaciones pueden enriquecer el aspecto visual de nuestros sitios webs, en vías de su usabilidad, debemos utilizarlas con precaución para no incrementar demasiado los tiempos de cargas de la página y tampoco apabullar al visitante con demasiados mensajes que al final lo confundirían.

Debemos minimizar el impacto del tamaño y peso de las imágenes de nuestras páginas web. No debemos olvidar que el peso total de una página web no debe superar los 100Kb.

Si usamos una intro animada, debemos permitir que el visitante pueda saltársela. Estudios recientes, aseguran que la mayoría de los usuarios de la Red prefieren saltarse las intros animadas y entrar en los contenidos de las páginas webs.

Las animaciones están recomendadas como recurso didáctico, para presentar por medio de un video o tutorial algún servicio, producto, líneas de trabajo… que ofrezcamos en nuestro sitio web.

Nunca debemos usar animaciones en los logotipos o en el encabezado de la página. Debemos concentrarnos en proyectar una clara imagen de la marca o firma, buscando como siempre el Branding de la empresa, asociación o entidad de la web.

Siempre debemos asociar un texto a cada imagen por medio de la claúsulas alt (especifica texto alternativo si no se puede mostrar la imagen) y title (ofrece un texto de ayuda contextual asociado a la imagen) de la etiqueta img. En algunos casos también se recomienda el uso de un PIE DE FOTO en cada imágen que necesite de una aclaración sobre su significado.

En definitiva, la filosofía que debemos seguir con respecto a las animaciones y las imágenes es muy simple:

“Sólo mostrar imágenes o animaciones que aporten información contextual real, nunca con la finalidad de decorar o embellecer la página”

En muchas ocasiones sólo existe una oportunidad para cautivar a un usuario que visita nuestra web. No hay segundas oportunidades… si no hemos gustado, no volverá. Por ello, es muy importante cuidar la imagen y usabilidad de la primera página de nuestra web.

Para conseguirlo deberíamos determinar cuales son las cuatro o cinco tareas principales de nuestra web y asignarles una ubicación destacada en el layout de la página, por ejemplo en la parte central superior. El espacio que reservemos para los enlaces a las tareas principales debe de estar libre de otros elementos que puedan distraer al visitante.

Debemos aplicar un diseño algo distinto a la página inicio del resto del la web. Sería recomendable la incorporación de un señalizador de ubicación (qué indique en todo momento en que sección se encuentra el visitante) en un lugar destacado de la página.

En la página inicio son indispensables las secciones “Acerca de…” y “Contacte con nosotros“. En Acerca de… debemos proporcionar toda la información referente a quién es quién dentro de la web. En Contacte con nosotros debemos ofrecer la posibilidad de que los usuarios puedan transmitirnos sus consultas, quejas o sugerencias.

Si se solicita información al visitante de nuestra web, se deberá incluir un enlace a “Normas de Privacidad“. Con algo parecido a la siguiente declaración:

“De acuerdo con el contenido de la Ley Orgánica 15/1999, de 13 de diciembre, sobre Protección de Datos de Carácter Personal, se informa a los usuarios que tenemos el firme propósito de proteger su privacidad en la red, por lo que hemos tomado medidas para proteger los datos que usted nos facilite.

Podríamos revelar estos datos personales a terceros si creyéramos de buena fe que es necesario:

1. Para cumplir con la ley o en respuesta a una citación o mandamiento judicial, solicitud del gobierno u otro procedimiento legal.
2. Para proteger los intereses, derechos, seguridad o propiedad de la web o de otros.
3. Para hacer cumplir los términos del servicio de este sitio web.
4. Para el correcto funcionamiento de nuestros sistemas informáticos.

Nos reservamos el derecho de cambiar esta declaración en cualquier momento anunciando modificaciones en este sitio web. Con estas normas de privacidad, no se crean ni se pretenden crear derechos contractuales o de otro tipo a favor de alguna de las partes.”

El logotipo forma parte de la identidad visual de una empresa o institución y por tanto debe estar presente en la web corporativa.

¿Dónde coloco el logotipo? En pro de la usabilidad, sin lugar a dudas, en la esquina superior izquierda de la web, con un tamaño suficientemente grande como para captar la atención del visitante.

Si tenemos elegido o impuesto un logotipo, sus colores van a ser los que marquen la paleta de color del sitio web, trabajando con los degradados claros y oscuros de estos colores base.

Si no disponemos de uno todavía, en su diseño tendremos en cuenta las siguientes recomendaciones:

• Elegir el logo en función de las preferencias de nuestros clientes/visitantes, sin dar excesivo protagonismo a las nuestras. El logo está para llamar la atención de nuestros potenciales clientes/visitantes, no para satisfacer nuestro ego.
• Buscar un logo que no sólo quede bien en el papel. ¿Quedará bien en camisetas, gorras, bolígrafos, rotulación del coche de empresa…?
• Minimizar el número de colores utilizados.

En muchos casos el logotipo no transmite con claridad a que se dedica la empresa, se limita a hacer Branding. En esos casos es necesario el uso de un eslogan.

La palabra eslogan deriva del gaélico escocés sluagh-ghairm (que se pronuncia como slogorm), y que significa “grito de guerra“.

El eslogan se usará para proyectar de una forma sencilla y breve qué ofrece la web y en que se diferencia de sus competidoras.

Como curiosidad os añado este generador de esloganes para que hagáis unas pruebas. En la misma línea, podéis probar este generador de acrónimos, es decir creador de vocablos formados por la unión de elementos de dos o más palabras, que se pronuncian como una palabra, por ejemplo BANco ESpañol de crédiTO (BANESTO).

Pero seguro que el mejor método para obtener vuestro eslogan y acrónimo es dedicarle un buen rato dándole vueltas a la cabeza…

Como hemos dicho en otras ocasiones la paleta de color de una web interviene en el éxito o el fracaso de un sitio web.
En la web de Federico Burzaco encontré un artículo muy interesante sobre la Psicología de los colores de una web, el cual recomiendo encarecidamente que lo leáis.
Entre sus consideraciones he seleccionado las siguientes:

El negro - Se relaciona con el formalidad, la convención, misterio y la elegancia.
El anaranjado - Lo asociamos a lo lúdico.
El rojo- Transmite calor y pasión.
Los azules - Inspiran confianza.
Los rosados - Transmiten dulzura, tranquilidad y seguridad.
Los amarillos - Inspiran felicidad, alegría y diversión.
Los colores primarios y brillantes - Sitios web con público infantil.
Los rojos-anaranjados, negros y azul oscuro - Favorecen las compras impulsivas.
El negro/plata - Elegancia, sofisticación y prestigio.

Si queréis profundizar en los significados de los colores mencionados y en otros, lo podéis hacer en WebUsable.com, un estupendo espacio dedicado al diseño web y la usabilidad.
Podéis ampliar esta información en los siguientes artículos de BdW:

1. Colores armónicos en tu web
2. Los colores de la web
3. Paleta de colores de una web
4. Usabilidad

A muchos autores se les presentan ciertas inquietudes a la hora de la redacción de sus documentos en cuanto al uso de estas etiquetas, el siguiente artículo pretende establecer ciertas diferencias y clarificar el uso de ellas.

Según la RAE (Real Academia Española) el término abreviatura significa lo siguiente:

Tipo de abreviación que consiste en la representación gráfica reducida de una palabra mediante la supresión de letras finales o centrales, y que suele cerrarse con punto; p. ej., afmo. por afectísimo; Dir.a por directora; íd. por ídem; SS. MM. por Sus Majestades; D. por don.

Ahora bien, veamos que nos dice la RAE acerca del significado del término acrónimo.

1.- Tipo de sigla que se pronuncia como una palabra; p. ej., o(bjeto) v(olante) n(o) i(dentificado).

2.- Vocablo formado por la unión de elementos de dos o más palabras, constituido por el principio de la primera y el final de la última, p. ej., ofi(cina infor)mática, o, frecuentemente, por otras combinaciones, p. ej., so(und) n(avigation) a(nd) r(anging), Ban(co) es(pañol) (de) (crédi)to.

Otro término que es importante definir en este contexto es el de sigla, según la RAE obtenemos lo siguiente:

1.- Palabra formada por el conjunto de letras iniciales de una expresión compleja; p. ej., O(rganización de) N(aciones) U(nidas), o(bjeto) v(olante) n(o) i(dentificado), Í(ndice de) P(recios al) C(onsumo).

2.- Cada una de las letras de una sigla (palabra formada por letras iniciales). P. ej., N, O y U son siglas en ONU.

3.- Cualquier signo que sirve para ahorrar letras o espacio en la escritura.

¿Nos ha quedado claro hasta ahora la diferencia?

Voy a tratar de profundizar más en el tema, se puede considerar un acrónimo a aquella sigla que se pronuncia como una palabra, haciendo referencia a las definiciones anteriores, podemos concluir que por ejemplo la sigla OTAN ONU (Organización de Naciones Unidas) es también un acrónimo.

Una característica general que puede ayudarnos a diferenciar las abreviaturas de las siglas es que las primeras normalmente las leemos interpretando lo escrito por su significado, es decir, en ese sentido estamos contemplando la abreviatura como una representación gráfica reducida, normalmente nosotros no leemos EEUU como [É - É - Ú -Ú], sino que simplemente lo interpretamos como “Estados Unidos”, en cambio las siglas no las “traducimos”, sino las interpretamos tal cual está escrita, por lo tanto, podemos concluir que las siglas son palabras que se emplean indiferentemente en la escritura como en el habla.

Las abreviaturas pueden tratarse en plural, mientras que los acrónimos y siglas no.

Una diferencia notable entre las abreviaturas y las siglas es su forma de escribirlas, siempre escribimos las abreviaturas con puntos, en cambio, las siglas se escriben sin ellos en su mayoría.

¿Cómo aplicamos lo anteriormente explicado a nuestro entorno?

En primer instancia hagamos un ejemplo

<abbr title="Estados Unidos" xml:lang="es">EEUU</abbr>
<acronym title="Cascading Style Sheets" xml:lang="en">CSS</acronym>

Podemos observar que EEUU es una abreviatura, para una mayor explicación de la expansión utilizamos el atributo title tanto en las abreviaturas (abbr) como en los acrónimos (acronym), el último atributo (xml:lang) pero no menos importante es donde especificamos el idioma, esto nos favorece en el caso de los sintetizadores de voz, indexación en buscadores, entre otros.

En importante resaltar que la primera vez que hagamos uso de las abreviaturas o acrónimos debemos añadir su expansión después de ellas, p.ej.:

<abbr title="Estados Unidos" xml:lang="es">EEUU</abbr> (Estados Unidos)
<acronym title="Cascading Style Sheets" xml:lang="en">CSS</acronym> (Cascading Style Sheets)

¿Y esto último para qué?, simplemente para brindar una mayor usabilidad a nuestros documentos, siempre se recomienda marcar todas las abreviaturas y acrónimos en nuestro documento, puesto que a ciencia cierta no sabemos por donde va comenzar a leerse dicho documento, pero la regla general nos indica que la expansión del término se hará simplemente la primera vez que se haga uso de las abreviaturas y los acrónimos en nuestro documento.

Tras éste genérico nombre hemos encontrado un muy buen sitio web creado por el gobierno de Chile como respuesta al incremento de webs gubernamentales y de visitas en las mismas en éste país, para garantizar unos estándares de calidad y contenido.

Guia Web 1.0 está muy bien estructurada y tiene contenidos muy claros y sencillos, sin más pretensiones que la de facilitar la tarea a diseñadores y programadores, haciéndose así muy fácil de seguir.

Uno de los atractivos de la web es sus tres modos distintos de organización. Para facilitarnos la tarea, podremos visitarla de acuerdo a tres criterios: El primero, la navegación por capítulos, ofrece una completa guía, siguiendo una serie de pasos para crear nuestra web desde cero. El segundo, la navegación por checklist, nos brinda la posibilidad de comprobar el funcionamiento de nuestra web en distintos apartados, como la velocidad, la usabilidad, la accesibilidad, etc. y nos ayuda a mejorar cada uno de éstos apartados. Por último, la navegación por roles, permite visitar la web haciendo incapié en el puesto o rol que tengamos dentro de nuestro grupo de desarrollo, ésto es, diseñador, programador, encargado de seguridad, etc.

Para terminar, y siempre siguiendo con la idea de facilitarnos la tarea, Guía Web 1.0 nos ofrece un completo documento pdf dónde encontraremos todas las guías ofrecidas en la web en un sólo archivo.

Este termino, comprende todos aquellos aspectos que afectan a la facilidad de uso de un sitio web.

Una mala usabilidad supondrá un fracaso absoluto del sitio web. Reflexionemos: la competencia de un sitio web está a sólo un clic de distancia.

Los que me sufrieron durante las sesiones de Análisis les sonarán algunas de estás recomendaciones:

1. Siempre PLANIFICAR antes de empezar.
2. Mantener una estética uniforme en todas las páginas de un sitio web: Uso de CSS.
3. Elegir con sumo cuidado los colores del sitio web. Leer artí­culo.
4. Cuidar, mimar los contenidos: corrección, claridad y legibilidad.
5. Ojo con el exceso de animaciones o gráficos.
6. Cada página con su tí­tulo. Que el usuario sepa donde está.
7. Compatibilidad con distintas resoluciones.
8. Comprobar el sitio web en distintos navegadores.
9. Proporcionar medios alternativos a los applets, flash, mpeg,… si los usasemos en la web.

El profesor Ignacio Gil de la Universidad Politécnica de Valencia ha publicado un manual en el que expone las caracterí­sticas que debe poseer un buen sitio web.