Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

Mostrando las entradas con la etiqueta usabilidad. Mostrar todas las entradas
Mostrando las entradas con la etiqueta usabilidad. Mostrar todas las entradas

viernes, 22 de junio de 2012

Sobre la experiencia del usuario

Quiero—en este post—compartir un video (el resto los pueden ver en YouTube) de Verónica Traynor: User Experience Manager, cerrando la segunda jornada del Startups Rodeo 2012 de itBAF con su presentación sobre User Experience y Usabilidad, en la Universidad de San Andrés, Buenos Aires, Argentina - Mayo de 2012.

Video | 15:20 min

Enlace al video en YouTube - http://www.youtube.com/watch?v=k23VVPDOU
Share:

sábado, 30 de abril de 2011

Búsquedas en la barra de direcciones con InstantFox

InstantFox es una extensión para Firefox que permite llevar a cabo las búsquedas desde la barra de direcciones de Firefox.

Búsquedas en la barra de direcciones con InstantFox

De esta forma, es posible llevar a cabo búsquedas mediante atajos, por ejemplo:

g » para búsquedas en Google
i » para búsquedas de imágenes en Google
m » para Google Maps
y » para búsquedas en YouTube
t » para búsquedas en Twitter
w » para búsquedas en Wikipedia
a » para búsquedas en Amazon
e » para búsquedas en eBay
b » para búsquedas en Bing
yh » para búsquedas en Yahoo
wa » para búsquedas en Wolframalpha
f » para reportes del tiempo
c » para el uso de la calculadora

Sitio Web | InstantFox

Vía | Killerstartups
Share:

martes, 25 de enero de 2011

Curso de diseño de interacción web y usabilidad - Madrid y Barcelona

Madrid: jueves, 24 de febrero de 2011 (15 plazas)
Barcelona: miércoles, 2 de marzo de 2011 (15 plazas)

Objetivos

El objetivo del curso es analizar, mediante ejemplos de buenas y malas prácticas, las características que deben tener las interfaces para conseguir sitios web eficientes, usables y atractivos.
El curso tiene un enfoque introductorio y práctico, tratando, entre otros temas, las características y principios de usabilidad, el enfoque y metodología de diseño centrado en las personas, los principios de diseño visual y cómo afectan a la claridad, comprensión y eficiencia. Se dedicarán sesiones a aspectos más concretos, pero de gran repercusión en el éxito de un sitio web, como es el diseño de páginas de formularios y la escritura enfocada a Internet.
Así mismo, se presentarán las nuevas tendencias en diseño de experiencia de usuario, como la emoción, la seducción en las interfaces y el neurodiseño para influir en la conversión y en la eficacia de las webs.
Todas las sesiones se complementaran con ejercicios en grupo, asistidos por el profesor, con el objetivo de asentar los conocimientos teóricos impartidos.

Programa

Programa del curso
Horario Actividad
9:15 a 9:30 - Presentación y entrega de documentación
9:30 a 10:00 - Introducción a la usabilidad y diseño centrado en el usuario
10:00 a 11:00 - Wireframes y prototipado
11:00 a 12:00 - Diseño visual para mejorar la usabilidad
Descanso
12:15 a 13:15 - Diseño de formularios
13:15 a 14:15 - Escribir para la web
Pausa para comer
15:45 a 16:45 - Técnicas rápidas de evaluación de usabilidad
16:45 a 17:45 - Diseño de interacción seductora y neurodiseño
Despedida y cierre

¿A quién va dirigido?

Cualquier persona involucrada en la gestión o creación de sitios web: responsables de negocio electrónico, de marketing, desarrolladores, diseñadores, consultores, etc.

Material

Los asistentes recibirán una copia de las diapositivas del curso en papel y en CD.

Fechas y lugar de realización

Madrid
Jueves, 24 de febrero de 2011
CESMA Escuela de Negocios
Paseo de la Habana, 43
Barcelona
Miércoles, 02 de marzo de 2011
Fundació UAB - Hospital de Sant Pau, Casa de convalescència
Sant Antoni Maria Claret, 171

Precio

  • 350 euros por alumno (no incluye I.V.A)
  • 20% de descuento a estudiantes
  • 20% de descuento a empresas que inscriban más de una persona

Vía | Usolab
Share:

martes, 4 de enero de 2011

Como hacer pruebas de Usabilidad

Acabo de leer el blog de Verónica Traynor y verdaderamente me gustó la manera sencilla con que describe el llevar a cabo una prueba de usabilidad con usuarios.
Como hacer pruebas de Usabilidad

La dinámica, en resumen, es la siguiente:
  1. Generar un plan de participación con clientes, colaboradores, etc.
  2. Entrevista con el usuario
  3. Explicación del test
  4. Observación y anotaciones
  5. Generación de informes
  6. Modificación de la interfase
  7. Volver al punto 2
El valor de este plan, reside—precisamente—en la sencillez con que Verónica lo explica y lo transmite; por lo cual recomiendo la lectura del artículo a todo aquel interesado en llevar a cabo pruebas de usabilidad con usuarios, ya que es un excelente tutorial; sean estas sobre el diseño de un sitio Web o, simplemente, una sección esquematizada en papel.

Sitio Web | Tips de Usabilidad y Accesibilidad Web

Entradas relacionadas:
Prototipos en papel para diseño de interfases
Diseño Interactivo para todos: usable y accesible
Curso de diseño de interacción Web y Usabilidad
Share:

miércoles, 29 de diciembre de 2010

Prototipos en papel para diseño de interfases

Prototipos en papel para diseño de interfases

En User Focus han publicado—en forma gratuita, para descarga—un completo stencil en formato PDF que contiene la mayoría de los elementos cotidianos en diseño Web.

Proponiendo de esta forma, un conocido sistema de desarrollo de interfases, basado—precisamente—en elementos sueltos (que luego pueden ser o no pegados) sobre un papel. Es un modelo para recortar que incluye:
  • controles
  • botones
  • íconos
  • calendarios
  • captchas
  • etc.

Sitio Web | User Focus
Formato | PDF
Tamaño | 0.9 Mb
Share:

viernes, 15 de octubre de 2010

Diseño Interactivo para todos: usable y accesible

Diseño Interactivo

Este evento: Diseño Interactivo para todos: usable y accesible, constituye el puntapié inicial del Movimiento de Diseño Inclusivo.

Esta actividad arancelada (1) se desarrollará en:
   Universidad Tecnológica Nacional – Medrano 951
   Ciudad Autónoma de Buenos Aires
   Jueves 28 de octubre de 14:00 a 21:00 hs.
Programa del evento Diseño Interactivo para todos: usable y accesible

Aquellas presentaciones que se lleven a cabo las 14:45 y las 18:00 se se distribuirán en 3 salas distintas; por lo que los asistentes deberán optar a cual concurrir:
  • Técnicas de Usabilidad
  • Accesibilidad Web
  • Diseño Centrado en el Usuario

De todas maneras, está disponible el Programación del Evento

Queremos que el diseño haga usable y accesible para todas las personas cada producto o servicio interactivo, sin importar el nivel de alfabetización digital y las capacidades físicas, sensoriales, e intelectuales que tengan.

Sitio Web | Movimiento de Diseño Inclusivo
Vía Twitter, gracias a Verónica Traynor
(1) Arancel: $30 = U$S 7.50 (reembolsable)
Share:

miércoles, 15 de septiembre de 2010

Curso de diseño de interacción Web y Usabilidad

Madrid: jueves, 21 de octubre de 2010 (15 plazas)
Barcelona: jueves, 4 de noviembre de 2010 (15 plazas)

Objetivos

El objetivo del curso es analizar, mediante ejemplos de buenas y malas prácticas, las características que deben tener las interfaces para conseguir sitios web eficientes, usables y atractivos.
El curso tiene un enfoque introductorio y práctico, tratando, entre otros temas, las características y principios de usabilidad, el enfoque y metodología de diseño centrado en las personas, los principios de diseño visual y cómo afectan a la claridad, comprensión y eficiencia. Se dedicarán sesiones a aspectos más concretos, pero de gran repercusión en el éxito de un sitio web, como es el diseño de páginas de formularios y la escritura enfocada a Internet.
Así mismo, se presentarán las nuevas tendencias en diseño de experiencia de usuario, como la emoción, la seducción en las interfaces y el neurodiseño para influir en la conversión y en la eficacia de las webs.
Todas las sesiones se complementaran con ejercicios en grupo, asistidos por el profesor, con el objetivo de asentar los conocimientos teóricos impartidos.

Programa

Programa del curso
Horario Actividad
9:15 a 9:30 - Presentación y entrega de documentación
9:30 a 10:00 - Introducción a la usabilidad y diseño centrado en el usuario
10:00 a 11:00 - Wireframes y prototipado
11:00 a 12:00 - Diseño visual para mejorar la usabilidad
Descanso
12:15 a 13:15 - Diseño de formularios
13:15 a 14:15 - Escribir para la web
Pausa para comer
15:45 a 16:45 - Técnicas rápidas de evaluación de usabilidad
16:45 a 17:45 - Diseño de interacción seductora y neurodiseño
Despedida y cierre

¿A quién va dirigido?

Cualquier persona involucrada en la gestión o creación de sitios web: responsables de negocio electrónico, de marketing, desarrolladores, diseñadores, consultores, etc.

Material

Los asistentes recibirán una copia de las diapositivas del curso en papel y en CD.

Fechas y lugar de realización

Madrid
Jueves, 21 de octubre de 2010
CESMA Escuela de Negocios
Paseo de la Habana, 43
Barcelona
Jueves, 04 de noviembre de 2010
Fundació UAB - Hospital de Sant Pau, Casa de convalescència
Sant Antoni Maria Claret, 171

Solamente hay 15 plazas disponibles para cada fecha


Vía | Usolab
Share:

viernes, 20 de agosto de 2010

Como generar un código QR

En el sitio Web de kaywa.com hay disponible una aplicación que te permite generar código QR tanto para:
  • URL
  • texto
  • números de teléfono
  • mensajes SMS

Como generar un código QR
Código QR de la URL de Utilidades para Webmasters

El código puede ser guardado como imagen. Está disponible—también—el permalink correspondiente o, de otra manera, el código javascript para mostrarlo.

Sitio Web | QR-Code Generator
Entrada relacionada | Maldito código de barra bidimensional

Descargar | Kaywa Reader para tu móvil
Share:

lunes, 3 de mayo de 2010

Bad Usability 2010 | Calendario

Como todos los años, la consultora Netlife Research publica un calendario gratuito. Que puede ser descargado en formato PDF y con soporte de idioma.

A la fecha, los siguientes idiomas están disponibles—entre paréntesis el tamaño del archivo PDF—
  • English (4,6 Mb)
  • Norsk (Bokmål) (4,4 Mb)
  • Français (4,7 Mb)
  • Polish (3,9 Mb)
  • Italiano (3,9 Mb)
  • Svenska (10,5 Mb)
  • Deutsch (3,7 Mb)
  • Russian/Pусский (4,4 Mb)
  • Español (1,1 Mb)
  • Aragonés (1,1 Mb)
  • Estonian/Eesti keeles (1,1 Mb)
  • Nederlands (1,1 Mb)
  • Türkçe (1,1 Mb)
  • Lietuvių/Lithuanian (1,1 Mb)
  • Norsk (Nynorsk) (1 Mb)

Bad Usability 2010 | Calendario

La misión—como siempre—es la usabilidad y el diseño centrado en el usuario ;-)

Sitio Web | Bad Usability
Vía | Accesibilidad y Usabilidad en Internet
Share:

martes, 6 de abril de 2010

El 69% del tiempo se mira la mitad izquierda de la pantalla

Así lo rebela un alerta de Jakob Nielsen, desde su sitio Web; en la entrada publicada Horizontal Attention Leans Left

El nivel de atención del usuario, varía de la izquierda a la derecha de la pantalla, según el siguiente gráfico:

El 69% del tiempo se mira la mitad izquierda de la pantalla

Cada barra, representa la cantidad de tiempo que el usuario dedica cada 100 pixels recorriendo la pantalla de izquierda a derecha.

La mayoría de los usuarios, dedican más del doble de tiempo—en cuanto a la atención que prestan—de la mitad de la pantalla hacia la izquierda, que a la derecha.

Vía > Twitter > geosdigital
Share:

domingo, 24 de enero de 2010

Música y Archivos

Motores de búsqueda alternativos


Music & Files

Music & Files es un motor de búsqueda que indexa archivos alojados en:
  • RapidShare
  • Megaupload
  • Badongo
  • FileFront
En los resultados de búsqueda pueden observarse: descripción del archivo y extensión, fecha en que el archivo fue subido, tamaño y descripción—si la hubiera—

Vía | Feedmyapp
Share:

jueves, 17 de diciembre de 2009

Como los visitantes ven mi sitio | Google Browser Size

Google Browser Size

Este es un nuevo producto de Google Labs que nos facilita la tarea de comprender como diferentes usuarios con diferentes resoluciones de pantalla perciben a primer golpe de vista nuestro sitio Web.


De esta forma y con esta herramienta se puede comprobar con facilidad que en la imagen—ver ejemplo arriba—
  • 10% no vería el enlace para registrarse al blog
  • 5 - 7% de los visitantes no vería el botón de Suscripción RSS
  • 10 - 20% no verían—a menos que hagan un scroll vertical, claro está—ambos banners de publicidad de 125px de lado
Cuenta Arthur Blume—integrante del equipo de desarrollo de Google Browser Size—que las descargas de Google Earth se incrementaron sólo un 10% por subir 100px el botón de descarga.

Creo que, si en algo deseamos mejorar alguna de las conversiones; no está de más llevar a cabo algunas de estas comprobaciones.

Sitio Web | Google Browser Size
Vía | Google blog
Share:

jueves, 10 de diciembre de 2009

SEO on-page

SEO
Pienso en el SEO como en el mantenimiento del vehículo


Visto en | SpringBoardSEO - Ultimate Guide to Measuring Quality Backlinks
Share:

jueves, 19 de noviembre de 2009

Como organizar la barra de estado de Firefox

Organize Status Bar es el tipo de extensión que, me alegra que alguien por fin! se haya decidido a escribirla.

El cometido y verdadero significado de esta extensión para Firefox es ordenar la barra de estado. Lo cual permite, de una vez por todas, tener las cosas en el lugar que las necesitamos.

Organize Status BarDe idéntica forma, esta extensión puede ocultar el estado de otra extensión—en la barra de estado, por supuesto.

Instalar extensión | Organize Status Bar
Sitio Web del autor | http://yellow5.us/firefox/osb/
Share:

martes, 10 de noviembre de 2009

Introducción a la Usabilidad

El informe APEI sobre Usabilidad



En nosolousabilidad han publicado la noticia sobre la disponibilidad del documento Informe APEI sobre Usabilidad. Cuyos autores son Yusef Hassan Montero y Sergio Ortega Santamaría.

Un informe de 74 páginas con la siguiente estructura:

0. Introducción
1. Definición y conceptos
1.1. La experiencia del usuario
1.2. Simplicidad
2. El factor humano
2.1. Percepción visual
2.2. Cognición
2.3. Modelos mentales
2.4. El sujeto como ser social
3. Diseño centrado en el usuario (DCU)
3.1. Introducción
3.2. Metodologías y técnicas de DCU
3.3. Documentación del diseño
4. Conclusiones
5. Bibliografía

Introducción a la Usabilidad

Importante: se trata de una Edición sostenible. Los informes de APEI están editados como documentos electrónicos de lectura en pantalla. Si no es necesario, no los imprimas. Si los imprimes, hazlo a doble cara.
Share:

viernes, 25 de septiembre de 2009

Bigola Multi Search

Motores de búsqueda alternativos


Bigola Multi Search

Bigola es un motor de búsqueda que combina resultados de Twitter, Digg, Youtube, Friendfeed y Technorati.

Motores de búsqueda alternativos

Los resultados de las búsquedas pueden ser filtrados por los sitios que soporta. Bigola, es un claro ejemplo del uso de cada una de las APIs que los motores de búsqueda ofrecen.

Sitio Web | Bigola Multi Search
Vía | Feedmyapp
Share:

viernes, 24 de julio de 2009

Todas las opciones de tus extensiones en un solo lugar

Se trata de Options Menu, una extensión que ha escrito James R Skinner, la cual ayuda a mejorar la usabilidad en Firefox, ya que reúne en un sólo lugar el acceso a las opciones de cada una de las extensiones instaladas.
Previo a la instalación de esta extensión el acceso a las opciones de cualquier extensión de Firefox va por el conocido camino:
  • Herramientas
  • Agregados
  • Elección de la extensión
  • Opciones
Options MenuAhora, con la extensión ya instalada esto es accesible desde el botón en la Toolbar o, de otra manera, vía menú Herramientas.

Vía | Mozilla Links
Instalar extensión | Options Menu
Share:

miércoles, 18 de marzo de 2009

Accesibilidad | Usabilidad

Independientemente que le he respondido por mail a Sergio, autor del blog Accesibilidad en la Web. Quiero, además, por este medio; agradecerle la deferencia y la aclaración que ha tenido en publicar una nueva entrada con respecto a Definición de accesibilidad, ¿Accesibilidad vs usabilidad?

Como se lo he manifestado, también comparto desde ese punto de vista, que los alcances de la Usabilidad se hayan comprendidos dentro de la Accesibilidad Web.

Mi intención, no sólo agradecer nuevamente; sino, además, recomendar la lectura de un excelente artículo.
Share:

martes, 3 de marzo de 2009

Facilidad de lectura | Readability

Facilidad de lectura | ReadabilityReadability es una interesante herramienta que permite comprobar la dificultad que existe en cuanto a comprender y seguir con atención un texto donde la longitud de la línea y el párrafo es muy extensa.
Modificando así el tamaño de la fuente, el ancho del párrafo y el estilo de la visualización.

Permite, además, instalar una barra de herramientas para que pueda modificarse la visualización de cualquier página Web.
Share:

jueves, 20 de noviembre de 2008

Los blogs que te interesan en un solo feed

Olga Carreras (una de las referencias en cuanto a usabilidad/accesibilidad del panorama hispano) no deja de sorprenderme. Tiempo atrás, comenté acerca de la iniciativa que tuvo al respecto de poner a disposición un buscador especializado en temas relacionados con la accesibilidad y la usabilidad web. Basándose, precisamente, en la tecnología Google para crear un motor de búsqueda personalizado.
Ahora, sacando partido de Planetaki ha compartido, haciendo público, los feeds que ha reunido en su planeta (esa es precisamente la filosofía de Planetaki) llamado Blogs preferidos de Usable y Accesible
El mismo cuenta con un canal de sindicación

PlanetakiLo cual resulta atractivo para seguir dicho planeta desde tu propio lector de noticias.
Al momento de escribir estas líneas, ya participan 44 sitios en el planeta de Olga.
Además, puede que haya otros planetas que te intereren...
Share:

Publicidad

Estadísticas