El auge del Departamento de Interfaz

[...] Las buenas interfaces dan soporte a los objetivos de los visitantes (y clientes), respondiendo visual y estructuralmente a dos cuestiones apremiantes:

¿Qué es esto? ¿Qué clase de sitio es este? ¿Cuál es su finalidad? ¿Qué mensajes se están transmitiendo o qué servicios se ofrecen? ¿A quienes va dirigido este sitio? Si está dirigido a mí [...]

Tabla periódica “Métodos de Visualización”

El modelo de proceso de la Ingeniería de la Usabilidad

Propuesto por Mayhew, consta de tres fases:

Análisis de requisitos.
Diseño, evaluación y desarrollo.
Instalación.

Análisis de requisitos

Establecimiento del perfil del usuario.
Análisis conceptual de las tareas.
Definición de las restricciones y necesidades de la plataforma de uso.
Principios de diseño a aplicar.

Diseño, evaluación y desarrollo
Se definen tres niveles:

Diseño conceptual. Construcción de maquetas que representan la interacción con el sistema.
Diseño de las [...]

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 [...]