No me hagas pensar, en WordPress - 2014.wpcantabria.es

No me hagas pensar. Sentido Común ¡Atentos al 10%! ¿Qué es la Usabilidad? - Reglas de usabilidad concretas y rápidas - Cómo va a ser Internet en el fu...

21 downloads 527 Views 7MB Size
No me hagas pensar,
 en WordPress José Manuel Díaz Pérez @josedetorre

José Manuel Díaz Pérez ● ●

17 años haciendo web 12 años java + frontend



5000 usuarios

Construir aplicaciones de captura de datos Guiar al usuario: menos tiempo y errores ●

30 segundos * 5000 usuarios = +40 horas

¿Qué es la Usabilidad?

Entendible: ¿puede imaginarse como funciona? Sencillo: ¿pocos pasos o está muy explicado? Disfrutable: ¿mola usarlo? ¿es agradable? ¿gracioso?

No me hagas pensar

¿Qué es la Usabilidad?

Una persona con habilidad y experiencia media (o incluso menor) puede darse cuenta de como usarlo sin complicarse la vida más de lo necesario.

No me hagas pensar

¿Qué es la Usabilidad?

Sentido Común ¡Atentos al 10%!

¿Qué NO voy a contar hoy?

-

Reglas de usabilidad concretas y rápidas Cómo va a ser Internet en el futuro Troleo de páginas mal diseñadas

No me hagas pensar

No les hagas pensar

No me hagas pensar

No leemos: escaneamos

No me hagas pensar

No me hagas pensar

No me hagas pensar

No leemos: escaneamos

Buscamos una solución, no la mejor

No me hagas pensar

No leemos: escaneamos Buscamos una solución, no la mejor

No sabemos como funciona, “Nos apañamos”

No sabemos como funciona, “nos apañamos”

Si algo nos funciona, ya no lo cambiamos

No me hagas pensar

No me hagas pensar en la página principal

VER FOLLETO

No me hagas pensar

IDENTIDAD

VER FOLLETO

No me hagas pensar

JERARQUIA

VER FOLLETO

No me hagas pensar

CONTENIDO ACTUALIZADO

POR DONDE EMPIEZO

VER FOLLETO

No me hagas pensar

No me hagas pensar en páginas interiores

No me hagas pensar

¿Dónde estoy?

¿Quién eres? No me hagas pensar

- Independiente vs dependiente - Secciones principales - Secciones secundarias - Búsquedas - Utilidades auxiliares

No me hagas pensar

Hay diferencias entre la web y una tienda real • No hay sentido del tamaño • Ni hay sentido de dirección • Ni de localización

No me hagas pensar

No me hagas pensar

No me hagas pensar en WordPress

Distintos tipos de páginas • Página principal o Logotipo y Lema o Servicios auxiliares o¿Barra lateral? • Página de artículo o Título de la página o artículo o Navegación principal y lateral o Miga de pan • Páginas de búsqueda: sin laterales • Formularios: sin nada

No me hagas pensar, en WordPress

Distintos tipos de páginas

No me hagas pensar, en WordPress

El lema: quién eres

No me hagas pensar, en WordPress

Menús auxiliares

functions.php

No me hagas pensar, en WordPress

Menús auxiliares

header.php

menu-auxiliar.php

No me hagas pensar, en WordPress

Ubicando al usuario •

No me hagas pensar, en WordPress

Ubicando al usuario •

No me hagas pensar, en WordPress

No me hagas pensar, Steve Krug

No me hagas pensar, en WordPress

No me hagas pensar en WordPress