Post on 20-Aug-2015
No maltrates a tus usuarios / clientes
w w w. l a n g p r o v i n g . c o m
1 6 - 2 4 J u n i o , 2 0 1 4
Buenas prác t i ca s en di s eño de in ter face s web / móvi le s y la impor tancia de la s métr ica s de uso
# u x t e n e r i f e
Romén Rodr íguez C E O – L a n g p r o v i n g
@ r o m e n r g
CASOS DE EJEMPLO ANÁLISIS DE LOS DIFERENTES ASPECTOS QUE INFLUYEN EN UX
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
NOTA (DISCLAIMER):
SE HAN RECOPILADO EJEMPLOS REALES DE FORMAS DE ABORDAR MEJOR O PEOR 18 ASPECTOS QUE CREO QUE INFLUYEN CONSIDERABLEMENTE EN LA EXPERIENCIA DE USUARIO (UX). ALGUNOS EJEMPLOS DE LOS PROPUESTOS COMO “PEOR” PARA UN DETERMINADO CASO PUEDEN TENER MÁS DE UN ASPECTO MEJORABLE Y/O MUCHOS OTROS BUENOS ASPECTOS QUE NO SE MENCIONAN; PUES EN CADA CASO SE RESALTA UN ÚNICO ASPECTO (CON FIN ACADÉMICO). DE LA MISMA FORMA, ALGUNOS EJEMPLOS QUE SE RESALTAN COMO “MEJOR” PARA UN DETERMINADO ASPECTO PUEDEN TENER OTROS ASPECTOS QUE SON MEJORABLES Y QUE NO SE RESALTAN POR EL MISMO MOTIVO.
EN TODO CASO, CABE DESTACAR QUE SE REALIZARÁ UNA CRÍTICA CONSTRUCTIVA DE CADA CASO CON FIN ESTRICTAMENTE ACADÉMICO.
CASO DE EJEMPLO 2 NO ME SALUDES / ABURRAS, CONVÉNCEME
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
CASO DE EJEMPLO 3 MENSAJE CLARO Y CONCISO EN TU LANDING PAGE
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
CASO DE EJEMPLO 4 MÁS CLARIDAD Y BREVEDAD AÚN EN MÓVIL
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
CASO DE EJEMPLO 6 ¿QUÉ HAGO? DEMASIADOS CALLS-TO-ACTION
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
CASO DE EJEMPLO 8 INVENTAR DEMASIADO VS SEGUIR ESTÁNDARES
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
CASO DE EJEMPLO 10 NAVEGACIÓN: MENÚ, NIVELES, BREADCRUMBS, SEARCH
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
CASO DE EJEMPLO 11 ALINEAMIENTO, ESPACIO Y SIMETRÍA
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
CASO DE EJEMPLO 12 BARRERAS DE ENTRADA: EVITA CREAR MUROS
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
CASO DE EJEMPLO 14 DISEÑO BONITO NO IMPLICA MEJOR UX
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
CASO DE EJEMPLO 17 CUIDA PEQUEÑOS DETALLES… ¡EL TEXTO ES CLAVE!
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
CASO DE EJEMPLO 18 EL COLOR TIENE SIGNIFICADO SUBCONSCIENTE
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
COSAS QUE PODEMOS APRENDER EN UX DE LOS EJEMPLOS QUE HEMOS VISTO
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
AUTOCRÍTICA + MEJORA CONTÍNUA
¿QUÉ SOY? ¿POR QUÉ YO?
DISEÑO BONITO != MEJOR UX
…EVITA INFORMACIÓN SOBRANTE (FECHA DE HOY, BIENVENIDO A…)
CTA PRINCIPAL …PERO NO ABUSAR DE LOS CTAS
…PERO NO INVENTES DEMASIADO
MÓVIL: + ICONOS - TEXTO
UN LINK DEBE PARECERLO
¿DÓNDE ESTOY? MENÚ, BREADCRUMBS… ALINEAMIENTO, ESPACIO Y SIMETRÍA
EVITA CREAR MUROS
+ READY-TO-USE Y - MANUALES
…PERO DISEÑO FEO ES PERJUDICIAL
CUIDA LOS EMPTY-STATES
MENSAJES CLAROS Y CONCISOS
CUIDA EL TEXTO EL COLOR Y SU MENSAJE
COSAS QUE PODEMOS APRENDER DE LOS EJEMPLOS VISTOS
USA ESTÁNDARES (EJ. ICONOS)
¿QUÉ DOS PRINCIPIOS APLICARÍAS? (EN TU PROYECTO)
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
ACTIVIDAD:
No maltrates a tus usuarios / clientes
w w w. l a n g p r o v i n g . c o m
Buenas prác t i ca s en di s eño de in ter face s web / móvi le s y la impor tancia de la s métr ica s de uso
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4
Romén Rodr íguez C E O – L a n g p r o v i n g
@ r o m e n r g