Te encuentras en: Inicio » dispositivos móviles

Artículos tageados con:

dispositivos móviles

Limitaciones en el interfaz de usuario cuando se diseña web en dispositivos móviles

responsive_web_design



Desde hace un tiempo que llevo haciendo análisis y estudio sobre la integración web en dispositivos móviles. Vamos a decir que tenemos nuestra web con todos los estandares de diseño y maquetción web óptimos para los navegadores sobre pc u ordenadores de escritorio o portátiles, vamos que está bien maquetada y no descuadra en ningún navegador, y ahora queremos que nuestra web sea lo mas “movil-friendly” posible. Que podamos ver nuestra web en dispositivos móviles, pero no están sencillo como escalar nuestro diseño y punto, son una nueva plataforma con una configuración y limitaciones especificas. En el siguiente artículo comentaré las limitaciones que he ido recopilando de otros blogs, foros, así como de mi propia experiencia a la hora de desarrollar e integrar un web en un dispositivo móvil. No hay estados “hover” Esto es algo muy simple, pero que en la gran mayoría de web, hay acciones hover sobre los botones o enlaces, los cuales se activan o desactivan. En los dispositivos móviles no hay estado hover. Como gran parte de los móviles son táctiles un enlace o botón sólo puede ser pulsado por lo que no podemos poner el cursor encima como haríamos con un ratón cuando vemos [...]

Seguir leyendo... Comentar

Uso básico CSS3 Media Queries para crear versiones web para móvil

css3_media_queries-e1312909158449



Con las reglas @media de CSS3 conseguimos mejorar la experiencia del usuario que entra en un site, independientemente del dispositivo que se use. Adaptando la web a las resolución y medidas del dispositivo que se esté usando, claro siempre y cuando tengamos las reglas para ese dispositivo en nuestro css. Podremos definir conjuntos de estilos dependiendo de propiedades comunes de los dispositivos y se pueden ajustar propiedades específicas para el alto, ancho, la relación de aspecto, el número de colores disponibles, etc. Hasta el momento necesitábamos JavaScript para obtener información del navegador del usuario y conocer el tamaño de la ventana. En CSS3 tenemos las media queries con las que podemos obtener bastante información de las propiedades del navegador o dispositivo que se está usando para acceder a nuestro site. Las propiedades más importantes que tendremos que tener en cuenta para dispositivos móviles son las siguientes: Aspect-ratio: Mira las dimensiones relativas del dispositivo expresadas como una relación de aspecto: 16:9 por ejemplo. Width y height: Mira las dimensiones del área de visualización. Además pueden ser expresadas en valores mínimos y máximos. Orientation: Mira si el layout es panorámico ( el ancho es mayor que el alto ) o vertical ( [...]

Seguir leyendo... Comentar