PATRONES DE DISEÑO WEB

Alex Naupay

El INICIO DEL CAMINO A LA SOLUCIÓN

Agenda

Patrones de diseño

Registro de cuenta

Registro Lento (Lazy registration)

Votar para promover

Obtención de información

PATRÓN

DE DISEÑO

PATRÓN DE DISEÑO

o Los patrones de diseño son la base para las

soluciones a problemas comunes.

o Conjunto de recomendaciones.

o Pieza de conocimiento: problema, contexto,

solución, ventajas, desventajas, ..

Pretensiones Reutilizar la experiencia

Formar un vocabulario común

Estandarizar el modo de realizar un diseño

Facilitar el aprendizaje a las nuevas generaciones

o Son un punto de partida, no un destino.

o No están bien o mal, son más útiles o

menos útiles.

o No son una solución en sí misma.

o No son dogmas.

o Son producto de la experiencia.

A tener en cuenta

ww

w.f

lickr.

co

m/p

ho

tos/h

an

sp

oo

/36

58

28

76

58

ÁMBITOS DE APLICACIÓN

Gran éxito en el desarrollo de software

Patrones de diseño de interfaces de usuario

o Intentan definir las mejores formas de construir

interfaces para la interacción hombre-

computadora.

o Buscan la reutilización de interfaces eficaces y

un manejo óptimo de recursos. Haciendo más

eficaz el consumo del tiempo en diseño.

REGISTRO

DE CUENTA

REGISTRO DE CUENTA

Problema

Se quiere conocer al usuario

Usos

Proteger el acceso al sitio.

La información a mostrar depende de quién es

el usuario.

• Ubicación geográfica, zona horaria, edad,

intereses, interacciones anteriores, etc.

Solución

Permitir al usuario registrar una cuenta en el sitio web

para recordar sus detalles y mostrarle contenidos

personalizados.

Razón fundamental

Saber quién usa el sistema

Saber la frecuencia de visita

Se sabe que hacen en el sitio web

Se podrían diferenciar precios, contenidos, etc.

Puede ofrecer algo diferente a usuarios habituales

Almacenar más información para usarlo después

REGISTRO DE CUENTA

• Prefieren el anonimato.

• Cada campo es un impedimento

capaz de provocar abandono.

• Completar es desagradable

Formularios en la web, recomendaciones generales de diseño http://www.alzado.org/articulo.php?id_art=50

Preferimos el anonimato

Solo pida información absolutamente necesaria

Infiera información

Pida datos una sola vez

Trate de reutilizar campos

Agrupe campos lógicamente. Aconsejable los obligatorios

primero

Libera la carga visual

No tenemos

tiempo

http

://w

ww

.flic

kr.

co

m/p

ho

tos/b

ein

gh

um

an

fore

ve

r/8

22

99

51

88

3

Recomendaciones El botón de registro debe ser

claro y llamativo.

Ubicar el botón en lugares clave.

Proporciona retroalimentación al usuario.

Retroalimente sobre disponibilidad de usuario instantáneamente.

Proporcione un medidor de seguridad de contraseña.

La fortaleza de la contraseña, depende de la necesidad de

protección.

http

://w

ww

.flic

kr.

co

m/p

ho

tos/6

58

19

19

5@

N0

0/9

13

16

96

83

6

Nunca hagas

pensar a tu

usuario

Describa detalladamente como llenar el formulario.

Redacte instrucciones en forma positiva.

Usa lenguaje sencillo y claro. http

://w

ww

.flic

kr.

co

m/p

ho

tos/e

co

gre

en

tech

co

/56

33

65

58

55

1

2

3

1

3

2

× Muchos campos

× Diferentes

idiomas

× Obligatorios

× Teléf. y celular

× FEHLT?

× 2 direcciones

× No infiere postal

× Agrupación

Así No

REGISTRO

LENTO

REGISTRO LENTO

Problema

El usuario quiere usar y probar el sitio sin

registrarse formalmente.

Usos

Navegación sin registro.

Registro es un gran paso para el usuario.

Probar y comparar con otras alternativas.

El registro involucra dinero.

No ejercer presión sobre el usuario.

Idea de tiempo.

Deja Interactuar

al usuario

REGISTRO LENTO

Solución

o Permita que interactúe con el sistema y

posponga el registro.

o Versión ligera – carros de compra.

o Versión pesada – crear una cuenta anónima.

Razón fundamental

Incentiva para que te den sus datos.

El servicio debe valer la pena.

Ofréceles protección y seguridad.

Jamendo.com

http://spanish.jotform.com/

VOTAR PARA

PROMOVER

VOTAR PARA PROMOVER

Problema

El usuario quiere promover un contenido para

ayudar a decidir cual es mejor.

Usos

Los usuarios eligen democráticamente la

calidad.

Confianza en la subjetividad del usuario.

Gran comunidad.

VOTAR PARA PROMOVER

Solución

o Mecanismo de votación • Votación, historial y posterior cambio.

• Retroalimente.

o Mostrar los números • Popularidad, comparación.

o Resuma los populares

o Favorezca los populares

VOTAR PARA PROMOVER

Razón fundamental

Comunidad participativa

Potente detector de contenidos populares

Potente promovedor de contenidos

recientes

Evita contratar revisores profesionales

VOTAR PARA PROMOVER

A tener en cuenta

o El usuario es el centro, pros y contras.

o Opinión subjetiva de calidad.

o Popularidad = Calidad ?

o Medidas contra el mal uso • Limita el numero de votos.

• Atento a la actividad maliciosa y al mal humor.

• Votos con diferente valor.

La multitud no tiene sabiduría

¿Sabiduría de las

multitudes?

o Basan su voto a partir

de otros.

o La comunicación entre

la multitud afecta el

juicio cualitativo.

La multitud no

tiene Sabiduría.

Amazon.com

votanoticias.com

RECORDAR