Usabilidad en la web

2.- Elementos de un buen site
Aquí ofrecemos una guía básica sobre los elementos que componen un buen sitio web y cómo conseguirlo. Entrar

3.- Principios generales de usabilidad en sitios web
En este artículo trataremos algunos de los conceptos que se deberían tener en cuenta a la hora de realizar un sitio web. Entrar

4.- Qué es la Interacción Persona-Ordenador
La Interacción Persona-Ordenador, es la disciplina que estudia el intercambio de información entre las personas y los ordenadores. Su objetivo es que este intercambio sea más eficiente: minimiza los errores, incrementa la satisfacción... Entrar

5.- Sobre buscadores internos
En este artículo vamos a comentar como planear y crear un buen buscador interno para un site. Incluye varios ejemplos sobre cómo se hace en los periódicos digitales españoles. Entrar

6.- Formularios
Ofrecemos una serie de claves para crear formularios más fáciles y agradables. Rellenar un formulario no tiene que ser un suplicio para el visitante. Entrar

7.- Comparativa de formularios
Ahora vamos a ver los consejos de formularios con una comparativa entre un formulario de la página del Corte Inglés y un formulario propuesto. Primero veamos el del Corte Inglés. Entrar

8.- Comparativa de formularios II
Ahora veamos el formulario propuesto, tratando de aplicar los consejos sobre formularios que ya hemos visto. Entrar

9.- Cómo hacer un cuestionario para la Web
Aprende a sacarle el máximo partido a las encuestas y obtén resultados precisos de tus visitantes. Entrar

10.- Selección múltiple (combos y demás)
Se ofrecen consejos para la utilización de elementos de formularios, con objetivo de añadir funcionalidad a una página. Veremos ejemplos de utilización erronea y correcta. Entrar

11.- Cabeceras de portal = espacio perdido
Hace un análisis de las características a buscar en una buena cabecera de portal y ofrece una visión crítica sobre el uso de éstas en los portales más destacados. Entrar

12.- Los usuarios no son adivinos
En este artículo indicaremos que elementos ayudan al usuario a navegar y cuales no. Además, intentaremos indicar que elementos ayudan a predecir al usuario su destino al pinchar un enlace. Entrar

13.- Colores y hojas de estilo que ayudan
En este artículo podemos ver los colores y hojas de estilos que ayudan a los visitantes a navegar de una manera más fácil e intuitiva por un sitio web. Entrar

14.- B2B. Dar antes de recibir
Guía de consejos sobre usabilidad en modelos B2B. Entre otros consejos destaca que es importante enseñar el producto antes de que el usuario decida registrarse. Entrar

15.- Como escribir newsletters
Veamos una serie de consejos sobre cómo construir un boletín de novedades de manera que cumpla sus objetivos perfectamente. Entrar

16.- Pon un enlace a mi site
Es importante que la gente ponga enlaces a nuestros sitios, por ello debemos hacerles fáciles las cosas y ofrecerles gráficos, códigos HTML, etc. Entrar

17.- Usabilidad para PDAs
Una guía para el correcto diseño de sitios webs accesibles desde PDAs. Por José Julio Ruiz. Entrar

18.- Navegadores usables
Veamos una serie de consejos prácticos para diseñar un buen menú de navegación. Entrar

19.- Reduce el peso de tu site
Páginas más ligeras implican más páginas vistas. Algunos consejos para reducir el peso de tu site. Entrar

20.- Páginas fluidas
Son las que sus dimensiones se adaptan al tamaño del navegador. Cuando usarlas y cuando no. Entrar

21.- La página de error
Los errores 404 de página no encontrada son muy típicos. Aprende a tratarlos, ofrecer soluciones y corregirlos. Entrar

22.- El banner perfecto
Análisis del uso de banners como herramienta de comunicación. Consejos para mejorarlos y más documentación. Entrar

23.- Abrir diálogo con los visitantes
En este articulo se vera el tema de recoger informacion del usuario en nuestro site. Cómo debemos o no debemos hacer. Entrar

24.- Optimizar el formato de las paginas web para imprimir
Consejos para contruir páginas que los usuarios puedan imprimir correctamente. Entrar

25.- Un enlace por parrafo
Discusión sobre cómo enlazar las noticias de portada de los portales. Entrar

26.- Preparando e-comercio para la navidad
Cosas que podemos hacer para potenciar las ventas en navidad en los sitios de comercio electrónico. Entrar

27.- Cómo grabar video para Internet
Como grabar video para una correcta reproduccion en internet. Piensa en una sóla cosa: compresión. Entrar

28.- Iframe y usabilidad
Vemos lo que son los frames flotantes, cómo crearlos y sus características, ventajas e inconvenientes, más destacados en el campo de la usabilidad. Incluye introduccion al mundo del frame e iframe. Entrar

29.- Diarios de compra
A 13 personas se les pidió que compraran por Internet un producto para ver si eran capaces de llegar a realizar la compra. Entrar

30.- IBEX 35 Uno a uno
Vemos una a una las páginas que componen el selectivo IBEX 35 para comprobar si ofrecen la información que deberían. Entrar

31.- Páginas corporativas - soluciones de emergencia
Viendo el mal estado general de las webs corporativas de empresas punteras españolas, ofrecemos diversas claves que deberían aplicar para llegar a ser decentes. Entrar

32.- El log de visitas ayuda a conocer a tus usuarios
Qué es un log y cómo extraer información para conocer mejor a tus usuarios y sus pautas de comportamiento. Entrar

33.- Newsletters que sirven para vender
Consejos para crear Boletines que ayuden a vender. Desde la información que debemos colocar como presentación hasta las páginas del sitio donde debemos enlazar. Entrar

34.- Personalizar parametros - Usar enlaces en lugar de combos.
Como ofrecer al usuario herramientas que son faciles de usar - Usar enlaces en lugar de combos al seleccionar parámetros de una búsqueda o presentación. Entrar

35.- Convertir usuarios en clientes
No es un paso sencillo, pero en este artículo ofrecemos algunas pautas y razonamientos que pueden ayudar mucho para conseguir hacer productivas tus visitas convirtiéndolas en clientes. Entrar

36.- Pedir información que nos puede servir de algo en el futuro
Más sobre formularios: pedir información a los usuarios es válido, aunque evitando pedir información personal. Procura que esa información te sirva para futuras acciones. Entrar

37.- Coloca un buscador gratuito en tu web
Opciones gratuitas para incorporar un buscador interno para tu sitio. Recomendación de Atomz.com Entrar

38.- Mejorar el producto
Pasos que podemos o debemos seguir para hacer viable nuestro proyecto en Internet. Vender el producto, afinar la publicidad, vender el contenido o los sevicios. Muchas ideas... o necesidades. Entrar

39.- Gráficos para representar datos
La representacion de datos de forma grafica ofrece mensajes mas claros donde las conclusiones son faciles de entender. Estudiamos tipos de gráficos, herramientas y algunos casos concretos en la Web. Entrar

40.- Gráficos para representar datos 2
En este nuevo capitulo tratamos otros tipos de graficos. Entrar

41.- Paleta de colores para graficos
Una imagen con varias paletas de colores que podemos utilizar para la presentación de gráficos, tablas, incluso para el diseño de una web. Entrar

42.- Evaluar la usabilidad
Estudiamos los métodos existentes para evaluar la usabilidad de una página web. Evaluación automática, de acuerdo a directrices y con usuarios. Entrar

43.- Seleccion de reproductor, real player VS quicktime
Se comparan los reproductores de Quicktime y Real. Se ofrecen ejemplos de películas en varios formatos y ayudas para el desarrollador con códigos de inserción. Entrar

44.- Ventajas e inconvenientes del uso de frames
Veamos una serie de cosas buenas y malas derivadas del uso de marcos o frames a la hora de diseñar y utilizar un sitio web. Entrar

45.- Construyendo páginas sencillas
La ciencia de la interacción hombre-máquina se ha desarrollado mucho en los últimos años y nos podemos aprovechar de ella en nuestras páginas. La resumimos en forma de consejos. Entrar

46.- Organizar información para web sites
Tácticas y consejos para organizar la información en los web sites. Modularización en sistemas de fichas, búsqueda de palabras clave para organizar los contenidos y la generación de páginas lanzadera que hagan de portadas a las secciones. Entrar

47.- Hojas de estilo (CSS)
Guía basica y ejemplos de las Hojas de Estilo en Cascada presentadas desde el ámbito de la usabilidad. Entrar

48.- Aumentar el número de páginas vistas
Aumentar el número de páginas vistas es clave para conseguir que el usuario conozca mejor nuestro sitio, vea más contenido y aumente la confianza y la posibilidad de generar negocio. Entrar

49.- Crear momento
Artículo que explica las pautas a seguir para mejorar la productividad, de modo que nuestro sitio aproveche al máximo los esfuerzos que dedicamos. Detectar oportunidades, crear sensación de único y tener un plan de trabajo. Entrar

50.- Revistas online, dos ejemplos que cierran
Dos conocidas revistas online tienen que cerrar porque el negocio no es propicio. ¿Tienen algún sentido publicar online o muchos de los males son culpa del overhead generado por la burbuja del dot.com? Entrar

51.- Usando iconos en el diseño de interfaces
Usabilidad relacionada con la utilización de iconos en nuestras páginas web. Entrar

52.- Usability Chapuzas, S.A.
Recomendaciones para escoger una consultora para mejorar la usabilidad de nuestro sitio. Entrar

53.- Libro de estilo
Algo sobre libros de estilo. Entrar

54.- Portadas que sirven para algo
Muchos sites usan la portada para (a) no decir nada o (b) preguntarle al usuario donde vive. Procura ofrecer la información fundamental para que el usuario sepa donde está y qué es lo que puede ver. Entrar

55.- Hit, Target, Área de clic...
En Flash el stage de Hit define el área donde será posible el click sobre un botón. Flash nos permite crear targets con dimensiones diferentes del tamaño del botón, lo que puede facilitar la vida a nuestros usuarios. Veamos algunos ejemplos. Entrar

56.- 72 horas para un rediseño
Nattura.com necesitaba un nuevo site y ante la necesidad de estar arriba en un breve plazo de desarrollo se atacó el problema proponiendo un site sencillo, limpio y desarrollado en 72 horas. Entrar

57.- Guía básica para PYMES
Ayudas para centrar los objetivos de una página para una empresa. Desde las razones por las que necesitamos una página hasta consejos una vez la tenemos. Entrar

58.- Simplifica tu vida. Pon el Flash dentro de una estructura de páginas web.
Muchos desarrolladores flash mantienen la filosofía de meter sitios web dentro de un marco FLASH en lugar de centrarse en un desarrollo de páginas con piezas flash como contenido. Entrar

59.- Destruir 2 mitos del diseño web
Ya va siendo hora de desterrar 2 mitos del diseño web heredados de 1999. No todo tiene que estar en tus menús y usar correctamente directorios. Entrar

60.- ¿De qué sirve el criterio cuando todo el mundo puede opinar?
Decisiones tomadas con falta de criterio suelen condenar a nuestro site a morir a menos que la suerte o casualidad se cruce en nuestro camino. Como formar criterio y aplicarlo. Entrar

61.- Preparando la navidad... nuevos diseños que están muertos antes de nacer.
Un par de sites de moda lanzan nuevos rediseños que están muertos antes de nacer y todo ello ante la campaña navideña que se debería aprovechar para ganar usuarios, ventas y mercado. Entrar

62.- Aportando algo de luz a la escena Flash
Ayuda para medir peticiones al servidor en ficheros flash y a tener más criterio a la hora de valorar Flash. Entrar

63.- Usa imágenes agrupadas y no utilices iconos
Procura utilizar imágenes agrupadas. Ocupan menos y tardan menos en bajar. No uses iconos. Exigen más esfuerzo de aprender y nadie los entiende. Entrar

64.- Publicación descentralizada: cómo funciona Alzado
Fieles a nuestro objetivo de compartir experiencias, mostramos un ejemplo de cómo construir un sistema de publicación de contenidos web mediante la visita al backend de alzado. Entrar

65.- Multiidioma: páginas de selección de idioma
Si algo puede resultar molesto a un usuario son las páginas cuya función es servir de acceso a otras páginas, y más cuando el sitio web al que accede le obliga a pasar por la misma pantalla en todas y cada una de sus visitas. Entrar

66.- La diferencia entre información y publicidad
La diferencia entre información y publicidad es que la publicidad no aporta datos y no genera acción. Entrar

67.- Promociones en la portada, buenas o malas
Causas y justificaciones de que las webs estén llenas de promociones. Entrar

68.- Apendice I: Enlaces de Interés
Enlaces interesantes sobre usabilidad. Entrar

69.- Diseña como piensan los usuarios
La Técnica de agrupación de tarjetas o Card Sorting informa de como un usuario organiza mentalmente contenidos. Entrar

70.- Apéndice. Enlaces relacionados
Aquí tenemos varios enlaces relacionados con el modelo de tarjetas para que el usuario obtenga más información detallada. Entrar

71.- Loquo: un ejemplo de desarrollo
El desarrollo del portal Loquo es un ejemplo a tener en cuenta cuando queramos optimizar el diseño de una web. Entrar

72.- Guías de estilo: diseño, normalización y usabilidad
¿Qúe son los Libros de Estilo? ¿por qué no se utilizan? Algunas pautas para crear Libros de Estilo para departamentos de tecnología y desarrollo de aplicaciones. Entrar

73.- No diseñes tu sitio para ganar dinero
El objetivo del usuario en un sitio y su modelo de negocio no tienen porque coincidir. Si sólo un pequeño porcentaje de las visitas generan ingresos, no se puede centrar el diseño del sitio en ellas, sino en el porcentaje restante. Entrar

74.- Comentarios en abierto: libertad o censura
Los comentarios "legales" de los usuarios ayudan a que mejore la calidad del sitio, pero queda abierta la posibilidad de que introduzcan comentarios incorrectos o improcedentes. Entrar

75.- Evitar los colores de fondo
Un fondo blanco es lo más indicado, ya que normalmente otros colores de fondo tienen una interpretación negativa por parte del usuario. Entrar

76.- Dí no a los gadgets propietarios
Una web funcional y práctica puede conseguirse con los recursos que nos ofrece el código estándar. Usar recursor propietarios puede restar esta funcionalidad y hacer que nuestro sitio no obtenga las mejores críticas. Entrar

77.- Método de resolución de problemas de Bruno Munari
Este diseñador industrial / gráfico plantea un método proyectual basado en la resolución de problemas. Esta metodología evita el inventar la rueda con cada proyecto y plantea sistematizar la resolución de problemas. Entrar

78.- Sin copia no hay estándar, sin estándar no hay universalización
Copiar no es malo, es el motor del desarrollo y de las nuevas ideas; además, conlleva la aparición de estándares que permiten que los beneficios de las ideas se universalicen y reducen los costes y la necesidad de aprendizaje. Entrar

79.- Usabilidad y arquitectura del software
Qué es la Arquitectura del Software y que relación tiene con la usabilidad. Tener en cuenta la usabilidad en el momento del diseño de la arquitectura de un sistema interactivo nos puede ahorrar muchos quebraderos de cabeza. Entrar

80.- Algunos estándares en la web
Algunos estándares se van perfilando en las web. En este artículo se presentan ejemplos de hacia donde va la web y hacia donde no. Entrar

81.- Diseño de experiencias
Nos adentramos en la era de las "Experiencias", las emociones, las sensaciones,... los productos, los servicios se experimentan. Entrar

82.- Informe sobre el estudio Eyetrack III
Trabajo basado en el estudio de los movimientos oculares de un conjunto de personas durante sus visitas a diversas páginas web de noticias. Entrar

83.- Modelo mental del usuario en sistemas de proceso transaccional
Partiendo del análisis del modelo mental del usuario en interfaces implantadas en entornos transaccionales, se proponen los elementos básicos de una nueva interfaz objeto-acción y la arquitectura tecnológica necesaria. Entrar

84.- PDF en el Web. ¿Entorpeciendo ó mejorando la navegación?
La utilización de los archivos PDF en internet es cada vez mas frecuente. Pero ¿Que beneficios tiene?, o ¿Que tan inadecuado es su uso dentro de nuestras páginas?. Entrar

85.- Observando a los usuarios – Un método particular
La observación de usuarios es una técnica sencilla y barata pero en pocos proyectos se utiliza. Solo se necesita un bloc de notas, un bolígrafo y un poco de metodología. Entrar

86.- El Pais y Digital+. Ser el lider no es suficiente
Dirigirse al grupo lider español de comunicación puede sonar algo pretencioso, pero creo que es necesario que la crítica exista. De lo contrario el liderazgo provoca cierta relajación y bajar el nivel de calidad. Entrar

87.- Controles de formularios en diseño web
El adecuado uso de radio-buttons, check-boxes, combos y campos de texto es decisivo para el éxito de un formulario. Entrar

88.- Usabilidad al milímetro
La usabilidad no es una ciencia exacta, pero sí un arte de precisión. Un pequeño cambio, en el texto de un vínculo, el contraste con el fondo o el espacio blanco alrededor de un elemento, pueden marcar la diferencia entre el éxito y la mediocridad. Entrar

89.- El espacio en la pantalla
Por norma, los contenidos deberían de ocupar como mínimo un 50% en nuestra web, pues es muy importante la cantidad de espacio destinada a este. Entrar

90.- Encuesta para una web de diseño centrado en el usuario
Marta González y Dunia Meler han realizado una encuesta a la comunidad de profesionales de IPO, Usabilidad y AI con el objetivo de realizar una Web sobre el Diseño Centrado en el Usuario. Entrar

91.- Usabilidad para pequeños proyectos web
Pautas para el buen desarrollo de una web. Entrar

92.- Usabilidad en Flash
La tecnología Flash de Macromedia ha recibido duras críticas debido a la aparente escasez de aplicaciones que ejemplifiquen el diseño de interfaces que respeten principios básicos de Usabilidad. En éste artículo, tratamos de examinar el actual estado Entrar

93.- MSN Music. Un pequeño problema de perspectiva
Criticar a Microsoft es fácil y por eso comentamos su nuevo proyecto de música. El problema... si uno piensa en microsoft e internet las 3 primeras palabras que nos vienen a la cabeza son "virus", "lento", "inseguro"... Entrar

94.- La navegación impaciente de los usuarios en Internet
Los usuarios saben que a mayor número de sitios vistos, mayor probabilidad de encontrar lo que buscan. Por eso cuando navegan los usuarios muestra un comportamiento muy impaciente, moviéndose rápidamente de un sitio a otro. Entrar

95.- Diseño de formularios: etiquetas
Pautas de diseño y recomendaciones de usabilidad para la creación de etiquetas de texto en formularios web y GUI. Entrar

96.- Columnas, anchos de línea y legibilidad
Los principales motivos por los que los usuarios leen mejor unas páginas que otras dependiendo de su formato de párrafos. Entrar

97.- Del contenido surge la forma. Guías para el diseño web
Para diseñar un sitio web debemos conocer bien todo el contenido que se va a publicar ya que lo contrario nos puede llevar a un sistema de retícula que no acabará por acomodar la información de una forma natural. Entrar

98.- Creando la retícula. Como organizar la información
La retícula es la base visual para organizar la información de una página web. Una base rígida o fluida? Dos, tres o cuatro columnas? Horizontal o vertial? Las respuestas a estas preguntas vienen dadas por el contenido que tengamos que manejar. Entrar

99.- Diseño de marca y visual. Recuperar un valor clave
Que una web sea accesible es un aspecto técnico que el cliente final no va a comprar. Que una web cumpla "estándares" lo mismo. El aspecto visual si es algo que el usuario comprará. Técnicas para recuperar este valor. Entrar

100.- El discreto encanto de los listados
Los listados son uno de los mejores elementos de interacción, pero quizás por su simplicidad son infravalorados. Este artículo invita a descubrir por qué los listados son realmente interesantes. Entrar

101.- Usabilidad y Retorno de Inversión en sitios Web
De la mano del crecimiento de la Web, la Usabilidad ha tomado cada ves más importancia, básicamente porque juega un papel fundamental en el ROI (Retorno de Inversión) en un sitio Web. Entrar

102.- Mapas y usabilidad
La generalización del uso de los mapas especialmente desde la popularización de Google Maps y su API ha provocado que algunas cuestiones de usabilidad no resueltas cobren importancia. Entrar

103.- Comprobar los datos en un formulario de entrada
Verificar la corrección de los datos a introducir en un sistema constituye una función fundamental en cualquier aplicación informática pero, a menudo, las validaciones afectan negativamente a la usabilidad. Entrar

104.- Es hora de Pensar en 1024px?
Ventajas o desventajas de utilizar esta resolución en nuestras páginas web. Entrar

105.- Factores Determinantes en el uso de Fuentes
Las fuentes de letras cumplen un papel sumamente decisivo tanto en el diseño web como en el diseño impreso. Para usar acertadamente este recurso gráfico es necesario considerar algunos factores que influyen directamente en la percepción del usuario. Entrar

106.- No se habla de usabilidad
En algunos sites se comenta la idea de que no hace falta hablar de usabilidad para proyectos web. Que eso ya está por defecto en el paquete. Entrar

107.- Haciendo una Web Accesible: el uso adecuado de los colores.
Unos aspectos a tener en cuenta para hacer una web accesible a través del color. Entrar

108.- Aplicaciones Web: Usabilidad + Practidad = Éxito
Gracias a nuevos conceptos de diseño web que se han incorporado en estos últimos años, es posible ver sitios que brindan servicios simples pero que logran captar al público. Entrar

109.- Como lograr diseños web de buen aspecto gráfico
El aspecto gráfico de un sitio juega un rol muy importante. Mucho se habla en la web de esta importancia y de cómo se deben construir técnicamente los sitios, sin embargo poco de como lograr aspectos gráficos profesionales o diseños “atrayentes”. Entrar

110.- Usabilidad y accesibilidad: Conceptos muy diferentes
Veremos las principales diferencias entre estos dos conceptos a modo de entenderlos y aplicarlos fácilmente. Entrar

111.- Cuando poner un botón, cuando poner un enlace
Este artículo se encaja dentro del "ABC" de la usabilidad pero merece la pena recordar algunas reglas sencillas para saber cuando poner un botón del sistema y cuando poner un enlace. Entrar

112.- Redacción para web sites
La norma básica para escribir bien textos para la web es muy sencilla: tener en cuenta que estamos en soportes diferentes, pantalla versus papel y, por lo tanto, debemos utilizar nuevas estrategias a la hora de escribir el contenido para un sitio web Entrar

113.- El usuario promedio ayer y hoy
A medida que más y más gente usa computadoras personales y navega por Internet, aumenta la tendencia a considerar la PC, y a sus programas, como una herramienta más. Entrar

114.- Arquitectura de información
Acciones preliminares antes de planificar una página web. Entrar

115.- Escribe títulos cortos
Manten tus titulares cortos. Entrar

116.- Diseñar para dispositivos móviles
Pautas que aconsejan como realizar páginas web aptas para dispositivos móviles Entrar

117.- Usabilidad y Analítica Web
Testeo con usuarios, card-sorting, personajes, prototipado,… son las típicas técnicas de usabilidad. Sin embargo, raramente se habla del potencial de las técnicas de analítica web para mejorar la usabilidad de un sitio web. Entrar

118.- Normas para maximizar la usabilidad de un site
Un decálogo de usabilidad y algunos links de interés. Entrar

119.- Diseño Web Emocional: consejos y ejemplos
Por qué es importante la estética en todos tus proyectos web. Entrar