Introducción al desarrollo (y diseño) para móviles

Jacob Wilschrey Jefe de Desarrollo en Elun

Twitter: @eluntw

1. Concepto y experiencia móvil

La tecnología cambiaEvoluciona

El comportamiento

humano NO

La tecnología ha pasado por muchas etapas de

interacciónSegún su evolución

En un principio es el hombre quien debe acomodarse y adecuarse a ella.

Además debe tener habilidades y capacidades para hacerlo

Paradigma WIMP

Paradigma web. Internet

Acá se introduce el concepto de movilidad

Paradigma móvil

¿Qué es móvil?

móvil. (Del lat. mobĭlis).

1. adj. Que puede moverse o se mueve por sí mismo. U. t. c. s.

2. adj. Que no tiene estabilidad o permanencia.

fuente RAE

Móvil puede ser:

• Información precisa, relevante y rápida. • Estar en cualquier momento y lugar junto al

usuario. • Adaptarse a los cambios y necesidades.

º

El usuario decide qué ver, qué usar, qué consumir

Cuando las marcas o los productos se logran adaptar al usuario, se vuelven móviles.

¿Por qué desarrollar en tecnologías móviles?

¿Cómo pensar en móvil?

Information

v/s

Application

¿APLICA o NO APLICA?

• Smartphone: el Canal de comunicación perfecto.

• Las aplicaciones deben basarse en 3 pilares: Contenido, tecnología e interface.

• Las aplicaciones deben ser: Livianas, relevantes, de fácil acceso y salida.

para pasar de esto…

a esto…

UXUser eXperience

UX ≠ UI

Una mala UX en tu aplicación podría llevarla al olvido del usuario

DELETE & FORGET

Pero por el contrario… Si tu aplicación es realmente

BUENA!

Se puede ganar el premio mayor

K.I.S.S(keep it simple stupid)

Aplicaciones simples para funcionalidades específicas

Tipos de aplicaciones

• Time killers • Time savers • Mixtas

Time killers• Aplicaciones para hacer pasar

el tiempo. • Generalmente son Juegos. • Deben ser simples e intuitivas.

(jugabilidad) • También pueden ser sociales.

(Facebook, Twitter, Flipboard, Path)

• Una herramienta que te hace alguna tarea más fácil.

• Te ayuda ahorrar tiempo en tareas engorrosas

Time savers

• Pueden servir para salvar o pasar el tiempo.

• Dependen del contexto de uso y la necesidad.

• Específica del usuario.

Aplicaciones mixtas

2. ¿Y cómo empiezo?

Ambientes y S.O.¿Cuál elijo?

Para desarrollar en Android

• Linux Kernel con JVM • Costo licencia: $25 US de por vida. • Hardware: SUPER accesible. • Lenguaje: Java sobre APIs Android. • IDEs: Eclipse, IntelliJ, Android Studio. • Google Play: 2-4 horas de aprobación.

Pro más grande: Accesibilidad al hardware

y al software

Contra más grande: FRAGMENTACIÓN

Para desarrollar en iOS• Linux Kernel • Costo licencia: $99 US al año. • Hardware: $$$$$$$$. • Lenguaje: Objective-C & Swift. • IDEs: XCode. • App Store: Entre 5 y 10 días hábiles de

aprobación.

Pro más grande: Ambiente controlado de

desarrollo.

Herramientas + Performance + Dispositivos

Contra más grande: Alto precio de Hardware

Otro contra igual de grande: Objective-C

Pero apareció: SWIFT

Para desarrollar en Windows Phone

• Kernel Windows • Costo licencia: $19 US personal, $99 US empresa, por

año. • Hardware: Accesible. • Lenguaje: XAML, C# or Visual Basic. • IDEs: Visual Studio. • Windows Phone Store: No lo sé.

Contra más grande: Por lo menos en Chile, no

existe mercado

Casos especialesBlackBerry OS, Firefox OS, Amazon Fire OS

Aplicaciones Web con HTML 5 y CSS 3

• Corren sobre el navegador web • Costo licencia: FREE • Hardware: Cualquier cosa que tenga teclado. • Lenguaje: HTML 5, CSS 3, Javascript, jQuery

Mobile. • IDEs: Tu editor de texto preferido. • No existe tienda si son sitios responsive, aunque

existen frameworks para apps web-nativas

¿Apps web v/s

Apps nativas v/s

App web nativas?

Alto escalamiento + bajo costo + bajo rendimiento

Sitio Responsive o

Aplicación web nativa.

Bajo escalamiento + alto costo + alto rendimiento

Aplicación Nativa por SO

¿Se puede hacer trampa?

¿¿¿¿Apps web v/s

Apps nativas v/s

App web nativas????

Depende de lo que se quiera lograr 🌝📱

Espero haberlos guiado bien…

Preguntas

Gracias!

Twitter: @eluntw