Post on 16-Dec-2014
description
USABILIDAD EN EL DISEÑO DE APPSLas leyes de la simplicidad
ANDRÉS KARP
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
#cw12 #appcw
HASHTAG GENERAL
HASHTAG APP
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
DESAPRENDER
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
LAS LEYES DE LA SIMPLICIDAD
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
1. REDUCIR La manera más sencilla de alcanzar la simplicidad es mediante la reducción razonada
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
2. ORGANIZAR La organización permite que un sistema complejo parezca más sencillo
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
3. TIEMPO El ahorro de tiempo simplifica las cosas
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
4. APRENDIZAJE El conocimiento lo simplifica todo
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
5. DIFERENCIAS La simplicidad y la complejidad se necesitan entre sí
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
6. CONTEXTO Lo que se encuentra en el límite de la simplicidad también es relevante
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
7. EMOCIÓN Es preferible que haya más emociones a que haya menos
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
8. CONFIANZA Confiamos en la simplicidad
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
9. FRACASO En algunos casos nunca es posible alcanzar la simplicidad
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
10. LA ÚNICA La simplicidad consiste en sustraer lo que es obvio y añadir lo específico
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
PREGUNTAS
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
1. EFECTIVIDAD Capacidad de completar tareas
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
2. EFICIENCIA Esfuerzo necesarias para completarlas
1. EFECTIVIDAD Capacidad de completar tareas
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
2. EFICIENCIA Esfuerzo necesarias para completarlas
1. EFECTIVIDAD Capacidad de completar tareas
3. SATISFACCIÓN Gusto percibido durante la interacción
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
¿Qué sabe de ellos? ¿Qué comportamiento puede predecir? ¿Cultura?
QUIENES SON LOS USUARIOS
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
¿Están en línea? Absorben bien los contenidos
¿QUÉ ESTÁ SUCEDIENDO?
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
En casa con tiempoEn el trabajo con poco tiempoPeríodos libres mientras hacemos tiempo
¿CUÁNDO INTERACTUAN?
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Espacios públicos o privadosExterior o interiorDe día o de noche
¿DÓNDE ESTÁN LOS USUARIOS?
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
DISEÑO MÓVIL
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
“EL DISEÑO MÓVIL ES LA CREACIÓN DE EXPERIENCIAS
DE USUARIO PARA EL CONTEXTO MÓVIL”
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
CONTEXTOMensaje
ColoresLook & feel
Gráficos
LayoutFuentes
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Distracciones, ubicuidad,
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
MENSAJEContexto
ColoresLook & feel
Gráficos
LayoutFuentes
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Lo que usted está tratando de decir sobre su sitio o aplicación visual
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
LOOK & FEELContexto
Colores
Mensaje
Gráficos
LayoutFuentes
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
El look & feel se utiliza para describir la apariencia
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
COLORES
Contexto
Look & feelMensaje
Gráficos
LayoutFuentes
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Tratamiento del color
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
LAYOUT
Contexto
Look & feelMensaje
Gráficos
Colores
Fuentes
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
¿ES NECESARIO DISEÑAR PARA TODAS LAS PANTALLAS?
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
FUENTES
Contexto
Look & feelMensaje
Gráficos
ColoresLayout
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Que tipos se representa en las pantallas de los móviles
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
GRÁFICOS
Contexto
Look & feelMensaje
Fuentes
ColoresLayout
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
El uso de imágenes que se utilizan para crear o ayudar a una experiencia visual
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
GUÍAS DE DISEÑO
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
ANDROIDUser Interface Guidelines
http://developer.android.com/guide/practices/ui_guidelines/index.html
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
ANDROIDAndroid Design XD
http://developer.android.com/design/index.html
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
iOSiOS Human Interface Guidelines
http://fon.gs/ios-guidelines/
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
WindowsUser Experience design Guidelines
http://fon.gs/windows-guidelines/
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
DIAGRAMA DE GESTOS
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
http://www.lukew.com/touch/TouchGestureCards.pdf
Touch Gesture Cards
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
http://touchlab.mit.edu/publications/2003_009.pdf
Touch Target Sizes
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
HARDWARE
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Mobile Marke;ng Environment @andreskarp
#cmua
Hardware
teclado numérico y joys;ck
teclado semi-‐numérico + ball
Cursor
Tác;l (mul;-‐touch)
Teclado completo y Tác;l
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
CAPAS UX MÓVIL
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
IDEANecesidades
EstrategiaContextos
Proto;po
PlataformasDiseño
TestearMonitorizar
Desarrollo
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
NECESIDADESIdea
EstrategiaContextos
Proto;po
PlataformasDiseño
TestearMonitorizar
Desarrollo
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
ContextoIdea
Estrategia
Necesidades
Proto;po
PlataformasDiseño
TestearMonitorizar
Desarrollo
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Todos los derechos reservados por Cocoarmani
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
EstrategiaIdea
ContextoNecesidades
Proto;po
PlataformasDiseño
TestearMonitorizar
Desarrollo
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
http://www.flickr.com/photos/76074333@N00
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Plataforma
Idea
ContextoNecesidades
Proto;po
Estrategia
Diseño
TestearMonitorizar
Desarrollo
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Diseño
Idea
ContextoNecesidades
Proto;po
EstrategiaPlataforma
TestearMonitorizar
Desarrollo
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Prototipo
Idea
ContextoNecesidades
Diseño
EstrategiaPlataforma
TestearMonitorizar
Desarrollo
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Desarrollo
Idea
ContextoNecesidades
Diseño
EstrategiaPlataforma
TestearMonitorizar
Proto;po
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Algunos derechos reservados por camflan
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Testear
Idea
ContextoNecesidades
Diseño
EstrategiaPlataforma
Desarrollo
Monitorizar
Proto;po
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Algunos derechos reservados por Kai Hendry
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Optimización
Idea
ContextoNecesidades
Diseño
EstrategiaPlataforma
DesarrolloTestear
Proto;po
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
Algunos derechos reservados por Kai Hendryhttp://jonasraskdesign.com
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
LLEGÓ EL MOMENTO DE LAS PREGUNTAS
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
SOLO 3 PREGUNTAS...
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
USABILIDAD EN EL DISEÑO DE APPS
@andreskarp
Las leyes de la simplicidad
GRACIAS TOTALES!!!