Introducción a la web móvil
description
Transcript of Introducción a la web móvil
![Page 1: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/1.jpg)
De legos al iPhone
![Page 2: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/2.jpg)
La web móvil es Internet, el mismo que todos conocemos, solo es
más pequeña, más rápida y esta en cualquier lugar.
Imagen por Gaetan Lee@ flickr
![Page 3: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/3.jpg)
¿necesito mi sitio web en el teléfono? ¿para qué serviría?
Imagen por GR Digital Kid @ flickr
![Page 4: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/4.jpg)
Imagen por tnarik @ flickr
No es probando, tampoco instalando programas y menos investigando porque no se ve la intro en Flash
![Page 5: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/5.jpg)
Imagen por For Inspiration Only @ flickr
Saber qué es lo que se necesita
![Page 6: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/6.jpg)
Imagen por Naixn @ flickr
La web de un fotógrafo
![Page 7: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/7.jpg)
Fotos El perfil del fotógrafo Información de contacto Una lista de servicios El área de clientes
![Page 8: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/8.jpg)
El listado de servicios la información de contacto Quizás el perfil del fotógrafo Área de clientes
•¿ya están listas mis fotos?•Quiero hacer una cita•Compartir foto
Portafolio*
![Page 9: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/9.jpg)
![Page 10: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/10.jpg)
Imagen por Naixn@ flickr
Pantalla pequeña Escritura complicada
Velocidad de conexión Memoria del teléfono Pocas opciones multimedia Sin comunidad de desarrollo
![Page 11: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/11.jpg)
Imagen por Naixn@ flickr
1. Diseña para una web2. Básate en estándares3. Aléjate de peligros
conocidos4. Ten cuidado con las
limitaciones de cada dispositivo
5. Optimiza la navegación
![Page 12: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/12.jpg)
6. Revisa los colores e imágenes
7. Mantenlo pequeño8. Usa la conexión con
moderación9. Reduce las dificultades
para ingresar información10. Piensa en los usuarios en
movimiento.
![Page 13: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/13.jpg)
Imagen por spackletoe @ flickr
Si sabes diseñar para PCsSabrás diseñar para móviles
![Page 14: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/14.jpg)
Imagen por Sea Frost @ flickr
Prueba y error. Prueba y error.Prueba y error.
![Page 15: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/15.jpg)
Imagen por Volkan ATAY ® @ flickr
![Page 16: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/16.jpg)
![Page 17: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/17.jpg)
![Page 18: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/18.jpg)
![Page 19: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/19.jpg)
Imagen por herzogbr @ flickr
webdebolsillo.com/recursos
![Page 20: Introducción a la web móvil](https://reader035.fdocuments.es/reader035/viewer/2022062405/557bbc08d8b42ace668b4d68/html5/thumbnails/20.jpg)
webdebolsillo.com