1. En internet el usuario es el que manda.
o Esto quiere decir que sin usuarios tu pagina muere, asi que mas te vale que los cuides y les des lo que te piden, de lo contrario te quedaras solo.
2. En internet la calidad se basa en la rapidez y la fiabilidad.
o En internet cuenta que tu pagina sea mas rapida que bonita, fiable que moderna, sencilla que compleja, directa.
3. Seguridad.
o Si en el mundo real a veces nos cuesta fiarnos del banco de la esquina, imaginate como se siente la gente en internet cuando llega a tu site. Procura que todo funcione como un reloj para que la gente pueda fiarse de tu site.
4. La confianza es algo que cuesta mucho ganar y se pierde con un mal enlace.
o Esto quiere decir que tal y como esta la competencia en internet, no puedes perder ni un solo visitante por tener un enlace mal hecho. Es mejor salir con algo sencillo e irlo complicando poco a poco, que salir con todo y ver "que es lo que pasa". Versiones 1.0 son buenas mientras lo que este puesto este bien asentado y genere confianza. Poco a poco y con el feedback de los usuarios, podras ir complicando la pagina. Pero asegura antes de arriesgar.
5. Si quieres hacer una pagina decente, simplifica, reduce, optimiza.
o La gente no se va a aprender tu site por mucho que insistas, asi que por lo menos hazlo sencillo, reutiliza todos los elementos que puedas, para que de este modo los usuarios se sientan comodos y no se pierdan cada vez que necesiten encontrar algo en tu site.
6. Pon las conclusiones al principio.
o El usuario se sentira mas comodo si ve las metas al principio. De esta forma no tendra que buscar lo que necesita y perdera menos tiempo en completar su tarea. Si completa su tarea en menos tiempo se sentira comodo y quizas se dedique a explorar tu site o quizas se lo recomiende a un amigo.
7. No hagas perder el tiempo a la gente con cosas que no necesitan.
o Cuidado con cruzar promociones, si lo haces por lo menos hazlo con cuidado. Procura que la seleccion de productos a cruzar sea consecuente y no lo quieras "vender todo" en todas las paginas. Segun avance el usuario en su navegacion procura dejarle mas espacio libre. Puede ocurrir que cuando este punto de comprar algo vea una oferta que le distraiga y pierdas esa venta.
8. Buenos contenidos.
o Escribir bien para internet es todo un arte. Pero siguiendo las reglas basicas de (1) poner las conclusiones al principio y (2) escribir como un 25% de lo que pondrias en un papel, se puede llegar muy lejos. Leer en pantalla cuesta mucho, por lo que, en el caso de textos para internet, reduce y simplifica todo lo que puedas.

* Disponer de tiempo, tecnologia y recursos humanos para llevar a cabo el proyecto.
* Que todos los departamentos de la compañia se sientan integrados en el proyecto.
* Qué vas a "vender": entiendase vender como promocionar, anunciar, o vender directamente productos.
* A quién se lo vas a "vender": debemos indentificar a nuestro nucleo de usuarios extremos que nos ayudaran a posicionar el producto de una forma mas definida que si nos dirigimos directamente a la gran audiencia.
* Cómo se lo vas a "vender": aqui es donde entran los temas de logistica, atencion al cliente, diseño de producto y web.
* Una vez vendido, qué hacemos: es importante preveer que pasara mañana cuando nuestros clientes nos hayan comprado los productos. Fidelizacion, promociones, seguimiento...

* Con todos los requisitos recogidos en los primeros pasos, podremos empezar a pensar en como vamos a construir nuestro site.
* Se recomienda que el equipo que este en esta fase sea multidisciplinar (como minimo, programacion, diseño, contenidos y un coordinador de equipo).
* Se recomienda que el coordinador sepa algo de todas las materias, (servidor, web, diseño, contenidos) por que sera la persona encargada de crear puentes entre los diferentes departamentos y de llegar a consensos cuando surgan problemas de competencia.
* Con este equipo se llevara a cabo una maqueta que servira para aproximarnos a la idea de nuestro site.
* Esta maqueta sera producida a un nivel casi real para que sea probada por los usuarios.

* Una vez producido el prototipo, se hara nuestro primer test de usuario.
* El test de usuario nos ayudara a enriquecer el producto observando el comportamiento del usuario, viendo las virtudes de nuestro producto y sobre todo aquellos puntos debiles que pueda presentar.
* Con el test de usuario se realizara un nuevo prototipo que se deberia volver a testear mientras sea posible.

* Una vez tenemos un prototipo ajustado queda la parte de realizacion tecnica.
* Se debera disponer del tiempo disponible para ajustar el prototipo a la realidad, pero no se deben encontrar nuevos obstaculos en esta fase.
* Para evitar estos nuevos obstaculos, es necesario la total transparencia de los departamentos a la hora de realizar el prototipo, es decir, conocer toda las posibilidades existentes dentro de la operativa, ver el "peor de los casos existentes", ver como funciona "el primer dia", etc...
* Por ultimo se recomienda pasar una fase de "emision en pruebas", es decir, lanzar el site y probarlo en real (conexiones con modem, operativa real, ver respuesta del correo o del call center en caso de que existan, etc..)

Nota: La Interacción Persona Ordenador es más conocida por su nombre en inglés, Human-Computer Interaction y sus siglas HCI (en lo sucesivo utilizaremos las siglas IPO/HCI)

1. Compartir el tiempo de uso de los ordenadores entre muchos usuarios.
2. Un sistema de entrada-salida para la comunicación mediante datos simbólicos y gráficos.
3. Un sistema interactivo de proceso de las operaciones en tiempo real.
4. Sistemas para el almacenamiento masivo de información que permitan su rápida recuperación.
5. Sistemas que faciliten la cooperación entre personas en el diseño y programación de grandes sistemas.
6. Reconocimiento por parte de los ordenadores de la voz, de la escritura manual impresa y de la introducción de datos a partir de escritura manual directa.
7. Comprensión del lenguaje natural, sintáctica y semánticamente.
8. Reconocimiento de la voz de varios usuarios por el ordenador.
9. Descubrimiento, desarrollo y simplificación de una teoría de algoritmos.
10. Programación heurística o a través de principios generales.

1. Conocer al usuario
2. Minimizar la memorización, sustituyendo la entrada de datos por la selección de ítems, usando nombres en lugar de números, asegurándose un comportamiento predecible y proveyendo acceso rápido a información práctica del sistema.
3. Optimizar las operaciones mediante la rápida ejecución de operaciones comunes, la consistencia de la interfaz y organizando y reorganizando la estructura de la información basándose en la observación del uso del sistema.
4. Facilitar buenos mensajes de error, crear diseños que eviten los errores más comunes, haciendo posible deshacer acciones realizadas y garantizar la integridad del sistema en caso de un fallo de software o hardware.

* El ABC: Presenta un buscador en la portada, pero se les olvido poner el botón de "buscar".
* El Mundo: Presenta un buscador interno al final de la página de portada. Demasiado escondido.
* El País: Presenta la búsqueda como una opción por lo que debemos irnos a otra página para poder buscar.
* La Vanguardia: Presenta un buscador en portada pero es algo complejo de manejar. También se les olvido poner el botón de buscar.
* Lo ideal seria el formato del buscador del Mundo pero arriba del todo.

* El ABC: Si, pero palabras como "televisión", "tabaco", "perro" dan resultados nulos. Me parece que solo busca en la edición del día. . Esta pantalla salió al buscar fútbol dentro del buscador del ABC.
* El Mundo: Deja acceso por meses.
* El País: Deja acceso por días.
* La Vanguardia: Presenta la opción de "diario de hoy", "6 meses" (por que no 12, o 24?), "resto de la web" (que web?, internet?, tu web?, mi web?, que es el resto?, lo que sobra?).
* Lo ideal seria poder buscar en "todo" el archivo. Ninguno permite esta opción.

* El ABC: Básicamente falla mucho.
* El Mundo: Quizás el mejor de los 4. Presenta resultados ordenados por relevancia y disponemos del buscador en la misma página, por lo que no tenemos que volver al buscador para hacer una nueva búsqueda. Esto es básico, pero muchas veces se olvida.
* El País: Bastante mal. No esta bien hecho ni el tema de titular las páginas por lo que muchas veces los resultados sales vacíos. Luego no tenemos el buscador en esta página por lo que tenemos que volver al buscador para hacer una nueva búsqueda.
* La Vanguardia: No esta mal, pero el buscador es algo complejo de manejar ya que es el combo el que "lanza" la búsqueda.
* Lo ideal es lo que hace el Mundo. Los ordena por relevancia, indicando la fecha, peso y el titular del artículo. Excelente.

# Sin visitar (Link): Es el color de un link antes de ser pulsado. El color azul es el normal.
# Visitado (Vlink): Es el color que presenta un link cuando ha sido pulsado. El violeta (#CC33CC) es el normal.

Curiosidad: Luego existe el "Alink" que es uno de los misterios del universo microsoft. He buscado informacion sobre que es esto, pero ni dentro de microsoft lo explican de forma clara. El ejemplo que presentan sobre como funciona, en un explorer 5 en mac no funciona.

* Como trabajar con Alinks: msdn.microsoft.com/library/tools/htmlhelp/chm/htalink1.htm.
* Ejemplo de una pagina que usa el Alink: msdn.microsoft.com/library/tools/htmlhelp/chm/HTalink4.htm.
* Sumario sobre temas relacionados con el Alink: msdn.microsoft.com/library/tools/htmlhelp/chm/HTAlink.htm.

# Articulo de Lawrence J. Najjar (IBM Corp. Software Usability Department). Muy completo e interesante.
# Respuestas a preguntas comunes sobre el color..

El documento se coloca en el servidor y se adjunta la llamada <link rel="stylesheet" href="MiHojaDeEstilo.css"> en todas las paginas web en la parte del <head>

Reglas basicas:
* Es mejor poner los tamaños de las fuentes en tantos por ciento (%) que en absolutos.
* Es mejor enlazar la hoja de estilo por que asi el usuario solo se la bajara una vez.
* No borres el subrayado de los enlaces solo por que puedes hacerlo.
* Que tu "estilo" sea por una mejor navegacion del site.

De esta cabecera podemos destacar lo siguiente:
# No se usan iconos para nombrar las zonas con lo que las letras son mas grandes y mas faciles de pinchar.
# La separacion de elementos esta clara con una linea vertical entre unos y otros, el usuario sabe dond empieza uno y acaba otro.
# Las opciones presentadas en la barra son los "fundamentales".
# Se indica claramente al usuario donde esta coloreando la zona activa.
# El banner se ha reducido al maximo para evitar perder espacio. Al estilo yahoo!.

En españa:
# Terra imita el estilo MSN, pero es demasiado grande, con explorer 5 en un mac a 800x600 no entra toda la barra.
A destacar el reducido tamaño, a penalizar el exceso de de longitud.
En esta barra podemos ver un adecuado uso de los botones en la parte inferior, estan claramente separados, sin perder espacio entre ellos.
En la parte superior, los botones se podian mejorar indicando claramente la separacion entre ellos y eliminando los iconos, nadie se los va a aprender.
No deja de ser curioso que el horoscopo este en cabecera... no es eso malgastar el espacio...??

# La cabecera de ya.com es la peor que hemos visto. Demasiado ancha, demasiado larga, un banner gigante que no sirce para nada, etc... no es un ejemplo a seguir. Al igual que la de terra, la anchura es superior a 800x600.
En esta cabecera no esta claramente definido el tamaño de los botones, se usan iconos que no sirven para nada.

# Por ultimo eresmas.com lo mismo. Usa iconos que nos son necesarios, no se ve la separcion entre botones, y son muy pequeños y muchos.

# Incluir solo las opciones fundamentales. Mas de 5 empieza a ser demasiado.
# Que esten claramente definidas. No solo en su significado sino en su representacion. El area que se puede pinchar, donde acaba uno y donde empieza el siguiente, etc...
# Usalos para indicar la posicion relativa del usuario en tu pagina.

Peso de las paginas------Total peso / velocidad de conexion------En una sesion de 30segs
Site A------30kbs de html + 20kbs de imagenes------50kbs / 5kbs/seg------bajan 3 paginas.
Site B------15kbs de html + 10kbs de imagenes------25kbs / 5kbs/seg------bajan 6 paginas.