Llámanos: 93 639 68 66

Preferencias del diseño web

Preferencias del diseño web

Versión móvil

Primero de todo se tiene que tener en cuenta el diseño móvil. Fíjate en ti mismo cuantas veces navegas por el móvil y cuantas con el portátil o torre, seguro que te conectas mucho más con el primero que con el segundo, y si no fíjate también en la gente, en el tren o en el metro, ¿cuántos estas mirando el móvil?

Ademas, Google lanzara Mobile First donde el escritorio pasara en segundo plano y dará más importancia a la versión móvil por lo que en los resultados de búsqueda antepondrá a los optimizados para móvil.

Diseño minimalista

Con la tendencia del diseño móvil, se debe tener en cuenta los diseños limpios y sencillos. Si tenemos un diseño con pocos elementos gráficos, la web se cargara más rápida y la espera del usuario será menor en los dispositivos móviles donde normalmente la conexión es limitada. A parte del usuario, también es importante para Google porque considerara que es mejor para el posicionamiento.

Para conseguir menos carga en las imágenes que sean necesarias, podemos pasar a los gráficos vectoriales SVG, estos archivos son fácilmente escalables y no pierden calidad.

Colores llamativos y tipografía expresiva

La tipografía es una parte que se tiene que ver clara, así que es muy común utilizar un estilo de fuente en negrita con fondo blanco para facilitar la lectura del usuario, así si se quiere usar colores brillantes que sea con tipografías llamativas.

Cambiar el uso de banners e imágenes de carga muy pesada por expresiones tipográficas, así conseguimos que, al escalar en tamaño de la fuente, no afecta al rendimiento para dispositivos móviles.

Logos animados

Cuando un usuario ver imágenes dinámicas, son más fáciles de recordar. Con el logo animado se transmiten emociones positivas y ayuda a definir mejor el negocio a los clientes. A parte, se sorprende al usuario ya que aún no es muy extendido.

Aplicaciones web progresivas

Las web hibridas van a aumentar con las notificaciones push, las transiciones de páginas animadas y pantallas de bienvenida. Las aplicaciones progresivas tienen beneficios como la carga rápida, un icono de inicio en el escritorio móvil o envía notificaciones push.

Autor: Txell Casals

Accede a nuestra sección de proyectos a medidaDiseño y Desarrollo Web Único >

Comparte este artículo en tus redes sociales

Otros Artículos en Diseño y Desarrollo Web Único

WooCommerce vs PrestaShop vs Magento vs Shopify - ¿Cuál es mejor para una tienda online?

WooCommerce vs PrestaShop vs Magento vs Shopify - ¿Cuál es mejor para una tienda online?

Iniciar una tienda de comercio electrónico requiere mucho trabajo y dedicación. Elegir el nombre de una tienda y decidir qué productos vender es solo una fracción del desafío. Muchos propietarios de tiendas online se sorprenden de cuánto tiempo y esfuerzo implica el marketing. Con esto en mente, debe asegurarse de elegir la plataforma adecuada para que su tienda tenga el mejor comienzo posible. Estas son las cuatro opciones más populares.

13-03-2018

Como configurar un WordPress desde Cero

Como configurar un WordPress desde Cero

Como instalar y configurar una página web en WordPress desde cero. Requisitos previos y consejos para su correcto funcionamiento. Introducción a uno de los CMS más populares, potentes y gratuitos que podemos encontrar.

13-03-2018

Redirecciones de .htaccess

Redirecciones de .htaccess

En ocasiones necesitamos que ciertas URLs de nuestra web o un sitio web entero sea redirigido a otro dominio. Con el .htaccess de nuestra web lo podemos hacer fácilmente.

07-03-2018

Usabilidad

Usabilidad

Seguro que alguna vez os ha pasado que entráis en un sitio web y no veis donde están los enlaces para navegar por el sitio o no entendéis como esta estructurada la web. Estos son típicos problemas que se pueden encontrar en sitios donde no se ha tenido en cuenta la usabilidad. Te explicamos porque es importante y unos consejos a tener en cuenta.

05-03-2018

¿Por qué Optimizar imágenes en una web?

¿Por qué Optimizar imágenes en una web?

Artículo dedicado a las recomendaciones que hay que seguir a la hora de subir imágenes en una web y su correcta optimización. Así como las diferentes herramientas que disponemos para realizar dicha función.

05-03-2018

Frameworks de CSS

Frameworks de CSS

Los frameworks de CSS son conjuntos de archivos (CSS y, en los más completos, JavaScript) que permiten una maquetación más rápida y sencilla de las páginas web, y especialmente, de los componentes más comunes como botones, formularios, tablas, menús... etc. Son una gran ventaja, pero pueden llegar a convertirse en una pesadilla si no se tiene en cuenta ciertos factores.

02-03-2018

Cuéntanos, ¿qué necesitas?

Nuevo mensaje