Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
De legos al iPhone
<ul><li>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....
<ul><li>¿necesito mi sitio web en el teléfono?  </li></ul><ul><li>¿para qué serviría? </li></ul>Imagen por  GR Digital Kid...
<ul><li>No es probando, tampoco instalando programas y menos investigando porque no se ve la intro en Flash </li></ul>Imag...
<ul><li>Saber qué es lo que se necesita </li></ul>Imagen por  For Inspiration Only @ flickr
<ul><li>La web de un fotógrafo </li></ul>Imagen por  Naixn @ flickr
<ul><li>Fotos </li></ul><ul><li>El perfil del fotógrafo </li></ul><ul><li>Información de contacto </li></ul><ul><li>Una li...
<ul><li>El listado de servicios </li></ul><ul><li>la información de contacto </li></ul><ul><li>Quizás el perfil del fotógr...
 
<ul><li>Pantalla pequeña Escritura complicada </li></ul><ul><li>Velocidad de conexión </li></ul><ul><li>Memoria del teléfo...
<ul><li>Diseña para una web </li></ul><ul><li>Básate en estándares </li></ul><ul><li>Aléjate de peligros conocidos </li></...
<ul><li>Revisa los colores e imágenes </li></ul><ul><li>Mantenlo pequeño </li></ul><ul><li>Usa la conexión con moderación ...
<ul><li>Si sabes diseñar para PCs </li></ul><ul><li>Sabrás diseñar para móviles </li></ul>Imagen por  spackletoe @ flickr
<ul><li>Prueba y error. Prueba y error. </li></ul><ul><li>Prueba y error. </li></ul>Imagen por  Sea Frost @ flickr
Imagen por  Volkan ATAY ® @ flickr
 
 
 
<ul><li>webdebolsillo.com/recursos </li></ul>Imagen por  herzogbr @ flickr
<ul><li>webdebolsillo.com </li></ul>
Upcoming SlideShare
Loading in …5
×

Introducción a la web móvil

2,815 views

Published on

Introducción a la web móvil o de legos al iPhone

Published in: Design, Sports, Business
  • Hombre el diseño deja de ser fácil cuando tienes que pensar en la adaptación del contenido a la enorme variedad de dispositivos móviles que existen, con pantallas de diferentes tamaños, táctiles, ...
    Saludos.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Introducción a la web móvil

  1. 1. De legos al iPhone
  2. 2. <ul><li>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. </li></ul>Imagen por Gaetan Lee@ flickr
  3. 3. <ul><li>¿necesito mi sitio web en el teléfono? </li></ul><ul><li>¿para qué serviría? </li></ul>Imagen por GR Digital Kid @ flickr
  4. 4. <ul><li>No es probando, tampoco instalando programas y menos investigando porque no se ve la intro en Flash </li></ul>Imagen por tnarik @ flickr
  5. 5. <ul><li>Saber qué es lo que se necesita </li></ul>Imagen por For Inspiration Only @ flickr
  6. 6. <ul><li>La web de un fotógrafo </li></ul>Imagen por Naixn @ flickr
  7. 7. <ul><li>Fotos </li></ul><ul><li>El perfil del fotógrafo </li></ul><ul><li>Información de contacto </li></ul><ul><li>Una lista de servicios </li></ul><ul><li>El área de clientes </li></ul>
  8. 8. <ul><li>El listado de servicios </li></ul><ul><li>la información de contacto </li></ul><ul><li>Quizás el perfil del fotógrafo </li></ul><ul><li>Área de clientes </li></ul><ul><ul><li>¿ya están listas mis fotos? </li></ul></ul><ul><ul><li>Quiero hacer una cita </li></ul></ul><ul><ul><li>Compartir foto </li></ul></ul><ul><li>Portafolio* </li></ul>
  9. 10. <ul><li>Pantalla pequeña Escritura complicada </li></ul><ul><li>Velocidad de conexión </li></ul><ul><li>Memoria del teléfono </li></ul><ul><li>Pocas opciones multimedia </li></ul><ul><li>Sin comunidad de desarrollo </li></ul>Imagen por Naixn@ flickr
  10. 11. <ul><li>Diseña para una web </li></ul><ul><li>Básate en estándares </li></ul><ul><li>Aléjate de peligros conocidos </li></ul><ul><li>Ten cuidado con las limitaciones de cada dispositivo </li></ul><ul><li>Optimiza la navegación </li></ul>Imagen por Naixn@ flickr
  11. 12. <ul><li>Revisa los colores e imágenes </li></ul><ul><li>Mantenlo pequeño </li></ul><ul><li>Usa la conexión con moderación </li></ul><ul><li>Reduce las dificultades para ingresar información </li></ul><ul><li>Piensa en los usuarios en movimiento. </li></ul>
  12. 13. <ul><li>Si sabes diseñar para PCs </li></ul><ul><li>Sabrás diseñar para móviles </li></ul>Imagen por spackletoe @ flickr
  13. 14. <ul><li>Prueba y error. Prueba y error. </li></ul><ul><li>Prueba y error. </li></ul>Imagen por Sea Frost @ flickr
  14. 15. Imagen por Volkan ATAY ® @ flickr
  15. 19. <ul><li>webdebolsillo.com/recursos </li></ul>Imagen por herzogbr @ flickr
  16. 20. <ul><li>webdebolsillo.com </li></ul>

×