Una Guía Para El Diseño Con Respuesta Móvil

“Cuando un sitio web es sensible a móviles, el diseño y / o contenido responde o se adapta en función del tamaño de la pantalla en que se presentan.

¿Qué es el diseño Web, con respuesta móvil?

Un sitio web con respuesta móvil  cambia automáticamente para adaptarse al dispositivo que lo estás leyendo.

Típicamente se producen cuatro diseños de tamaños generalizado de pantalla generales dirigidos a: el monitor de escritorio de pantalla ancha, el escritorio pequeño (o portátil), las tabletas y teléfonos móviles.

Como puede ver en los ejemplos siguientes, mientras la pantalla se hace más pequeña, el contenido se adapta y cambia para una mejor visualización de cada pantalla.

¿Por Qué Debería Preocuparme Por Diseño, Con Respuesta Móvil?

En resumen, usted  (el editor, desarrollador o diseñador)  debe tomarlo en serio, porque desea que los visitantes de su sitio web tengan la mejor experiencia posible, sin obligarlos a adaptarse.

Básicamente hay dos formas de dar a su público una buena experiencia utilizando el diseño de respuesta:

La primera es la optimización de la presentación del contenido.

Si un usuario está navegando desde un teléfono móvil, por lo general no tienen mucho espacio en pantalla para trabajar. Los móviles de hoy día generalmente  se ampliará de forma automática, de modo que todo el sitio web se puede ver en la pantalla.

Esto puede ser bueno, ya que da acceso al lector a una vista completa, pero también puede ser frustrante cuando se trata de encontrar la información que se encuentra en la pequeña parte superior derecha de la pantalla. Si se pudieran mover algunas cosas o hacer algunas cosas más grandes y no tener tantas columnas le daría a sus lector móviles una experiencia mucho mejor.

La segunda consiste en adaptar el contenido que se muestra.

Si usted es dueño de un restaurante y un cliente potencial se encuentre navegando por su sitio web desde un teléfono móvil, lo más probable es que no este tan preocupado por lo bonito que es su blog alimenticio, una presentación impresionante de platos deliciosos que se desplazan de lado a lado no seria muy útil en esa situación. Ellos quieren saber cuáles es su horario,  dónde esta ubicado, cómo reservar, y quieren darle un vistazo al menú.

Un cliente potencial que navega desde un ordenador ( PC ) probablemente no este tratando de comer ahora, y no tiene prisa para ver dónde esta ubicado y cuál es su número de teléfono. Lo más probable es que él está buscando para ver si ofrecen un buen ambiente y el tipo de comida disponible.

Estos son, evidentemente, generalizaciones, pero podemos ver los beneficios de tener diferente contenido presentado a las personas en diferentes circunstancias de la pantalla de visualización.

El diseño con respuesta móvil se encarga de todo esto “al vuelo”, y sin tener que dar mantenimiento a múltiples versiones de su sitio.

¿Cómo Crear Fácilmente Un Sitio Web Sensible A Los Móviles?

Todo esto puede ser nuevo para muchos de ustedes, y bastante intimidante, ya que requiere no sólo un cambio de código y diseño, sino también en la filosofía y estrategia general de su web.

Afortunadamente, el equipo de Genesis tiene la respuesta y esta aquí para ayudarle:

Agency Theme

Balance Theme

Eleven40 Theme

Focus Theme

Generate Theme

Streamline Theme

El Diseño Sensible A Móviles Es El Futuro De La Web

El diseño con respuesta móvil tiene que ver con la entrega a sus lectores del contenido que buscan, de forma automática, dentro del contexto de como lo están viendo.

Es una idea revolucionaria para los editores, debido a que (en su mayoría) el diseño con respuesta móvil elimina la necesidad de múltiples versiones o el desarrollo y mantenimiento de aplicaciones costosas en su sitio.

Un Solo Sitio Web, Múltiples Versiones.

Perfecto para la simplicidad del editor, de gran utilidad para el lector

Este atento, ahora StudioPress esta en el proceso de hacer todos los temas de Génesis sensibles a móviles…

!Diseño WordPress Con Respuesta Móvil!