Este es un tema muy amplio. ¿Cuál es el contexto? ¿Es esto para una aplicación independiente o un sitio web? Depende mucho de la plataforma: por ejemplo, una pantalla táctil funciona de manera muy diferente a una interfaz de trackball, y un dispositivo de alta resolución se comportará de manera diferente que uno de baja resolución (¡y recuerde que el tamaño de la pantalla también varía ampliamente!). Asegúrese de revisar la web - Jakob Nielsen también tiene algunas ideas sobre esto .
Algunas ideas generales sobre esto:
- Las conexiones tenderán a ser más lentas. Diseño para 2G. Use la menor cantidad de imágenes posible.
- JavaScript a menudo falla o funciona de manera inesperada. HTML sin formato suele ser mejor. Cada navegador móvil también tiene sus propios problemas de CSS.
- No todos tienen el iPhone 5/Android más nuevo. Diseñe para una variedad de dispositivos, en particular los teléfonos "gratuitos" que vienen con los planes más nuevos.
- Nunca, nunca codifique los tamaños de fuente en CSS (CodeProject no se puede ver en mi BlackBerry debido a esto)
- En los sitios web, considere hacer que todo sea lineal (incluso menús). Si un elemento está al lado izquierdo o derecho de algo, navegar allí será difícil y aplastará las otras cosas en un área más pequeña.
- Diseñe para un usuario que está distraído. El usuario probablemente estará en el aeropuerto, en el autobús, en la cola del supermercado, etc.
- Solicite a los usuarios la menor cantidad de información posible. Escribir es lento e incómodo, incluso en el mejor de ellos.
- Espere errores (frecuentemente toco mal en mi iPad, lo que hace que los enlaces se abran al azar mientras leo un sitio).
- Prueba, prueba, prueba! Haga que todos en su equipo lo prueben en sus teléfonos celulares para que tenga una variedad de dispositivos para probarlo.
¡Buena suerte!