Archives Posts
Marzo 8th, 2007 by gbuzzi
Andy Budd actualizó la lista de heurísticos:
- Diseño que cubra las expectativas de los usuarios
- Elegir funcionalidades que ayuden a los usuarios a satisfacer sus necesidades y objetivos
- Hacer uso de las convenciones de la web
- Que los procesos online sean como sus equivalentes en el mundo offline, si procede
- No hacer uso de botones y etiquetas engañosas
- Claridad
- Escritura clara y concisa
- Usar el lenguaje técnico sólo cuando la audiencia tenga ese perfil
- Hacer uso de un rotulado claro y significativo
- Hacer uso de iconos significativos
- Minimizar la carga cognitiva y la complejidad innecesaria
- Quitar funcionalidades innecesarias, así como pasos de procesos que sobren
- Usar un acceso progresivo a las funcionalidades avanzadas (algo así como que haya acceso a funcionalidades avanzadas, pero que no influyan en la interfaz)
- Fragmentar procesos complejos en pasos más simples y cortos
- Dar relevancia y aportar jerarquía haciendo uso del tamaño, la forma, el color, la alineación y la proximidad
- Eficiencia en el completado de tareas
- Proporcionar accesos rápidos a las funcionalidades más habituales
- Proporcionar funcionalidades avanzadas (pone el ejemplo de borrar varios registros de una vez)
- Presentar ya seleccionadas las opciones más comunes o predecibles
- Permitir que las opciones por defecto se puedan cambiar, eliminar o sobreescribir
- Evitar los pasos innecesarios en los procesos
- Proporcionar contexto a los usuarios
- Proporcionar claramente el nombre del sitio web y su objetivo
- Resaltar la opción actual de navegación
- Proporcionar un seguimiento de navegación a través de migas de pan
- Proporcionar mensajes de sistema adecuados, comprensibles
- Mostrar el número de pasos de los que consta un proceso
- Reducir la sensación de tiempo de latencia, proporcionando pistas visuales o permitiendo que los usuarios realicen otras tareas mientras esperan
- Consistencia y estándares
- Utilizar nomenclatura convencional
- Situar los elementos en los lugares convencionales (pone el ejemplo de las cajas de búsqueda en la zona superior derecha de la pantalla)
- Use the right interface element or form widget for the job
- Crear un sistema que se comporte de forma predecible
- Usar procesos estándar y patrones de diseño
- Prevención de errores
- Deshabilitar opciones irrelevantes
- Permitir el uso de formatos numéricos locales e internacionales (por ejemplo, horarios, telefónicos, etc.)
- Proporcional ejemplos y ayuda contextual
- Comprobar si el nombre de usuario está disponible antes de que el usuario se registre
- Propocionar ayuda al usuario, hacerle comprender y sacarle de los errores
- Resaltar visualmente los errores
- Proporcionar mecanismos de contacto cuando se produzca un error
- Hacer uso de mensajes claros y evitar la jerga técnica
- Promover una positiva y agradable experiencia de uso
- Crear un diseño agradable y atractivo
- Proporcionar un sistema que haga visible la consecución de los objetivos, con facilidad
- Proporcionar un sistema de recompensas en el uso y progresión de los pasos de los procesos; que el usuario sienta y note los progresos
Archives Posts
Marzo 7th, 2007 by gbuzzi
¿Por qué tengo la sensación de que en los sectores de markting o agencias que se estan metiendo en todo lo online no le dan el espacio, ni a importancia debida a la usabilidad y arquitectura de información? El proceso metodológico/productos finales deben tener como objetivo asegurar que se diseña por y para el usuario final durante todo las fases del proyecto.
Encontré un texto escrito por Alfonso de la Nuez que resume lo siguiente:
- La usabilidad
no debe interpretarse y ejercitarse desde un área o departamento más de la organización
La usabilidad es estratégica para el éxito on-line
- Uno de los factores de la desvaloración de la usabilidad y la arquitectura de información radica en el
desconocimiento del impacto que tiene en el comercio electrónico y la imagen de marca on-line
- Definición de estrategia según el Diccionario Merriam Webster Collegiate:
arte de la creación e implantación de un plan o proceso hacia la obtención de un objetivo
- Más importante resulta la definición de planificación estratégica:
esfuerzo disciplinado para tomar decisiones y acciones que forman y guían a una organización (o entidad) hacia lo que es, lo que hace y por qué lo hace
- Una frase que me ha resutado odiosa, hablando de las cosas que se pyeden aún escuchar por ahí:
Este cliente no busca usabilidad, sino diseño�?�
La usabilidad no es un control de calidad
, y su opuesto, es prácticamente imposible que una web de alta calidad sea pobre en usabilidad
- Una concepción del diseño de un producto
como la definición funcional de dicho producto
, según palabras de Tom Peters
- Gran frase:
No se puede elegir entre diseño o usabilidad
La usabilidad de una página web debe ser casi la obsesión del directivo o responsable de la web
- Usabilidad estratégica como diseño centrado en el usuario
¿Qué debemos hacer para tratar la usabilidad como algo estratégico?
- Concienciación y homogeneización a través de la empresa
- Conozcamos mejor a nuestro usuario objetivo
- Definamos una metodología y apliquémosla de manera disciplinada
Les dejo acá una entrevista realizada a Alfonso de la Nuez y algo más para leer
Archives Posts
Febrero 17th, 2007 by gbuzzi
JJ Garrett (el padre de AJAX) formuló un vocabulario basado en diagramas de flujos para unificar la descripción de la AI y el diseño de interacción, sería bueno empezar a usarlo no?
Arquitectura de información y diseńo de interacción son dos caras de la misma moneda (Ver “Los Elementos de la Experiencia de Usuario” ) Los diagramas de sitios involucran ambas caras pero los objetivos del diagrama son diferentes, el diagrama se enfoca en la macro-estructura, el arquitecto determinar el nivel apropiado de detalle para lograr este objetivo. El detalle específico a nivel de página o micro-estructura, es detallado en otros documentos de los cuales el arquitecto puede no ser directamente responsable de desarrollar.
Cuando hablamos de arquitectura de información, el diagrama debiera enfatizar la estructura conceptual y organización del contenido. La estructura conceptual no es lo mismo que la organización de navegación. El objetivo del diagrama de arquitectura de información no es entregar una especificación de navegación completa; este detalle es mejor puesto en otros documentos, donde cauce menos riesgo de confundir y distraer.
Cuando hablamos de diseño de interacción, el diagrama debiera enfatizar cómo el usuario fluye a través de tareas definidas, y lo que son los pasos discretos en estas tareas. Tal como con la navegación, los detalles de interfaz no debieran aparecer en el diagrama.
El modelo conceptual que se presenta es simple y abarca tanto arquitectura de información como diseńo de interacción:
- El sistema presenta al usuario caminos.
- El usuario se mueve a través de estos caminos mediante acciones.
- Estas acciones entonces causan al sistema a generar resultados.
Acá podes ver como se arma el sistema completo, aquí hay un diagrama de muestra de la arquitectura de información y diseńo de interacción de MetaFilter. Scott Larson creó esta práctica hoja de trucos para una referencia rápida a los varios elementos condicionales. OmniGraffle 2.0 es la primera aplicación con soporte incorporado para el vocabulario visual
Librerías:

dedicado a Castenetto
Archives Posts
Diciembre 2nd, 2006 by gbuzzi
Los Weby Awards son los oscars de internet, se caracterizan por premiar la excelencia en diseño web, creatividad, usabilidad y funcionalidad. El jurado está integrado por perfiles muy disímiles entre sí: participan músicos de la talla de David Bowie o Beck, como también Matt Groening, el creador de ‘Los Simpsons’, periodistas especializados y los publicistas más prestigiosos del mundo. Este año presentan 15 nuevas categorías relacionadas con la publicidad interactiva y el video online. Para presentar las candidaturas de sitios web, publicidad interactiva o vídeo online en cualquiera de las más de 100 categorías de la 11ª edición de los Webby Awards, hay que visitar www.webbyawards.com antes del 15 de diciembre de 2006. Los nominados se anunciarán en abril de 2007 y los ganadores en junio del mismo año. Aca pueden ver los ganadores del año pasado
Archives Posts
Noviembre 26th, 2006 by gbuzzi
SitePoint pblicó Estos errores SEO :
- Usar un título no estándar (llenando y repitiendo la palabras claves)
- El no optimizar el etiquetado de las imágenes (uso correcto del atributo alt)
- Utilizar código javascript ilegible por los robots, pudiendo utilizar código legible
- No indicar la jerarquía del contenido utilizando las cabeceras (h1, h2,…)
- Pobre gramática y ortografía
Archives Posts
Septiembre 2nd, 2006 by gbuzzi
Sonicforms, una interfaz open source pensada para la creación audiovisual. Se deja de pinchar para mover las fichas de esta interfaz física, una forma de crear música instantáneamente y siguiendo un proceso de interacción. En una excelente interfase se logra una eficas interaccion, moviendo objetos en un entorno de proyección visual controlado por software, se puede llegar a crear sorprendentes sonidos, efectos……. hasta donde llegaremos?
aca les dejo para que vean el video