Posts en la categoría 'diseño de interfaces'

da el control a los usuarios

en su libro “The Elements of user interface design”, Theo Mandel cuenta la siguiente anécdota para ilustrar una de las reglas de oro del diseño de interfaz, da el control a los usuarios:

“After designing a complex of buildings, an architect was supposed to design the walkways between the buildings. He did not assume that he knew how users would really use the walkways between the buildings. So he didn’t design the walkways or build them at the same time as the buildings. Rather, he had fields of grass planted between the buildings. It is rumored that even he posted signs saying, “Please walk on the grass.” A few months after the buildings were completed, he came back and saw where the most worn paths were where people walked across the grass between buildings. Then he knew where he should put the walkways.”

interfaces

Interfaces are about visual design, about information design and about interaction design.

Una esclarecedora definición de Andrei Herasimchuk, en una interesantísima discusión sobre interfaces flash en Interaction Design Discussion List

copiando buenas ideas: 1976 design

Un par de ideas sacadas del blog 1976design:

  1. Encabezar el contenido del blog anunciando cúantos post se muestran.

    captura de pantalla donde se muestra el titular: Los últimos siete posts en el blog de Dustan

    Puede ser muy útil de cara a la usabilidad. Cada vez más gente que no está acostumbrada al mundo de los blogs encuentra contenido en ellos a través de los buscadores y es interesante indicarles el comportamiento básico de un blog: anotaciones en orden cronológico, expuestas de la más reciente a la última en el tiempo.

  2. Marcar el código como un listado ordenado, para poder luego señalar una linea en concreto.

    captura de pantalla donde se muestra un código de ejemplo formateado como una lista ordenada

    Además de imitar el comportamiento de muchos editores de código, y de facilitar la lectura, permite citar una línea de código en concreto para poder discutir sobre ella (algo habitual en los blogs sobre diseño web)

sistemas de navegación

Los sistemas de navegación son una pieza de vital importancia para la experiencia del usuario de nuestro sitio web. Su aparente sencillez es lo que hace que a menudo olvidemos su importancia y descuidemos su elaboración.

Todo buen sistema de navegación debe satisfacer al menos los siguientes objetivos:

  • Establecer un modo de ir de un sitio a otro dentro de la web. La navegación debe ser clara, concisa, consistente y facilmente identificable dentro de la página.
  • Comunicar al usuario la relación entre el contenido que está visualizando y la navegación del sitio. Debemos permitir que el usuario sepa en todo momento dónde se encuentra, hacia donde puede ir desde este punto y que partes del sitio ha visitado ya.
  • Reflejar la arquitectura del sitio que subyace al sistema de navegación. Debemos diferenciar la navegación global, la navegación local o subsecciones y la navegación contextual.
  • Permitir volver a la página de inicio rapidamente. En un sitio web la página de inicio sirve como punto de partida y como lugar al que volver cuando nos encontramos perdidos, por eso debe ser sencillo ir a este punto desde cualquier parte del sitio.

historia de Photoshop

barra de herramientas de Photoshop 0.85
Investigando sobre la biografía de Andrei Herasimchuk, el autor del genial blog sobre diseño web, design by fire, he encontrado un genial enlace a un documento en PDF sobre la historia de Photoshop.

Sobre blogold

blogold era un blog sobre desarrollo y estándares web, diseño gráfico, usabilidad, new media y ciberespacio.


Otros blogs de ávidos

ring
blog sobre desarrollo y usabilidad web para dispositivos móviles.
detalles
blog sobre diseño gráfico, ilustración, motion graphics y street art.
blog
noticias sobre los últimos movimientos y proyectos de ávidos.