PDF de programación - No me hagas pensar en WordPress

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:
Sencillo:
Disfrutable:

¿puede imaginarse como funciona?

¿pocos pasos o está muy explicado?

¿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
<?php get_template_part( 'menu', 'auxiliar' ); ?>
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