Download - Luke w primero móvil
![Page 1: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/1.jpg)
![Page 2: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/2.jpg)
![Page 3: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/3.jpg)
Primero móvil en Google
Los programadores de Google
están haciendo un trabajo en
aplicaciones móviles en primer
lugar, porque son mejores
aplicaciones, y eso es lo que
los programadores top quieren
desarrollar.
-Eric Schmidt, CEO de Google
![Page 4: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/4.jpg)
Primero móvil en Facebook
Recién ahora estamos empezando a pensar en los móviles primero y en los
computadores de escritorio en segundo lugar, para muchos de nuestros productos. ”
-Kate Aronowitz, director de diseño de Facebook
![Page 5: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/5.jpg)
Realmente tenemos que cambiar ahora para empezar a pensar en la
construcción móvil en primer lugar. Este es un cambio aún más grande que la
revolución del PC.
-Kevin Lynch, CTO de Adobe
Primero móvil en Adobe
![Page 6: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/6.jpg)
1 .- Crecimiento = oportunidad
2 .- Limitaciones = enfoque
3 .- Capacidad = innovación
Primero móvil
![Page 7: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/7.jpg)
• Múltiples tamaños de pantalla y densidades
• Optimización del rendimiento
• Los objetivos de tacto, los gestos y las acciones
• Ubicación de sistemas
• Capacidades del aparato
Consideraciones en el diseño de
móviles:
![Page 8: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/8.jpg)
1 .- Crecimiento = oportunidad
2 .- Limitaciones = enfoque
3 .- Capacidad = innovación
Primero móvil
![Page 9: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/9.jpg)
El crecimiento de Internet móvil ha superado el crecimiento de computadores
de escritorio. Ventas de teléfonos inteligentes pasarán las ventas de PC en
2012
CRECIMIENTO = OPORTUNIDAD
![Page 10: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/10.jpg)
![Page 11: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/11.jpg)
![Page 12: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/12.jpg)
27% de las búsquedas provienen de un
4% de los usuarios
• 27% de todas las búsquedas
provienen de Yelp aplicación
para iPhone que tenía 1,4
millones de usuarios únicos
mayo 2010
• Ese mes Yelp tuvo 32 millones
de usuarios únicos en todo el
mundo
![Page 13: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/13.jpg)
Crear un producto, no re-
imaginar uno para
pantallas pequeñas. Gran
cantidad de productos
móviles se crean, nunca
deben ser portabilizados.
-Brian Fling
Facebook para
iPhone
![Page 14: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/14.jpg)
"Mi objetivo era inicialmente sólo hacer un sitio portátil, pero me
convencí de que era posible crear una versión de Facebook mejor
que el sitio web ".
-Joe Hewitt
![Page 15: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/15.jpg)
1 .- Crecimiento = oportunidad
2 .- Limitaciones = enfoque
3 .- Capacidad = innovación
Primero móvil
![Page 16: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/16.jpg)
• Centrarse en las acciones básicas
• Conozca a sus usuarios
• Utilizar el diseño escalable
Tamaño de la pantalla
![Page 17: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/17.jpg)
Tamaño de pantalla
![Page 18: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/18.jpg)
En las aplicaciones del iPhone,
la principal función debe ser
inmediatamente evidente.
Minimizar el número de controles
que los usuarios tienen que
elegir.
- Directrices para la interfaz de
iPhone
Se centran en elementos básicos
![Page 19: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/19.jpg)
![Page 20: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/20.jpg)
![Page 21: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/21.jpg)
Conoce a tu
audiencia
![Page 22: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/22.jpg)
Diseña para diferentes tamaños de
pantallas
![Page 23: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/23.jpg)
Tamaño de las pantallas de los
SmartPhones
![Page 24: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/24.jpg)
El impacto del Pixel por Pulgada
![Page 25: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/25.jpg)
El impacto del Pixel por Pulgada
![Page 26: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/26.jpg)
Diseña para diferentes tamaños de
pantallas
1.- Define grupos de dispositivos
![Page 27: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/27.jpg)
Diseña para diferentes tamaños de
pantallas
1.- Define grupos de dispositivos
2.- Crear un diseño de referencia por
defecto
![Page 28: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/28.jpg)
1.- Define grupos de dispositivos
2.- Crear un diseño de referencia por defecto
3.- Definir las reglas para el contenidos y la adaptación del
diseño
Diseña para diferentes tamaños de
pantallas
![Page 29: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/29.jpg)
Diseña para diferentes tamaños de
pantallas
1.- Define grupos de dispositivos
2.- Crear un diseño de referencia por defecto
3.- Definir las reglas para el contenidos y la adaptación del
diseño
4.- Optar por los estándares web y un diseño flexible
![Page 30: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/30.jpg)
Controles visibles de la aplicación
![Page 31: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/31.jpg)
El controlador de hardware para el
menú
![Page 32: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/32.jpg)
El contenido de la acción
Tu no debes ver la pantalla grande del iPad como una invitación a
recuperar toda la funcionalidad que podamos desde la aplicación para
iPhone.
- Directrices para la interfaz de iPad
![Page 33: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/33.jpg)
• Mantener el rendimiento al nivel de la mente
• Aproveche las ventajas de HTML 5
Velocidad
![Page 34: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/34.jpg)
Velocidad de conexión
![Page 35: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/35.jpg)
Sugerencias de rendimiento
Reducir las peticiones y tamaño del archivo
• Eliminar las redirecciones
• Utilizar sprites CSS para servir a múltiples imágenes
• Consolidar la CSS y Javascript en un solo archivo
• Minify su código (Minify es una aplicación de PHP5 que le ayuda a seguir desde
Yahoo!, regla de rendimiento web)
Tome ventaja del HTML5
• Utilizar caché de la aplicación para el almacenamiento de contenido local
• Use CSS3 y la etiqueta de tela en lugar de imágenes en la medida de lo
posible
![Page 36: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/36.jpg)
Un alto rendimiento
100ms de demora resulta en la pérdida de un 1% de ventas.
(potencial de $ 191 millones en pérdidas de ingresos en 2008)
400ms de demora resulta en 5.9% menos en el tráfico de
página completa.
500 ms de demora disminuye el tráfico de búsqueda en un 20%.
El costo de rendimiento más lento aumenta con el tiempo.
Retraso de 1s en los resultados genera una caída de un 4% en
los ingresos
El 10% más rápido de los usuarios esta un 50% más lento que el
10%
![Page 37: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/37.jpg)
• Ráfagas rápidas… en todas partes
• Con una sola mano
Contexto
![Page 38: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/38.jpg)
84% En el hogar
80% En misceláneos durante el día
74% De espera en las líneas
64% En el trabajo
Durante un día normal
![Page 39: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/39.jpg)
Casos de uso para aplicaciones móviles
• El acceso a Facebook a través del navegador
móvil creció 112% en el último año a 25,1
millones de usuarios en Enero de 2010.
• El acceso a Twitter a través de navegador móvil
experimentó un salto de 347% a 4,7 millones de
usuarios en enero de 2010.
![Page 40: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/40.jpg)
La gente no permanece mucho tiempo
25% de todos los documentos
fueron exhibidos por menos de
4 segundos
• El 52% de todas las visitas
fueron más cortos de 10
segundos
• El valor máximo se encuentra
entre 2 y 3 segundos
![Page 41: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/41.jpg)
Manejar el SmartPhone con una
mano
![Page 42: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/42.jpg)
1 .- Crecimiento = oportunidad
2 .- Limitaciones = enfoque
3 .- Capacidad = innovación
Primero móvil
![Page 43: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/43.jpg)
Touch
• Simplifica la experiencia de
usuario
• No puntero de mouse en las
pantallas táctiles
![Page 44: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/44.jpg)
Mix de smartphones Nokia
![Page 45: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/45.jpg)
Objetivos del Touch
Apple recomienda un
tamaño objetivo mínimo:
29px de ancho
44px de alto
![Page 46: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/46.jpg)
Objetivos del Touch
Touch recomendado:
Tamaño de destino es 9mm/34px
Objetivo mínimo de contacto
Es de 7mm/26px
Espacio mínimo entre elementos
2mm/8px
El tamaño visual es de 60-100% del objetivo de toque
![Page 47: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/47.jpg)
![Page 48: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/48.jpg)
Gestos touch básicos
![Page 49: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/49.jpg)
Gestos touch básicos
Toque:
Tocar brevemente la superficie con yema
de los dedos
Doble toque:
Rápidamente tocar la superficie dos
veces con la yema del dedo.
![Page 50: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/50.jpg)
Gestos touch básicos
Arrastrar:
Mover los dedos sobre la
superficie sin perder el
contacto
Golpe rápido:
Mover el dedo rápidamente
sobre la superficie
![Page 51: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/51.jpg)
Gestos touch básicos
Pellizco:
Tocar la superficie con dos dedos
y llevarlos más cerca.
Propagación:
Tocar la superficie con dos dedos y
sepáralos.
![Page 52: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/52.jpg)
Gestos touch básicos
Presión:
Toque la superficie durante
un periodo largo de tiempo
Presión y toque:
Pulse la superficie con un
dedo y brevemente la
superficie con el segundo
dedo.
Presionar y arrastrar:
Pulse la superficie con un dedo y con el otro
dedo muévase sobre la superficie, sin perder de
contacto.
![Page 53: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/53.jpg)
Gestos touch básicos
Rotación:
Toque la superficie con dos dedos y muévalos en un sentido circular u otro
sentido anti horario
![Page 54: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/54.jpg)
Acciones relacionadas con el sistema
Tocar la superficie por largo período de
tiempo
Tocar rápidamente dos veces la superficie
Un toque breve
![Page 55: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/55.jpg)
Objetos relacionados con las acciones
Arrastrar a
través o
fuera de la
pantalla
Toque en el
origen y en
el destino
Arrastrar y
soltar
Multiples
dedos para
arrastrar
Mover los dedos sobre la superficie
sin perder contacto
Tocar el primero objetivo y luego el
otro
Mover los dedos sobre la superficie
sin perder contacto
Mover 2 o 5 dedos sobre la
superficie sin perder contacto
![Page 56: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/56.jpg)
Navegación relacionada con acciones
Mover los dedos o la palma de una mano, sobre
la superficie sin perder contacto
Mover el dedo sobre la barra de scroll sin perder
contacto
Tocar la barra de scroll por un largo período de
tiempo
Mover como un cepillo sobre la superficie sin
perder contacto
![Page 57: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/57.jpg)
Gestos como entrada
![Page 58: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/58.jpg)
Menús emergentes en el iPhone
![Page 59: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/59.jpg)
Menús emergentes en el Android
![Page 60: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/60.jpg)
Campos múltiples en los menús emergentes del
iPhone
![Page 61: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/61.jpg)
Campos múltiples en los menús emergentes de
Android
![Page 62: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/62.jpg)
Flotar detalles y acciones
![Page 63: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/63.jpg)
Tooltip flotante
![Page 64: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/64.jpg)
UBICACIÓN
• Posicionamiento
• Filtrado
![Page 65: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/65.jpg)
Localización es la
entrada
![Page 66: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/66.jpg)
Localización es la
entrada
![Page 67: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/67.jpg)
Localización es la
entrada
![Page 68: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/68.jpg)
Sistemas de localización
![Page 69: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/69.jpg)
![Page 70: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/70.jpg)
Y MÁS ...
• Orientación
• Audio y Video
• La lista sigue ...
![Page 71: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/71.jpg)
Capacidad de los dispositivos
móviles• Aplicación de caché para el almacenamiento local
• CSS3 y Canvas para la optimización del rendimiento
• Sensores Multi-touch
• Detección de localización
• Dispositivo de posicionamiento y movimiento: un acelerómetro
• Orientación: la dirección de una brújula digital
• Audio: entrada de un micrófono, salida para altavoces
![Page 72: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/72.jpg)
• Video e imagen: captura / entrada de una cámara
• Push: notificaciones en tiempo real "instantánea" para el usuario
• Conexiones de dispositivo: a través de Bluetooth entre
dispositivos
• La proximidad: la proximidad del dispositivo a los objetos físicos
• Luz ambiente: luz / oscuridad de sensibilización ambiental
• RFID: identificar y rastrear objetos con identificadores
transmitidos
• Haptic feedback: "se sienten" diferentes superficies en una
pantalla
• Biometría: huellas de retina, etc
![Page 73: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/73.jpg)
Múltiples orientaciones
![Page 74: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/74.jpg)
Orientación estándar
![Page 75: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/75.jpg)
Girar su orientación
![Page 76: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/76.jpg)
Detección de la orientación en Firefox 3,6
![Page 77: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/77.jpg)
Inclinación de la orientación en
Instantpaper
![Page 78: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/78.jpg)
Voz es la entrada
![Page 79: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/79.jpg)
Localización y orientación son la
entrada
![Page 80: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/80.jpg)
Localización y orientación son la
entrada
Cuando fue descubierto por los usuarios
aumentaron su tráfico sostenido un 40 y un
50 por ciento.
"Fue más allá de nuestras expectativas.
No teníamos ni idea ".
Yelp CEO,
Jeremy Stoppelman
![Page 81: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/81.jpg)
Escanear para hacer checkaout
![Page 82: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/82.jpg)
Imágenes son la entrada
![Page 83: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/83.jpg)
SanpTell en el iPhone
![Page 84: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/84.jpg)
Imágenes son la entrada
![Page 85: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/85.jpg)
Imágenes son la entrada
![Page 86: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/86.jpg)
Imágenes son la entrada
![Page 87: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/87.jpg)
![Page 88: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/88.jpg)
![Page 89: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/89.jpg)
Registrar la ubicación
![Page 90: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/90.jpg)
Presencia de Facebook
![Page 91: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/91.jpg)
Capacidad de los dispositivos móviles
Aplicación de caché para el almacenamiento local:
• CSS3 y Canvas para la optimización del rendimiento
• Sensores Multi-touch
• Detección de localización
• Dispositivo de posicionamiento y movimiento: de un acelerómetro
• Giroscopio: 360 grados de movimiento
• Cámaras doble: frente y parte trasera
![Page 92: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/92.jpg)
• Push: notificaciones en tiempo real "instantáneas" para el usuario
• Conexiones de dispositivo: entre dispositivos a través de Bluetooth
• La proximidad: la proximidad del dispositivo a los objetos físicos
• Luz ambiente: luz / oscuridad de sensibilización ambiental
• RFID: identificar y rastrear objetos con identificadores transmitidos
• Haptic feedback: "se sienten" diferentes superficies en una pantalla
• Biometría: huellas de retina, etc
![Page 93: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/93.jpg)
1 .- Crecimiento = oportunidad
2 .- Limitaciones = enfoque
3 .- Capacidad = innovación
Primero móvil
![Page 94: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/94.jpg)
Consideraciones de móviles de diseño
• Múltiples tamaños de pantalla y densidades
• Optimización del rendimiento
• Los objetivos de tacto, los gestos y las acciones
• Ubicación de sistemas
• Capacidades del aparato
![Page 95: Luke w primero móvil](https://reader030.vdocuments.co/reader030/viewer/2022020123/5597f6491a28ab87608b4570/html5/thumbnails/95.jpg)
Más información
• @lukew
• www.lukew.com