no me hagas pensar, en wordpress2014.wpcantabria.es/.../02-no-me-hagas-pensar.pdf · 2014-11-17 ·...
TRANSCRIPT
No me hagas pensar,en WordPress
José Manuel Díaz Pérez @josedetorre
● 17 años haciendo web● 12 años java + frontend
● 5000 usuarios
Construir aplicaciones de captura de datosGuiar al usuario: menos tiempo y errores
● 30 segundos * 5000 usuarios = +40 horas
José Manuel Díaz Pérez
¿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
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 futuro- Troleo de páginas mal diseñadas
¿Qué NO voy a contar hoy?
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 me hagas pensar
No sabemos como funciona,“nos apañamos”
Si algo nos funciona, ya no lo cambiamos
No me hagas pensar en la página principal
No me hagas pensar
VER FOLLETO
VER FOLLETO
IDENTIDAD
No me hagas pensar
No me hagas pensar
VER FOLLETO
JERARQUIA
No me hagas pensar
VER FOLLETO
CONTENIDO ACTUALIZADO
POR DONDE EMPIEZO
No me hagas pensar en páginas interiores
No me hagas pensar
¿Dónde estoy?
No me hagas pensar
¿Quién eres?
- 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 principalo Logotipo y Lemao Servicios auxiliareso¿Barra lateral?
• Página de artículoo Título de la página o artículoo Navegación principal y lateralo 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
No me hagas pensar, en WordPress
functions.php
Menús auxiliares
No me hagas pensar, en WordPress
header.php<?php get_template_part( 'menu', 'auxiliar' ); ?>
menu-auxiliar.php
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