Web Developer Toolbar de Chris Pederick

Si es que todavía no sabíais de su existencia, os presento una pequeña (174 Kb) barra de herramientas que es un 'must' para cualquier diseñador o desarrollador Web.


Esta utilidad creada por Chris Pederick desnuda cualquier página web que visitemos, proporcionando una gran cantidad de información de todo tipo : su código HTML, sus hojas CSS, el tamaño de las imágenes, los atributos 'Alt', la información sobre las cookies, muestra las tablas que componen el diseño en diferentes colores, permite validar el código de la página, muestra los diferentes valores de profundidad de las div... y un largo etcétera de información. Realmente una maravilla para todos los que estamos metidos en el mundo de la creación web.

La barra está disponible sólo para los navegadores de la familia Mozilla como Firefox y Flock. El enlace directo para descargar la barra Web Developer es (también con su versión en castellano) :

http://chrispederick.com/work/web-developer/

Si queréis instalarla directamente como una extensión del navegador Mozilla Firefox éste es el enlace :

https://addons.mozilla.org/es-ES/firefox/addon/60

Donde estan mis usuarios? - MyIP.es

MyIP.es es un servicio online que permite solamente ingresando el ip conocer la ubicacion geografica exacta de un usuario. Y MOSTRANDONOS SU UBICACION CON GOOGLE MAP!!
Por ejemplo:

IP País:	Uruguay
IP estado:	Montevideo
IP ciudad:	Montevideo
IP latitud:	-34.8581
IP longitud:	-56.1708
Proveedor:	Administracion Nacional de Telecomunicaciones
Organización:	Administracion Nacional de Telecomunicaciones
netspeed:	Dialup

Link: http://www.myip.es/

ClickTale.net - ¿Que están haciendo nuestros visitantes?

Los que hace años diseñamos webs, y trabajamos con Internet, con el tiempo, vamos aprendiendo pequeños trucos y atajos que nos hacen la vida más fácil. Esta experiencia nos lleva a saber de ante mano si el diseño de una página html, será exitoso o por el contrario será rechazada por los usuarios. En esta oportunidad te voy a contar de ClickTale.net, un servicio para webmaster imposible dejar de pasar.

¿Para que sirve ClickTale.net?

Para saber que hacen los usuarios dentro de nuestros sitios. ClickTale.net graba la actividad de los visitantes dentro de nuestros sitios y nos permiten apreciar como ha sido el comportamiento de estos. Como mueven el mouse, como interactúan con las barras de navegación, que les llama más la atención, etc. Una herramienta imposible de dejar pasar para nosotros los diseñadores.

¿Y el comportamiento frente a los anuncios?

Por supuesto, una de las utilidades más importante que tiene es dejarnos ver como ha interactuado un visitante en nuestro sitio, y que grado de omisión le ha dado a los anuncios publicitarios. Esto nos puede ayudar a mejorar el rendimiento de los anuncios, haciendo cambios y ajustándolos a los comportamientos de los visitantes.

La usabilidad Web se pone en manifiesto y lo vemos con nuestros propios ojos. Como reacciona el usuario dentro de nuestro sitio es algo que realmente ningún webmaster pude dejar de probar.

Entro en una página web cualquiera y...

... muchas veces no estaré más de 5 segundos en ella y cambiaré de sitio ! ¿Por qué? ¿Porque no tiene una animación flash que me gusta? ¿Porque la foto que sale en portada está mal pixelada? ¿Porque no me ofrecen un precio atractivo por el producto que estoy buscando?

Puede ser alguna de esas respuestas, pero el 99% de las veces que saldré del sitioe para seguramente no volver nunca más, será por otra razón : No quiero perder el tiempo intentando descifrar la página. Estaba buscando alguna información (precio, artículo, noticia, comentario, foto, explicación, etc) y sucedieron dos cosas : ni la encontré a la primera (decepcionado pero no frustrado)... ni el diseñador me ayudó a que la pudiera encontrar ¡(así que frustrado, me largué del sitio)!

¿A qué me refiero? Al concepto básico que debe tener cualquier sitio web y que muchos diseñadores obvian: ¡ U-S-A-B-I-L-I-D-A-D !, sobre el cual no hace falta escribir un tratado de 20 páginas. En mi modesta opinión, teniendo en cuenta unos pocos aspectos, ayudaremos al usuario a encontrar lo que está buscando en nuestro sitio (si es que se lo podemos proporcionar) o como mínimo no saldrá de nuestro sitio jurando no volver nunca más. Estos puntos serían :

1 - Facilitar al usuario de forma inmediata la situación exacta dentro del sitio web. ¿Cómo?

• Con un titular bien grande al principio del contenido de la página, donde le informará de forma resumida de qué trata esta sección de la web. Pensemos un poco : si cualquier medio impreso lo facilita, ¿por qué no debe tenerlo cualquier página de un sitio web?


• Con un menú de navegación principal claro y conciso. Si nuestro sitio tiene menús secundarios (seguramente sí) también aplicaremos la misma regla. Por menús claros me refiero a palabras que identifiquen cuáles son las grandes secciones tiene el sitio (menú principal) y qué opciones hay disponibles en el nivel en el que se encuentra el usuario (menú secundario)


• El cartel "Ud está aquí", es decir, informar de forma destacada en qué posición exacta del sitio se encuentra el usuario. Esto podemos conseguirlo a través de una corta línea de hipertextos que indiquen la ruta seguida desde el home del sitio hasta llegar a esa página concreta :
  
  
  Usted está en: Página Principal > Servicios > Desarrollo de Software
  
  
  o bien marcando de forma eficiente en el menú de navegación en qué parte del mismo nos encontramos :
  
  
  

2 - Colocar una ventana de búsqueda ¡que funcione! en la página de inicio. Esto es, que su motor de búsqueda interno sea eficiente (imprescindible) y sobre todo, nada de palabras raras en el botón que active la búsqueda. Si lo que queremos es buscar, ¿por qué el botón muestra 'Ir', o 'Empezar'? Sí, sé que sonará obvio para la gran mayoría, pero realmente me sorprendo de la gran cantidad de sitios en los que el botón de búsqueda no muestra precisamente eso, 'Buscar'.

3 - Plasmar en la pantalla lo que parece tan evidente (y muchas veces no lo es). O dicho de otra forma, si en un sitio de una emisora de radio hay una opción para escucharla a través de Internet, y se indica con un vínculo 'Escuchar radio en vivo'... ¿qué cuesta agregar un pequeño icono con el símbolo universal de 'play' al lado? Fue curioso descubrirlo cuando en un mini-test de usabilidad, una persona joven con total dominio de un pc, hojeó a lo largo de toda la página principal de Virgin Radio y al final, medio molesta, se dirigió a mi para exclamar que no se podía escuchar la emisora por internet... Sí se puede, pero el diseñador no quiso plasmar lo evidente.

...para remate, hace tan sólo unas semanas en la página interna que da acceso a la emisora en vivo sí que agregaron el botón de play... lo cual merece aún otra consideración : ¿por qué no se tiene acceso a la radio en vivo desde el home del sitio, cuando muchísima gente visitará la página principal sólo para conectar la radio a través de Internet?... USABILIDAD, por favor diseñadores, ¡USABILIDAD!

Fuente Don't make me think by Steve Krug www.sensible.com

Cómo representar los resultados en un análisis comparado

Analizar y comparar sitios web es una tarea habitual en nuestro trabajo. Frecuentemente al inicio de un proyecto analizamos y comparamos el sitio en el que estamos trabajando con otros sitios web de características o funcionalidades similares. Esto nos ayuda a detectar buenas prácticas del sector, problemas comunes, nuevas ideas, etc.

Por ejemplo, cuando empezamos a trabajar en el diseño de un sitio de comercio electrónico de unos grandes almacenes, una de las primeras fases consistió en estudiar las webs de sus competidores más cercanos, así como sitios web de referencia como Amazon.

Frecuentemente el resultado de este estudio lo incluimos dentro de la documentación que presentamos al cliente, con lo que es muy importante escoger adecuadamente el modo de representar los resultados. Estos deben ser gráficos e ilustrativos y fáciles de entender.

Cuando se comparan elementos concretos, como son las características de los enlaces, la legibilidad de los textos, la facilidad de uso de los menús, etc. es posible mostrar los elementos e indicar sus características, sus puntos fuertes y flojos, y lo que los hace mejor o peor que las otras alternativas.

Sin embargo, cuando se quiere comparar las webs estudiadas en su conjunto puede resultar difícil de representar. Para estos casos puede ser interesante utilizar el User Experience Honeycomb, un diagrama que desarrolló Peter Morville en el que se representan las distintas facetas que componen la experiencia de uso de un sistema.

Coloreando con mayor intensidad o menor estas características, se obtiene una representación que indica en qué aspectos sobresale el sitio estudiado.

Estos diagramas se pueden añadir en los informes que se presentan al cliente para informarle de una forma gráfica e intuitiva el resultado del análisis.

En el siguiente ejemplo se muestran los diagramas resultantes de analizar dos sitios web distintos.


Fuente: www.usolab.com/wl/

Como lee los Usuarios en la Web

Los usuarios en la Web no leen, o por lo menos no lo hacen de la misma forma secuencial que cuando tienen entre manos un periódico, un libro, un artículo o un cómic. Los usuarios tienen necesidades y objetivos, metas que alcanzar, y saben que la forma de conseguir dichas metas no suele ser dedicando largos ratos a cada nodo web que visitan, leyendo de principio a fin sus contenidos y enlaces. El usuario, en una página, hará clic sobre el primer enlace que crea puede llevarle a lo que busca, necesita o pudiera interesar. Eso quiere decir que muchos de los contenidos y enlaces de ese nodo ni siquiera serán vistos por el usuario.

Perdón, Cómo ojean los usuarios

El usuario, ante una página, ojea a saltos la información contenida. No podemos predecir con exactitud cuál será el camino que el usuario seguirá durante su exploración visual de la página, pero sí a qué zonas le presta mayor atención en su búsqueda:

Hay zonas del interfaz de la página que confieren una mayor jerarquía a la información que contienen, como la zona 1. La Jerarquía Visual[1] proporciona relaciones jerárquicas del tipo 'esto es parte de esto' y 'esto va a continuación de esto' entre los objetos informativos de la página, mientras que la Jerarquía de Información o Contenidos establece relaciones del tipo 'esto es más importante que esto'.

Para enfatizar la importancia de unos objetos informativos de la página sobre otros, es decir, para definir la Jerarquía de la información, se pueden utilizar diversas técnicas:

• Colocar la información más importante en zonas del interfaz más relevantes (ver figura anterior)
• Enfatizar mediante efectos tipográficos
• Aumentar el tamaño de los textos de mayor importancia
• Utilizar el contraste del color para distribuir y discriminar objetos informativos
• Agrupar objetos informativos relacionados entre sí

Al contrario de lo que pueda parecer, los objetos informativos parpadeantes, cambiantes o deslizantes no serán percibidos por el usuario como importantes. Pueden ser percibidos como publicidad, ya que es un mecanismo demasiado explícito para atraer la atención del usuario.

Además, al diseñar la información de nuestra página (jerarquía visual y la jerarquía de información), si definimos demasiados objetos informativos como 'muy importantes', se produciría en el usuario una sobrecarga de información, con lo que habremos fallado en nuestro objetivo.

El problema es que el usuario en la Web no es único ni uniforme. Cada usuario que visite el sitio web tendrá necesidades, expectativas y comportamientos diferentes, por lo que el diseño de la información debe realizarse para satisfacer al mayor número de usuarios posibles.

Si dispone de los conocimientos y tecnología suficiente podría realizar un diseño dinámico que mediante perfiles se adaptara a las diferentes necesidades de cada grupo de usuarios, o idealmente, a cada usuario en concreto. La jerarquía de información de cada página sería diferente para un usuario que visitara el sitio web una media de 3 veces por semana y que ya hubiera comprado un par de productos, que para el usuario que es la primera vez que visita el sitio web.

Conclusiones

Los usuarios usan las páginas, no las leen. Aún en el caso del usuario, que después de haber realizado una navegación compulsiva e irreflexiva, se encuentra con un texto o artículo cuyo contenido en general es de su interés, no empezará a leerlo. Antes lo ojeará, leerá los títulos y epígrafes, mirará las figuras, gráficos e imágenes, quizás lea algún párrafo en el que se encuentre algún término de su interés enfatizado, y sólo después de esto, empezará a leer. Una vez que empiece a leer el texto (no necesariamente desde el principio), puede que incluso lo abandone haciendo clic sobre algún enlace que tuviera embebido.

La causa de este comportamiento es sencilla: los usuarios odian leer en pantalla, e intentarán por todos los medios extraer de los textos toda la información que necesiten o interese con el menor esfuerzo posible.

Fuente: nosolousabilidad.com
Yusef Hassan Montero
Grupo SCImago, Universidad de Granada

La accesibilidad de los 10 Gestores de Contenidos más importantes

Frecuentemente nos preocupamos de la accesibilidad de nuestros sitios web y para ello una de las preocupaciones más frecuentes es que nuestro Gestor de Contenido (CMS) genere un código HTML accesible. Pero alguna vez nos hemos preguntado si el CMS que utilizamos es accesible?? Podrían manejar un CMS (y por tanto mantener un sitio web) una persona con discapacidad??

Para responder a estas preguntas, he recordado el artículo Choosing an Accessible CMS en el que se estudiaba la accesibilidad de los principales CMS que se encuentran en el mercado. Voy a hacer un resumen de los datos más importantes.

1. Jadu
Utiliza AJAX y Javascript por lo que no se lleva muy bien con los lectores de pantalla. Destacar que tiene una opción para mostrar contenido en alto contraste y sólo texto. Están trabajando para mejorar la accesibilidad del CMS.
2. Mambo
Al principio su interface parece bastante usable, pero para usuarios novatos puede ser un poco confuso el sistema de estructuración del contenido de Mambo. Los lectores de pantalla encuentran alguna dificultad con sus contenidos. No es un CMS muy accesible o usable.
3. Expression Engine
Para los lectores de pantalla es un incordio. No tiene encabezamientos y es difícil navegar por sus características. La usabilidad es bastante buena y su uso bastante sencillo.
4. Textpattern
Es muy similar al anterior pero con una interface aún más fácil. Además tiene un sistema de formateo de texto si usar un WYSIWYG (WhatYouSeeIsWhatYouGet).
5. Joomla
Los lectores de pantalla funciona bastante bien con este CMS y es fácil de comprender y usar. Algunos problemas encontrados son: algunos enlaces no se pueden activar con la tecla Enter, los radio buttons se leen bien pero su label no puede ser mejorado, etc. Es un CMS muy recomendable.
6. Quick and Easy
Algunas de sus características son: interface simple, simple y rápido de mantener, los lectores de pantalla funcionan bien, etc.
7. Plone
Los lectores de pantalla tienen las ventajas de saltar al contenido y a los enlaces de navegación, buena estructura de encabezamientos, no usa frames y los formularios están bien marcados. Desde el punto de vista de la usabilidad es quizás poco intuitivo.
8. Xoops
Para los lectores de pantalla es uno de los mejores, sin embargo, su usabilidad e interface es poco intuitiva.
9. Drupal
Tiene buena usabilidad y su interface es simple y clara. Con respecto a los lectores de pantalla tienen buen encabezamiento y estructura. Se pueden mejorar algunas cosas, pero sin lugar a dudas es muy recomendable.
10. Typo3
Es uno de los CMS cuya interface es más confusa ya que usa términos muy técnicos. Utiliza frames y los lectores de pantalla encuentran alguna dificultad. Es poco recomendable el uso de este CMS.

Después de leer ésto, puedes elegir el CMS que más te guste y recuerda que el mantenimiento de la accesibilidad de un sitio web también depende del uso que haga del CMS el administrador, por tanto, recomiendo la lectura de esta breve guía para mantener la accesibilidad de un CMS.

Fuente: http://accesibilidadweb.blogspot.com/

Intereses de los Usuarios de la WEB 2.0

Extracto del libro mencionado en el post anterior.



"La parte más significativa del movimiento 2.0 pasa antes por intereses personales
que por modelos de negocio ya que se trata de un movimiento social antes
que un modelo empresarial, y de ahí la dificultad en identificar el modelo de
negocio subyacente ya que en muchas ocasiones no lo hay. Para muchos, hablar
de web social y de negocio es un oxímoron.

¿Es razonable buscar un modelo de negocio en un movimiento social o cultural?.
Las razones que movilizan a la gente y la llevan a actuar se hallan a menudo
alejadas de las claves económicas. ¿Cuál era el modelo de negocio del surrealismo?
Sin duda hubo gente que ganó mucho dinero, pero hubo otros muchos
que simplemente buscaban una manera de expresarse. ¿Cuál es el modelo de
negocio del ecologismo? Sin duda dará pie a un nuevo sector como el ecodiseño
o las energías renovables, pero también es evidente que nace antes por la
concienciación y la responsabilidad social que por el ansia de ganar dinero.
Aunque también es seguro que habrá quien lo dude, y vea en todo ello una estrategia
global para que los millonarios sean aún más millonarios.

La Web 2.0 está plagada de propuestas que puede que generen dinero, pero que
nacen con la única intención de resolver una necesidad personal. Por ejemplo
Joshua Schachter creó el célebre del.icio.us63 simplemente para su uso personal
y poder resolver sus problemas al gestionar los enlaces favoritos en Internet64.
posteriormente Yahoo! le compró su empresa y seguramente ingresó un buen
dinero, pero el inicio no tuvo nada que ver con una idea de negocio.

Todo ello puede esquematizarse en tres tipos de iniciativas que responden a
móviles personales, que pese a no tener ninguna conexión entre ellas también
es cierto que algunos proyectos las siguen ordenadamente como si se tratara de
una escala evolutiva.

1.1. Iniciativas sin expectativa de retorno económico...
1.2. Iniciativas con expectativa de retorno económico centrado en la persona...
1.3. Iniciativas con expectativa de retorno económico centrado en el proyecto..."

Extracto del libro  "Web2.0" de Antonio Fumero y Genis Roca

Libro Gratis de la WEB 2.0

La Fundación Orange ha creado un libro en español sobre la Web 2.0 que se puede descargar gratuitamente. La intención de este libro es intentar poner un poco de luz en torno a la Web 2.0, que es un término que casi todo el mundo usa, mucha gente sabe lo que es y pocas personas son capaces de definir.

La Web 2.0 es un término que está patentado por sus creadores, la editorial O'Reilly Media. La definición que nos dan en el libro es la siguiente:

"La Web dos (punto) cero podría definirse como la promesa de una visión realizada: la Red –la Internet, con mayúscula o minúscula, que se confunde popularmente con la propia Web– convertida en un espacio social, con cabida para todos los agentes sociales, capaz de dar soporte a y formar parte de una verdadera sociedad de la información, la comunicación y/o el conocimiento. Con minúsculas porque nace de la propia acción social en interacción con un contexto tecnológico nuevo."

Fuente: http://accesibilidadweb.blogspot.com

Mahalo - A mano....

A diferencia de Google que tiene complejos robots, Mahalo es un buscador que funciona gracias al trabajo de 40 personas que se encargan de indexar las páginas web de forma manual

Mahalo es un nuevo servicio de búsquesas muy diferente a todos los disponibles en la Red. Mientras Google posee todo un ejército de máquinas que elaboran complejos algoritmos para idexar la Web, Mahalo -que todavía está en fase alpha- emplea a 40 personas que son las encargadas de buscar los resultados de forma artesanal.

Esto tiene sus ventajas y sus inconvenientes, como todo. Mahalo es un servicio mucho más cercano que Google: permite que a sus usuarios sugerir nuevos enlaces por cada búsqueda, y dispone de guías que velan para que no haya fraude con los enlaces propuestos. Además, dispone de un área de discusión sobre los resultados de cada búsqueda, sus enlaces o sus términos de búsqueda.

Mahalo no es un servicio que pueda competir con los grandes buscadores,
aunque tampoco es esa la intención de su fundador, Jason Calacanis, que asegura que el objetivo de su empresa no es indexar la información mundial, sino ofrecer un servicio de calidad y de paso, si es posible, sacar una pequeña pero lucrativa tajada de este gran mercado dominado por Google.

De momento, Mahalo va poco a poco y hasta ahora ha conseguido ofrecer páginas para más de 4.000 términos de búsqueda, aunque sus usuarios están pidiendo más y esperan que para finales de año puedan llegar a los 10.000.

Estos números están muy lejos de los billones de páginas web a las que remiten los resultados de Google, pero de momento esto no es problema para los chicos de Mahalo, que tiran de los resultados de sus amigos de Google cuando ellos no pueden ofrecerlos.

El factor humano es al mismo tiempo el gran activo de la empresa y su principal limitación. Seguro que el despegue de este nuevo buscador va a ser difícil y va a necesitar de mucho trabajo, pero si lo consigue podemos estar ante un gran proyecto.

Fuente: Observa.com.uy

RoundCube Webmail

RoundCube Webmail es un cliente web de correo electrónico, se trata de un cliente IMAP multilenguaje que ofrece todo el conjunto de funcionalidades que se espera de un cliente de correo: soporte MIME, libreta de direcciones, administración de carpetas, búsqueda de mensajes y corrector ortográfico. Escrito en PHP y MySQL, y es configurable su aspecto mediante XHTML y CSS.

Web: http://www.roundcube.net/

20 leyes heurísticas sobre usabilidad

1. El logotipo de la organización deberá estar enlazada con la página de inicio.

2. Actualizar regularmente el contenido que tus usuarios utilizan con más frecuencia.

3. Asegurate de que el contenido de las secciones esenciales del sitio no se encuentre a más de tres ‘clicks’ (niveles de enlace) de la página principal.

4. La navegación del sitio debe ser colocada en un área inmediatamente visible, usualmente a lo largo de la parte superior de la página o bien a lo largo del lado izquierdo de la ventana del “Browser”.

5. El logotipo de la organización debe ser localizado en la esquina izquierda superior de cada página y se recomienda emplear en lo posible las medidas estándar de 60×60 pixels.

6. La distribución de los diversos elementos de contenido en el interfaz deberán ser organizadas jerárquicamente con el fin de que los usuarios lo perciban y asimilen con un esfuerzo mínimo.

7. Todas las imágenes deberán contar con texto descriptivo mediante el empleo de el atributo ‘ALT’ para que los navegadores con la opción de descargar imágenes desactivada o de solo texto lo puedan leer, así como sistemas alternativos especializados para usuarios con discapacidad.

8. Cada una de las páginas del Sitio Web deben contar con títulos de página diferentes y descriptivos del contenido de la misma.

9. El nombre de cada página debe tener el nombre de la Marca de la empresa u organización, así como también algunas palabras claves. referentes al contenido expuesto en la página. El nombre deberá ser el propio, sin pronombres (“el”, “la”, “una”, etc) para que permita la facilidad de indexado tanto en motores de búsqueda como de listas de favoritos (“bookmarks”)…(El Metodus… NO! - Metodus…SÍ!)

10. Todo sitio público deberá ser creado pensado en una conexión a Internet promedio de 56 kbps o menos.

11. En una página tipo galería de fotos o similar, Evite el empleo de imágenes grandes que descarguen lentamente. Emplee imágenes pequeñas (“thumbnails”) que sugieran su ampliación a conveniencia de los usuarios.

12. Considere en el diseño del Sitio que el contenido sea adaptable a las diversas resoluciones –tamaños de pantalla– empleadas por los usuarios. En caso de usar listas en tablas, no utilice tamaños fijos en las mismas (para efectos de crecimientos de texto o interfaces “elásticas” que se adapten al ancho de la pantalla).

13. El sitio de debe ser accesible por browsers alternativos (Firefox, Internet Explorer, Mozilla, Opera, Safari, Netscape, etc…) y sistemas operativos (Linux, Windows, Macintosh, etc) sin trabas o exclusiones técnicas de ningún tipo.

14. Emplee fuentes (tipografías) en los textos del sitio web que sean comunes a todos los usuarios (Ej: Helvetica, Verdana, Arial, Times New Roman, Georgia) ya que las mismas son empleadas por la mayoría de los sistemas operativos, permitiendo la accesibilidad al contenido sin problemas de compatibilidad.

15. En el caso de sitios que cuentan con amplia cantidad de información, incluya un mecanismo de búsqueda en la página de inicio, analice su comportamiento y sugiera una opción avanzada y una sección de preguntas frecuentes (Frequently Asked Questions).

16. Evite el uso de términos para vínculos tales como “click aquí”, “más información”, “ver detalles”, los cuáles son genéricos. Procure que el texto del vínculo describa el destino del enlace.

17. El uso de ventanas “pop-ups” deben utilizarse con cuidado. Nunca emplee ventanas “pop-ups” en enlaces de contenido interno. En caso de que su empleo sea necesario y según las circunstancias que se presenten, se debe indicar al usuario que la ventana será abierta en una ventana separada.

18. En lo posible, no utilizar “Framesets” (marcos), pues son virtualmente imposibles de utilizar por los “Spiders” (robots de buscadores en Internet) en su proceso de indexado además de que son difíciles de desplegar e interpretar por algunos “browsers”.

19. Desarrolle el sitio mediante la creación de plantillas que empleen formatos estándar para presentación (hojas de estilo – CSS -) y estructura de contenido (XHTML) los cuales permitirán que el sitio sea accedido correctamente, y agregar credibilidad en la percepción del usuario.

20. Cree paralelamente al desarrollo del sitio una hoja de estilos (CSS) que permita imprimir el contenido correctamente, eliminando elementos innecesarios en una impresión (menús, etc) y en hojas de tamaño estándar (81/2 X 11).

Fuente: http://www.peretufet.com/08/05/2007/20-leyes-heuristicas-sobre-usabilidad/

Cosas que no debes hacer al construir un sitio web

1. Nunca cambies el tamaño de la ventana del navegador del usuario automáticamente, es molesto, irrespetuoso y típico de los sitos de spam.
2. Mal si tu página es de las que primero carga una página señuelo y ésta “lanza” un popup con la página real. Error muy habitual de los sitios hechos en Flash.
3. Tampoco está bien preguntar al usuario si quiere ver una caca de página directamente o prefiere entrar a un sitio guay lleno de colorines y animaciones pero para el cual necesita aditamentos especiales y esperar un rato a que cargue.
4. Si todo tu sitio está hecho en Flash despide al desarrollador de la página y hazla otra vez; si la has hecho tú colócala en el apartado “sitios inútiles que he hecho” de tu portfolio y hazla otra vez.
5. No pretendas reinventar la navegación de los sitios web.
6. El contenido es el rey: si tu página web no tiene suficiente contenido o ningún texto real que no esté en una imagen contrata a un copy y despide a tu webmaster ahora.
7. Si tu sitio web no funciona o no se ve bien en Firefox...
8. Nada de texto parpadeando [, los navegadores con clase como Safari ya ni la interpretan], nada de usar FrontPage, nada de popups ni en enlaces ni automáticos, nada de texto en scroll, nada de intros en Flash,...
9. Si la página contiene música asegurate de que el usuario puede detenerla o apagarla y mejor si no se inicia automáticamente —lo mismo para el vídeo.
10. Los menús de navegación mejor en texto que en imágenes.
11. Un flujo de navegación bien pensado con subsecciones siempre es mejor que utilizar menús desplegables.
12. Si la única forma de encontrar la información importante de tu sitio web es utilizando el buscador, despide al tío que hizo el flujo de navegación —y que seguramente utilizó menús desplegables.
13. Cuida el tiempo que necesita la página para cargarse.
14. Si pretendes hacer pasar al usuario por alguna ruta predeterminada para llevarle a alguna página concreta o a la versión demo de tu producto es hora de que te compres una granja de hormigas para aliviar tus deseos de usurpador de voluntades con alguna especie que lo permita.
15. Si vas a poner vídeo olvidate de pedirle a los usuarios que elija distintos anchos de banda y formatos de video perdedores como RealPlayer, Windows Media Player, Quicktime,... Utiliza un reproductor de vídeo en formato Flash como hacen YouTube y similares —si, Flash ganó esta única batalla hace tiempo.
16. No utilices técnicas y tecnologías nuevas en tu sitio web simplemente porque puedes o porque son novedosas. Las tecnologías nuevas son chulas, pero utilizalas sólo si realmente mejoran de algún modo la vida a tus lectores / clientes / usuarios.

Fuente: http://www.microsiervos.com/archivo/internet/cosas-no-hace-construir-sitio-web.html