Principios básicos de UX para móviles

Post on 29-Jun-2015

723 views 1 download

description

Empezar a diseñar aplicaciones para teléfonos no es nada fácil, sobre todo si se viene del mundo del diseño web, donde el conocimiento adquirido puede —incluso— llegar a jugar en contra. En esta presentación, Javier «Simón» Cuello explica los secretos para lograr una perfecta transición del diseño web al diseño de apps y no cometer errores en el camino.

Transcript of Principios básicos de UX para móviles

PRINCIPIOS BÁSICOS DE UX PARA MÓVILES

JAVIER «SIMÓN» CUELLOmillonestarde

JAVIER «SIMÓN» CUELLO

millonestarde

Barcelona, España

DISEÑANDO APPS PARA MÓVILES

DISEÑO EN VIAJE

www.disenoenviaje.com

DE LA WEB A LAS APPSPrincipales diferencias

Diseñando para web…

El contexto de uso

“El 88,5% de los españoles usa el móvil en el baño.”— Encuesta Betfair

“…lectores apurados y ambientescambiantes… estas no son condicionesnuevas y los diseñadores de información hanestado lidiando con ellas desde siempre.”— Erik Spiekermann

La personalidad

Hardware

TABLEDRUM

EL PROCESO DE DISEÑOPaso a paso

DISEÑADOR DESARROLLADOR

DISEÑO DE INTERACCIÓN

CONCEPTO PROGRAMACIÓNDISEÑO VISUAL LANZAMIENTO

DISEÑADOR DESARROLLADOR

DISEÑO DE INTERACCIÓN

CONCEPTO PROGRAMACIÓNDISEÑO VISUAL LANZAMIENTO

DISEÑADOR DESARROLLADOR

Lean Startup

Lean StartupUX

PROTOTIPOCONCEPTO

TEST

WIREFRAME

Mobile First

“…no sólo te prepara para el crecimientoespectacular de losmóviles y las nuevasoportunidades, sino que también te obliga aenfocarte y te permite innovar enmanerasque antes no podías.”

— Luke Wroblewski

LA IDEA DEL MILLÓN DE DÓLARESEl concepto de la app

“Debería haber una app para esto.”— Todo el mundo, alguna vez

“Hacer algo con una app debería sermás fácil quehacerlo sin ella.”— Sentido común

PERO… ¿PARA QUIÉN DISEÑAMOS?El usuario

CONSTRUYENDO EL PROTOTIPODiseño de interacción

Queremos apps intuitivasfamiliares

Queremos apps intuitivasfamiliaresfamiliares

“Omitir este paso es extremadamentepeligroso porque te puede llevar aconcentrarte solo en los detalles de diseño…”

— Irene Pereyra, Fi

PROBAR, Y PROBAR…Test de usabilidad

MR. TAPPY

POP

DISEÑO PARA TOCARParticularidades del mundo móvil

Tamaños mínimos

10mm

2mm

10mm

2mm

10mm

Áreas de interacción

Manipulación directa

EL ESTILO DE LA APPDiseño visual

iOS

Android

Windows Phone

Ni uno, ni el otro…

¿Y AHORA QUÉ?El futuro

Vienen más…

Más allá del celular

“Elmercado es relativamente joven yestamos empezando a ver cómo surgenalgunas convenciones, pero la innovaciónaún se está extendiendo por todos lados.”— Loren Brichter

¡GRACIAS!millonestarde