El documento describe las principales diferencias entre el diseño para smartphones y para computadoras. Las pantallas de los smartphones son más pequeñas, se usan más en exteriores con luz brillante, y el usuario puede perder la atención en cualquier momento. Esto significa que el diseño debe ser claro y conciso, optimizado para interacción táctil, y capaz de recuperar fácilmente el contexto cuando el usuario regresa. Además, se debe considerar agrupar dispositivos por familias con características similares de pantalla e interacción.

2. Los smartphones no son PC´s

3. Cuando uno se sienta por primera vez a diseñar una
web/app para dispositivos móviles, lo primero que
hacemos es tirarle todas las ideas y recursos que ya
dominamos y usamos más de una vez
De lo que no nos damos cuenta es que las habilidades que
tenemos son para diseñar otra cosa que se ve en una
pantalla más grande que mi mano, manejada con teclado
y un mouse.

4. Entre las principales características de los dispositivos
móviles que afectan al diseño encontramos:

5. Uso en exteriores
La luz del sol directa sobre la pantalla
afecta a la legibilidad y no podemos
confiar en que el usuario vaya buscar
una posición o lugar mejor para ver
nuestra App. El contraste entre los
elementos del diseño es clave.

6. Las pantallas son chicas
Por muy grande que sea la pantalla del
móvil siempre va a se más chica que la
de una computadora, se ven menos líneas
de texto y menos caracteres por línea.
Una imagen demasiado grande puede
lanzar el contenido por debajo de la línea
de scroll (sobre todo en las Blackberrys),
y en los dispositivos no-táctiles hacer
scroll…

7. Que hacemos con los Smartphones
Podemos consultar redes sociales, leer
el diario, escribir un mail, jugar un rato…
pero no vamos a crear un Excel o diseñar
en PhotoShop.
Mucha gente se cambia a la computadora
a la hora de registrarse en la App Store
cuando ve el formulario del iPhone.
Diseñar procesos o tareas que no
requieran mucho trabajo.

8. No disponemos de la atención del usuario
En cualquier momento puede entrar una
llamada, o llega el colectivo que estaba
esperando, también se termina la batería
o se pierda la cobertura.
Una vez que el usuario vuelve al
dispositivo tiene que quedar muy claro en
que punto se encontraba y qué estaba
haciendo.

9. No están optimizados para la entrada de datos
Los teclados son chicos e incompletos
Además no se pueden usar todos los
dedos y mucha gente usa los pulgares,
que son los que menos precisión tienen.
Siempre hay que optar por la selección
sobre la inserción de texto, y dar
opciones predefinidas cuando que sea
posible.

10. Se manejan con menor precisión
En los dispositivos con pantallas táctiles
se usan mucho los pulgares.
En los que tienen botones de dirección
(up, down, left & right) el foco salta a
determinados elementos.
Los que usan pad táctil o rueda son muy
sensibles y cualquier pequeño
desplazamiento del dedo genera un gran
desplazamiento en pantalla.

11. DECISIONES PREVIAS

12. ¿PARA QUÉ DISPOSITIVOS?
Dentro del “mundo smartphone” existen
cientos de dispositivos diferentes que
varían en cuanto a tamaño, orientación y
resoluciones de pantalla, soporte de css
y javascript, detección de gestos y
posición, botones de hardware, etc.
Una buena solución es agrupar los
dispositivos por familias para cubrir las
3 o 4 opciones más comunes, y realizar
un diseño para cada una de ellas.
Lo habitual es hacer la agrupación atendiendo a las
características de interacción (táctil vs no táctil),
resoluciones de pantalla, sistemas operativos.

13. APLICACIÓN… WEB…
No podremos aplicar la misma gráfica de una aplicación a una
web, hay que tener mucho cuidado con el peso de las imágenes,
aún quedan muchas zonas donde no llega la cobertura 3G.

14. GH 2011

19. Votar es fácil, hacé clic sobre las imágenes y listoVotar es fácil, hacé clic sobre las imágenes y listo