En esta entrega me refiero a un análisis que se hace en cuanto al diseño de paginas web para móviles, así que aquí van los consejos.
1. Tome en cuenta la resolución
En la gran gama de celulares encontramos diversos valores en resoluciones para lo cual debemos organizarnos. Para ello se presenta una lista de los dispositivos móviles mas populares hasta febrero del 2011.
2. Divide en secciones tu sitio web
Grandes porciones de texto puede dificultar la lectura, para ello divide en secciones manejables de manera que no se haga uno de la barra de desplazamiento horizontal y manejando el desplazamiento vertical. Como ejemplo se propone esta página
3. Simplifica el diseño
Un diseño que permita al usuario desplazarse sin dificultades sobre nuestro sitio es un logro. Se aconseja que se evite el uso de Tablas y Frames de modo que complique la navegabilidad, Simplicidad equivale a usabilidad. Como se presento en el anterior punto se presenta un ejemplo del caso.
4. Habilita la opción de ver el sitio completo
Si habilita una vista del sitio completo, el visitante podrá tener un acceso a los contenidos de su sitio. De hecho es una practica bien puesta en sitios Web orientados a pc de escritorios.
Como ejemplo tenemos este sitio
5. Distribuya la navegación
Se refiere a donde disponemos las barras de navegación o los menús. Los menús bien ubicados facilitan el acceso a los contenidos a nuestros visitantes. Algo que tomar en cuenta.
Un ejemplo bien elegante sobre este punto lo tienen
6. Use link de texto
Este punto sugiere que si bien en sitios web de escritorio se hace uso de una variedad de efectos en los link, estos no son apropiados en los sitios para móviles. Se aconseja que se haga uso solamente de link con títulos de manera clara.
7. Distinga o resalte el link que esta seleccionado.
Al navegar por el sitio se puede contar varios link, de modo que el usuario debe poder encontrar lo que quiere visitar sin ninguna complicación. Para ello haga visible el link que tiene el focus, por decirlo de alguna forma.
8. Balance entre sus link y la profundidad de su sitio
Se refiere a que no forcemos a nuestro visitante a que revise todo nuestro contenido, cada descarga en un consumo de tiempo y recursos que vamos a minimizar.
Para ello proporcione la habilidad al usuario de buscar concretamente lo que requiera.
Un ejemplo interesante es este sitio.
9. Reduzca las entradas de texto de su sitio
En este punto se aconseja que trate de proporcionar al visitante formas de entrada de datos mediante radios buttons o casillas de selección en vez de los usados como textfield, o campos de texto.
Presentamos un ejemplo de lo que queremos decir.
10. No use ventanas emergentes o Pop y tampoco refresque la página.
Los navegadores para móviles no soportan las ventanas emergentes (pop-ups) de hecho evite usarlos, y de igual manera no haga que el sitio se refresque periódicamente, deje que el usuario lo haga por su cuenta.
Conclusiones
Los diseños de sitios Web para móviles están limitados, sin embargo eso no quiere decir que no podamos proporcionar a nuestros visitantes lo que buscan cuando lo requieran.
De hecho este post, nos dan ejemplos de sitios que han logrado su propósito, esperemos que sirva y que ademas logre inspirarlos para nuestros diseños.
Fuente: Mobile Web Design: 10 Tips To Better Usability