Diseño de iconos

De acuerdo con Marcus [1992] existen 5 niveles en el diseño de iconos agregando semiótica:

Cualidades léxicas. Marcas generadas por computadora [silueta de pixels, color, brillo, parpadeo]
Sintaxis. Apariencia y movimiento [líneas, patrones, partes modulares, tamaño, forma]
Semántica. Objetos representados [concreto frente abstracto, parte frente todo]
Pragmática. Legibilidad, utilidad, facilidad para identificarlo, facilidad para memorizarlo y agradabilidad a nivel [...]

An Informal Tool For Early Stage Web Site and UI Design

DENIM es un software desarrollado por la Universidad de Washington para crear mapas de navegación e interfaces de baja fidelidad ahorrándonos tiempo.

Este software permite componer secuencias de visualizaciones en sólo unas pocas horas, hacer revisiones rápidas y pruebas de usabilidad en las primeras etapas del proyecto.
Es fácil de usar, además de que está disponible para Windows, [...]

El primer paso para la recuperación es admitir que ha perdido el control de la página principal

Diseño de la página principal
Algunas cosas que debe tener una página principal:

Identidad y misión del sitio. La página principal tiene que decirnos qué es este sitio y para qué es, y si es posible, por qué deberíamos estar aquí y no en otro sitio.
Jerarquía del sitio. La página principal tiene que dar una visión conjunta [...]

Señales en la calle y migas

Diseño de la navegación
Convenciones de la navegación web
Las convenciones especifican, la apariencia y la ubicación de los elementos de navegación, de manera que nos permiten saber en todo momento lo que buscamos y dónde encontrarlo cuando lo necesitamos.
Navegación coherente o global. Conjunto de elementos de navegación que aparecen en todas las páginas del sitio. 
Jerarquía visual [...]

Omisión de palabras…

… innecesarias, el arte de no escribir en la Web
 
17. Omítanse las palabras innecesarias.
La escritura vigoroso es concisa. Una frase no debe tener palabras innecesarias y un párrafo debe omitir las frases superfluas por el mismo motivo que el dibujo debe prescindir de las líneas innecesarias y cualquier aparato de las partes inútiles.
E.B. White en [...]

Diseño de rótulos 101

Diseño de páginas para hojear, no para leer
Para asegurar que ven los usuarios:

Creación de una jerarquía cisual clara en cada página.
División de las páginas en zonas claramente definidas.
Dejar bien claro sobre lo que se puede hacer clic.

Creación de una jerarquía visual clara
Qué cosas están relacionadas entre sí y cuáles son parte de otras.
Las páginas con una [...]

¡No me hagas pensar!

Primera norma de la usabilidad de Krug
Todo lo que con ello quiero decir es que, hasta lo humanamente es posible, cuando se mire una página web ésta ha de ser obvia, evidente, clara y fácil de entender.

‘Entender’ = qué es y cómo usarla.

Lo que nos hace pensar

Vínculos
Botones

Nos hacen dudar si podemos o no pulsarlos.
Lo que [...]

International Journal of Design

Es una revista open-access y peer-reviewed con artículos bastante interesantes…
http://www.ijdesign.org/ojs/index.php/IJDesign/

Thoughts on Interaction Design

Un recurso interesante sobre Diseño de interacción, disponible en: http://www.thoughtsoninteraction.com/contents.php

Menús desplegables

Los menús desplegables definitivamente ahorran espacio. Desafortunadamente, sufren de algunos problemas:

Tiene que buscarlos.
Son difíciles de consultar.
Resultan incómodos.

Los desplegables son más eficaces para listas de elementos conocidos ordenados alfabéticamente.
La solución…

¿Supone este desplegable con estos elementos y estos términos dentro de este contexto particular una buena experiencia para la mayoría de las personas que probablemente utilicen este sitio?