Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil




descargar 358.78 Kb.
títuloResumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil
página14/22
fecha de publicación28.11.2015
tamaño358.78 Kb.
tipoResumen
med.se-todo.com > Ley > Resumen
1   ...   10   11   12   13   14   15   16   17   ...   22

5.7.- ¿Qué es RESPONSIVE WEB DESIGN?

5.7.1.- Introducción


El control que los diseñadores conocen en el medio impreso y desean frecuentemente en el medio web, es simplemente una consecuencia de las limitaciones de la página impresa. Debemos aceptar el hecho de que la web no tiene esas limitaciones, y diseñar entonces para su flexibilidad. Pero primero, debemos aceptar el flujo y reflujo de las cosas” John Allsopp, A Dao of Web Design.

Los cimientos de un edificio definen su plano, que define su estructura, que da forma a la fachada. Cada fase del proceso arquitectónico es más inmutable, más invariable que la anterior. Las decisiones creativas modelan, literalmente, un espacio físico, definiendo la forma en que la gente se moverá a través del mismo por décadas o incluso siglos.

Trabajar en la web, sin embargo, es una cuestión completamente diferente. Nuestro trabajo está definido por su transitoriedad, y es a menudo refinado o reemplazado en el lapso de uno o dos años. Las ventanas de ancho inconsistente, las resoluciones de pantalla, las preferencias de los usuarios y las fuentes instaladas son sólo algunos de los intangibles con los que negociamos cuando publicamos nuestro trabajo, y a través de los años, nos hemos vuelto muy hábiles para ello.

Pero el panorama está cambiando, quizás más rápidamente de lo que nos gustaría. Se espera que la navegación móvil supere a la navegación desde una computadora de escritorio dentro de unos tres a cinco años. Dos de las tres consolas dominantes en materia de videojuegos tienen navegadores web (y uno de ellos es verdaderamente excelente). Estamos diseñando para mouse y teclado, para keypads T9, para dispositivos controladores de juegos, para interfaces táctiles. Dentro de poco, nos enfrentaremos con la mayor cantidad de dispositivos, modos de entrada y navegadores con la que nunca antes nos hemos encontrado.

En los últimos años, cada vez se ve más compañías que solicitan “un sitio para iPhone” como parte de su proyecto. Es una frase interesante: en una lectura literal habla por supuesto de la calidad móvil de WebKit como navegador, así como también de un poderoso caso de negocio que está pensando más allá del escritorio. Pero como diseñadores, creo que a menudo damos una solución cómoda a este tipo de requerimientos explícitos, que nos permite compartimentar los problemas que tenemos ante nosotros. Podemos poner en cuarentena a la experiencia móvil en subdominios separados, espacios diferentes y alejados del “sitio no-iPhone”. ¿Pero y después? ¿Un sitio para iPad? ¿Otro para el N90? ¿Realmente podemos comprometernos a soportar cada nuevo agente de usuario con su propia experiencia a medida? En algún punto, esto empieza a sentirse como un juego de suma cero. ¿Pero cómo podemos adaptarnos y adaptar a nuestros diseños?

5.7.2.- Un cimiento flexible


Consideremos el diseño inicial. Construí una página hipotéticamente simple; es un layout directo, de cuatro columnas, construido en una grilla, con algunas imágenes insertadas a lado de cada una. Los diseños flexibles no asumen nada acerca del ancho de la ventana del navegador y se adaptan hermosamente a dispositivos que tienen modos horizontales y verticales.



Figura5. Las imágenes enormes son enormes. Nuestro layout, como es, no responde bien a cambios de resolución o al tamaño de la vista. Fuente: Elaboración propia

Pero ningún diseño fluido ni fijo se escala sin problemas más allá del contexto para el cual fue pensado originalmente. El diseño inicial se escala perfectamente cuando la ventana del navegador cambia su tamaño, pero aparecen puntos de tensión en las resoluciones más bajas. Cuando se observa en una vista menor de 800×600, la imagen de hospedaje se va cortando y formando un scroll, el texto de navegación se acomoda de una manera impropia y las imágenes que están en la parte inferior se hacen demasiado compactas como para ser legibles. Y no sólo las menores resoluciones del espectro se ven afectadas: cuando se observa el diseño en una pantalla widescreen, las imágenes crecen a enormes tamaños, amontonando el contenido que las rodea.

Resumiendo, nuestro diseño Inicial funciona lo suficientemente bien en el contexto centrado en la computadora de escritorio para el cual fue diseñado, pero no está optimizado para extenderse mucho más allá.
1   ...   10   11   12   13   14   15   16   17   ...   22

similar:

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconTesis diseño de una aplicación móvil para la consulta académica de la fiis-utp

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconResumen Para el diseño de la interfaz de la página Web, me he fijado tres principales objetivos

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil icon¿Qué se debe tener en cuenta para manejar una terapéutica optima?

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconEste trabajo consistirá en desarrollar la idea de un negocio para...

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconResumen: Con este trabajo se pretende proporcionar unos adecuados...

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconContextualización sobre prensa, tecnología y diseño en el último...

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconDiseño de un sistema móvil de recorrido turístico en el departamento de lima

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconDiseño de un sistema móvil de recorrido turístico en el departamento de lima

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconAdquisición de diseño y de materiales para el área de casa de máquinas,...

Resumen subirnos al carro del diseño web adaptativo no es cosa de tomárselo a la ligera. Tener en cuenta qué quieres conseguir y si tiene o no sentido realizar el diseño a una versión concreta para escritorio o dispositivo móvil iconAdquisición de diseño y de materiales para el área de casa de máquinas,...


Medicina



Todos los derechos reservados. Copyright © 2015
contactos
med.se-todo.com