1. Buenas prácticas para proporcionar una
gran experiencia de usuario en tu Portal
!
!
Juan Hidalgo
UX Designer

2. - Navegación
- Legibilidad
- Simple
- Personas
- Espacios blancos
- Photoshop
6

3. Navegación

4. Navegación

5. Navegación

6. Navigation

8. Navegación

9. Legibilidad
20% / 28%

10. Estructuración
En esto descubrieron treinta o cuarenta
molinos de viento que hay en aquel campo, y
así como Don Quijote los vió, dijo a su
escudero: la ventura va guiando nuestras cosas
mejor de lo que acertáramos a desear; porque
ves allí, amigo Sancho Panza, donde se
descubren treinta o poco más desaforados
gigantes con quien pienso hacer batalla, y
quitarles a todos las vidas, con cuyos despojos
comenzaremos a enriquecer: que esta es
buena guerra, y es gran servicio de Dios quitar
tan mala simiente de sobre la faz de la tierra.
¿Qué gigantes? dijo Sancho Panza.
Capítulo octavo
Del buen suceso que el valeroso Don
Quijote tuvo en la espantable y jamás
imaginada aventura de los molinos de
viento, con otros sucesos dignos de
felice recordación
Espacios
En esto descubrieron treinta o cuarenta
molinos de viento que hay en aquel campo, y
así como Don Quijote los vió, dijo a su
escudero: la ventura va guiando…
Don Quijote
En esto descubrieron treinta o cuarenta
molinos de viento que hay en aquel campo, y
así como Don Quijote los vió.
En esto descubrieron treinta o cuarenta
molinos de viento que hay en aquel campo, y
así como Don Quijote los vió, dijo a su
escudero: la ventura va guiando…
Don Quijote
En esto descubrieron treinta o cuarenta
molinos de viento que hay en aquel campo, y
así como Don Quijote los vió.

11. Anchura de Párrafos
En esto descubrieron treinta o cuarenta molinos de viento que hay en aquel campo, y así como Don Quijote los vió, dijo a su escudero: la ventura va
guiando nuestras cosas mejor de lo que acertáramos a desear; porque ves allí, amigo Sancho Panza, donde se descubren treinta o poco más
desaforados gigantes con quien pienso hacer batalla, y quitarles a todos las vidas, con cuyos despojos comenzaremos a enriquecer: que esta es buena
guerra, y es gran servicio de Dios quitar tan mala simiente de sobre la faz de la tierra. ¿Qué gigantes? dijo Sancho Panza.
characters
7010-­‐12pixeles
20words
500pixeles
En esto
descubrieron
treinta o
cuarenta molinos
de viento que
hay en aquel
campo, y así
como Don
Quijote los vió,
dijo a su
escudero: la
ventura va
guiando nuestras
cosas mejor de
lo que
acertáramos a
En esto descubrieron treinta o cuarenta molinos de viento que hay en aquel campo, y así como Don Quijote
los vió, dijo a su escudero: la ventura va guiando nuestras cosas mejor de lo que acertáramos a desear;
porque ves allí, amigo Sancho Panza, donde se descubren treinta o poco más desaforados gigantes con quien
pienso hacer batalla, y quitarles a todos las vidas, con cuyos despojos comenzaremos a enriquecer: que esta
es buena guerra, y es gran servicio de Dios quitar tan mala simiente de sobre la faz de la tierra. ¿Qué
gigantes? dijo Sancho Panza.

12. Separación entre líneas

13. http://www.pearsonified.com/typography/
Separación entre líneas

14. Mayúsculas o Minúsculas

15. Iconos versus etiquetas

16. La persona, interpreta y supone mas que lee.
!
- https://medium.com/@jhidalgoreina

17. Simple
Tiempo Hicks
Chunking Fitts

18. Tiempo
47%in 2 seconds
40%more than 3 seconds
7%reduction (1 second)

19. Fitts´ Law
El tiempo requerido para mover el cursor a un objetivo
crece logarítmicamente con la distancia y disminuye con
el aumento de tamaño del objetivo.

20. Fitts´ Law
Diseñador
Desarrollador
Form
Nombre Apellidos
EnviarCancelar

21. Fitts´ Law
Diseñador
Desarrollador
Form
Nombre Apellidos
Enviar Cancelar

22. Chunking
4 -+

23. Chunking
llave
perro
lápiz
bombilla
escoba
5
{
30s
10
{
30s
llave
perro
lápiz
bombilla
escoba
cielo
zapato
sentimiento
azul
jardin

24. Chunking
llave
perro
lápiz
bombilla
escoba
cielo
zapato
sentimiento
azul
jardin
10
{
3{
3{
4
{
llave
perro
lápiz
bombilla
escoba
cielo
zapato
sentimiento
azul
jardin

25. Hicks´ Law
El tiempo que se tarda en tomar una decisión aumenta a
medida que el número de alternativas aumenta.

26. Hicks´ Law

27. Hicks´ Law

28. Personas
Form
Cumpleaños
Enviar Cancelar
Teléfono
22/10/2014
22/oct/2014
22/oct/14
22 - Octubre - 2014
123456789
132/465/798
(34) 123 456 789
34 - 123 - 456 -789
Form
Cumpleaños
Enviar Cancelar
Teléfono
DD/MM/AAAA
Ej. +34 123 456 789

29. Personas

30. Espacios en Blanco
Horror Vacui = Miedo al espacio vacío
Existe una tendencia a llenar de objetos,
funcionalidádes, iconos, y cualquier tipo de
ornamentación, cualquier espacio vacío.

31. Horror Vacui, es la forma
mas educada de decir:
…dejad de poner
“chorradas" al diseño…
Espacios en Blanco

32. “Tener mas espacio en un
interfaz, NO significa utilizarlo,
como si no hubiera mañana”
!
-Proverbio UX
Espacios en Blanco

33. Espacios en Blanco

36. Photoshop

37. tUSERS, USERS, USERS…..
My comments are based on my experience.
It´s possible that it goes against industry ¨best practices¨
Juan Hidalgo
UX Designer at Liferay Inc.
!
@jhidalgoreina