¿Cómo evolucionará el diseño web receptivo en 2012?

No podría estar más de acuerdo con sus puntos clave, tanto cuando responsive proporciona soluciones genuinas, como también cuando hay necesidades significativas que no se satisfacen con el enfoque receptivo.

La mayoría de los sitios receptivos que son más que simples blogs con solo un par de imágenes requieren muchos recursos, generalmente entre 1 y 3 megabytes. Este es un asesino de rendimiento para dispositivos móviles en 3G. Y no cuente con operadores para salvar a los diseñadores web de la sobrecarga de páginas: el ancho de banda inalámbrico es un producto compartido. Incluso a medida que se implementan redes más rápidas, el número de suscriptores y el uso de ancho de banda por suscriptor aumenta rápidamente, lo que hace que las ganancias en circunstancias típicas sean muy modestas en el mejor de los casos.

Estamos viendo más discusión este año sobre la “web adaptable / adaptable”. No puedo resistirme a un enchufe pequeño: escribí sobre esto antes de que comenzara a ganar terreno hace unos dos años. Si alguien me gana, pueden llamarme. 🙂

http://www.mobify.com/blog/all-h…

El término web adaptable parece estar ganando fuerza, con artículos de Luke Wroblewski y un libro de Aaron Gustafson (http://easy-readers.net/books/ad…) que definen el término más claramente y establecen un camino hacia la mejora progresiva .

Mobify está trabajando para abordar todos los problemas de diseño que identificó (control sobre el documento, capacidad de trabajar con sitios existentes sin un rediseño completo y receptivo, gestión de recursos) con nuestra plataforma de código abierto (licencia MIT), Mobify.js. Mobify.js permite un control completo sobre el documento, no solo la hoja de estilo, así como un control completo sobre los recursos que se cargan en diferentes puntos de interrupción. Para una introducción más completa, eche un vistazo a:

http://www.mobify.com/blog/intro…

Aquí hay cinco principios de diseño web receptivo que ninguna empresa debe ignorar:

  1. Hermoso diseño : no hace falta decir que si lo vas a hacer, hazlo bien. Haga que su sitio web sea atractivo, no solo para la Web, sino para todos los dispositivos en los que podría verse.
  2. Fácil de navegar : desea que sus visitantes móviles puedan encontrar lo que están buscando. Eso significa que su sitio web debe ser fácil de navegar, y para que su sitio web sea fácil de navegar, también debe considerar cómo la navegación es diferente en cada dispositivo. Los usuarios de teléfonos inteligentes tienen una pantalla realmente pequeña. ¿Cómo se verá su sitio web en un teléfono inteligente en comparación con una computadora de escritorio o portátil? Además, ¿será diferente la navegación en una tableta?
  3. Velocidad de carga receptiva : en la actualidad, los dispositivos móviles se están fabricando con algunas características robustas, y si bien las capacidades de gráficos y carga han mejorado enormemente, aún desea asegurarse de que su sitio web se cargue rápidamente en cualquier dispositivo.
  4. Constrúyalo pensando en el usuario : es genial hacer que su sitio web sea fácil de actualizar cuando necesite actualizarlo, pero no olvide que su usuario final es el que necesita interactuar con él. Si pierde demasiados visitantes, perderá ingresos, así que asegúrese de desarrollar su sitio web teniendo en cuenta a su usuario.
  5. Sigue siendo un sitio web : tenga en cuenta que sigue siendo un sitio web. Eso significa que aún necesita optimizarlo para la búsqueda, escribir excelente contenido con su audiencia en mente y orientar su contenido hacia la audiencia correcta. Todo lo que haga a su sitio web tradicional debe hacerse a su sitio web receptivo, pero no necesita dos sitios web. Deberían ser uno y lo mismo.
  6. Somos una empresa con sede en India que ofrece soluciones de sitios web de calidad premium a precios asequibles. Con nuestra amplia experiencia y experiencia, nos centramos en una empresa innovadora de desarrollo web en EAU , redacción de contenido web, optimización de sitios web y servicios de marketing web.

Aquí están mis dos centavos

  • Carga de imagen más inteligente
    Varios desarrolladores ya han tenido ideas de representar la imagen apropiada en el lado del servidor. Creo que el diseño web receptivo funciona mejor cuando utilizamos tanto el lado local como el servidor de manera inteligente. WebKit también propone una idea de -webkit-image-set (es una especie de MediaQueries pero no requiere tener múltiples consultas para implementarlo). Esto podría ser muy útil en un futuro próximo.
  • Cambiar el tamaño de las imágenes de forma más inteligente
    En la actualidad, muchas imágenes sensibles solo se están reduciendo / agrandando (es decir, utilizando el ancho máximo). Este método es extremadamente fácil de implementar, pero no sería efectivo en alguna situación. El texto o la imagen principal deben enfocarse independientemente de los tamaños de pantalla. Nosotros, los diseñadores, debemos ser más conscientes de cómo se trata la imagen en diferentes situaciones.
  • Responsive to HD
    A menudo vemos que el diseño web receptivo está dirigido a dispositivos móviles. No es necesariamente cierto. También deberíamos mirar pantallas más grandes como TV y Kiosk. Las pantallas de Ratina ya son temas de discusión, pero también espero ver algunas ideas geniales para pantallas más grandes.
  • Sensible a la transformación
    Podríamos ver formas más drásticas de diseño web receptivo en un futuro próximo. ¿Qué sucede si las páginas del artículo se convierten en formato de libro cuando lo ve desde Tablet? ¿Qué pasa si la navegación del sitio web se convierte en una pestaña de navegación a la aplicación de iPhone? Pronto habrá algo más que reorganizar bloques de contenido.

More Interesting

Cómo deshabilitar la regla CSS ': hover' para navegadores de dispositivos táctiles iPhone y iPad

¿Cuál es la mejor manera de crear una aplicación móvil sin programación, de forma gratuita?

Si tiene una aplicación web y una aplicación móvil nativa, ¿cómo canaliza mejor a los usuarios de uno a otro? (¿Deberías incluso intentar hacer esto?)

¿Qué pequeño sitio web, aplicación móvil o herramienta de software siempre quisiste que alguien construyera?

¿Existe un creador de sitios web móviles WYSIWYG asequible?

¿Cómo puedo desactivar la función de cambio de tamaño (en más pequeño) de cualquier navegador web cuando alcanza un ancho de 320 px?

¿Qué pasos puede tomar para hacer que una aplicación web existente sea más amigable para dispositivos móviles?

¿Cuáles son los imprescindibles, qué hacer y qué no hacer cuando está creando un sitio móvil?

Necesito sugerencias de nombres para una empresa de TI. Básicamente es una agencia digital que trabaja en las plataformas de desarrollo que incluye dispositivos móviles, web y diseño. ¿Qué sugieres?

¿Existe un mercado para crear sitios web móviles para pequeñas empresas?

¿Está claro el video explicativo de nuestra aplicación de máquina del tiempo móvil?

Cómo externalizar el desarrollo de sitios web / aplicaciones móviles a bajo costo sin sacrificar la calidad

¿Cuál es una tarifa razonable (por hora) para el desarrollo móvil (web)?

¿A qué debo prestar atención al crear un sitio optimizado para dispositivos móviles?

¿Qué es más fácil de administrar, una aplicación móvil o un sitio web?