how to improve the ux in your sites, liferay madrid symposium2014

Post on 22-Jul-2015

135 Views

Category:

Design

2 Downloads

Preview:

Click to see full reader

TRANSCRIPT

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

- Navegación 

- Legibilidad 

- Simple

- Personas

- Espacios blancos - Photoshop 6

Navegación 

Navegación 

Navegación 

Navigation 

Navegación 

Legibilidad 

20% / 28%

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ó.

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.

characters7010-­‐12

pixeles20words

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 desear; porque

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.

Separación entre líneas

http://www.pearsonified.com/typography/

Separación entre líneas

Mayúsculas o Minúsculas

Iconos versus etiquetas

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

Simple

Tiempo Hicks

Chunking Fitts

Tiempo

47%in 2 seconds

40%more than 3 seconds

7%reduction (1 second)

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.

Fitts´ Law

Diseñador

Desarrollador

Form

Nombre Apellidos

EnviarCancelar

Fitts´ Law

Diseñador

Desarrollador

Form

Nombre Apellidos

Enviar Cancelar

Chunking

4 -+

Chunking

llave perro lápiz bombilla escoba

5 {30s

10{30s

llave perro lápiz bombilla escoba cielo zapato sentimiento azul jardin

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

Hicks´ Law

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

Hicks´ Law

Hicks´ Law

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

Personas

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.

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

Espacios en Blanco

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

Espacios en Blanco

Espacios en Blanco

Photoshop

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

top related