Plantilla web móvil "Mobile First"

Plantilla web móvil "Mobile First"

En Comunic-art hemos diseñado una plantilla web para móvil concebida desde la filosofía Mobile first. Se trata de una plantilla de webs básica pero completa que incluye los elementos más determinantes para una navegación móvil óptima. La plantilla constituye una carcasa limpia y eficaz que permite una navegación directa y fácil sobre los contenidos y una gestión simple, sobre éstos, por parte del propietario.  

La plantilla móvil de Comunic-art se ha concebido desde la experiencia de nuestros profesionales y después de realizar un estudio a fondo entre webs de marcas importantes en la que se han recogido un conjunto de rasgos comunes que hemos sintetizado seleccionando los elementos más efectivos. En el estudio hemos incluido todo tipo de webs,primando las más elaboradas y profesionales, desde webs coorporativas a webs de contenido como blogs o de comercio electrónico - dado que este campo está muy avanzado en la adopción de la web "móbile first" ya  que busca que el usuario llegue a un contenido de la manera más efectiva y directa posible -.

Plantilla móvil drupal

Plantilla web con diseño fluido: "responsive".

La plantilla web móvil de Comunic-art se ha concebido desde móvil hacia web, pero sin dejar de lado o perjudicar la usabilidad en las panatllas grandes, el diseño se adapta de manera adecuada a pantallas anchas sin menoscabar el potencial de usabilidad. Se trata precisamente de un diseño que conjuga una navegación óptima para todo tipo de dispositivos, desde teléfonos inteligentes, a tabletas, portátiles y ordenadores de escritorio.  
 

Plantilla web móvil Drupal

La plantilla móvil ha sido concebida en Drupal y contiene el conjunto de funcionalidades más usuales de un sitio web. Se trata de un conjunto o pack de inicial completo que permite una instalación, configuración y personalización rápida. La concepción en Drupal permite además una escalabilidad sin límites. Las posibilidades que da una tecnología como Drupal son casi infinitas. 

Plantilla móvil Wordpress y kirby

Esta misma plantilla la tenemos disponible también en Wordpress, una de las tecnologías más populares actualmente, y otras tecnologías interesantes como la rapidísima y sencilla tecnología kirby. Con el fin de poder ofrecer un mayor abanico de posibilidades de precio para aquellos proyectos que no necesitan tantas funcionalidades pero siguien necesitando una tecnología sólida y profesional detrás. *Comparativa Drupal vs. Wordpress.   

Móvil primero o "Mobile First"

En 2016 el diseño web consolidó un giro anunciado de sentido en la concepción del diseño: el diseño se lleva a cabo de móvil "hacia" sobremesa en lugar de hacerse de sobremesa "hacia" móvil.
Este giro ha dictado las tendencias del diseño web actual.

Tendencias del diseño web actual

  • Minimalismo
  • Diseño plano 
  • Primacía del scroll 
  • Efectos parallax 
  • Protagonismo de las tipografías
  • Menús hamburguesa
  • Interacción de la página
  • Diseño responsive y en cuadrículas
  • El hecho que en el móvil el "lienzo" sea más limitado que la pantalla grande del escritorio y la inercia a una navegación más directa, por parte del usuario, ha llevado a que los diseñadores nos dejemos de florituras en el "packaging" de la web, para dar paso a una estructura simple y fácil de usar que da protagonismo al contenido. 

Vuelta a los orígenes del diseño de contenidos web

Parecería una vuelta a los orígenes, dado que pasamos de diseños complejos a diseños más planos y simplificados, pero está vuelta a los orígenes se ha llevado a cabo con nuevas armas.  
El avance en las posibilidades de realizar un diseño fluido que se adapta en todo momento al ancho de la pantalla junto con los avances en la tecnología HTML5 y hojas de estilo CSS, obligan ha cambiar las contenedores de estructuras más simples, pero permiten enriquecer los contenidos y jugar con las tipografías de manera más creativa.Esta vuelta a los orígenes es una vuelta en condiciones: no se consiste en posibilitar que los diseños que se hacían sobre las pantallas antiguas (en verdes sobre negros) se puedan trasladar a los distintos dispositivos, sino de llevar, por fin,  la plasticidad del papel a las pantalla. El nuevo diseño web es un diseño que emula el diseño editorial pero le da alas y poderes camaleónicos.

En la breve historia de Internet los consumidores de contenido se han adaptado rápidamente a las propuestas de consumición de contenidos. Pero el ojo humano no ha evolucionado: la longitud de las líneas de texto, los colores, la cantidad de frames por segundo que puede interpretar nuestro ojo, no han variado. 

En los orígenes de Internet se tenían que concebir diseños de manera rígida porqué la programación no permitía mostrarlos de manera fluida y las limitaciones eran muchas, por lo que no se podía adaptar de manera tan directa contenidos de la manera creativa que lo permite el papel. 

En estos momentos podemos llevar a cabo la publicación de una web en distintos formatos sin las limitaciones de Internet de antes, el gusto de la publicación impresa y las ventajas de ahora. Podemos publicar un mismo contenido de manera diversa, que se presente bajo diferentes aspectos según el formato en que detecta que es representado. Es decir, podemos dictarle a un mismo contenido que se reproduzca en un móvil y una gran pantalla de manera plimórfica, pero adecuada en ambos casos. De la misma manera que haríamos, si el mismo contenido lo quisiéramos concebir para un libro de bolsillo o una publicación de libro de gran formato, tapa dura e ilustraciones e imágenes a todo color. 

Por lo general en las grandes pantallas buscamos envolver al usuario en un clima más impactante y en una pantalla móvil la navegación se busca más directa, pero una vez traspasado la puerta del pakaging, la verdad de los contenidos es la que adquiere un nuevo protagonismo. Para contenidos que es mejor expresar tan solo en texto los podemos mostrar de la mejor manera posible y lo mismo para el resto: el html5 vuelve a dar vida a los contenidos interactivos y compatible en múltiples formatos y lo hace de una manera más eficaz que otras tecnologías que hay o han habido en el dieño de Internet, como el mal logrado Flash. 


 

Artículos relacionados

Plantilla móvil para tiendas online Magento