+34 966 87 37 50 info@digiworks.es

9 claves para aumentar el tiempo de permanencia en tu web

Hay empresas que evitan a toda costa evaluar sus resultados en Google Analytics, porque lo ven como un sufrimiento, un golpe de realidad que les muestra que a su web no entra tanta gente como creía, o que los que lo hacen, apenas pasan unos segundos en ella.

Una vez, un cliente me decía: “¿Pero cómo que entran y salen en 15 segundos? No puede ser, ¡si en ese tiempo no les da tiempo a ver nada!”. Exacto, ese es el problema.

Conseguir visitas a nuestra web es una ardua tarea, que tratamos de solucionar mediante el SEO y/o campañas de SEM. Pero no menos problema es captar su atención y resultar suficientemente atractivos como para que decidan quedarse un rato a ver qué tenemos que ofrecerles.

La paciencia del usuario, como sabemos, es cada vez más pequeña, y si no somos capaces de mostrarle algo que le guste en un breve espacio de segundos, cerrará nuestra ventana y pasará a otra cosa.

 

¿Cómo podemos evitar que salga de nuestro site tan rápido como entró? Veamos 10 claves para aumentar el tiempo de permanencia en tu web.

 

1. Es hora de asumirlo: los 90’s quedaron atrás

En las webs de los 90’s había gifs en movimiento, mucho destello, colorido y mezclas imposibles. Fue una época bonita, pero ha llegado el momento de asumir que los tiempos son otros, y las expectativas de los usuarios, también. Una web que respire un estilo anticuado, transmite la imagen de empresa desfasada. Si en el primer golpe de vista de apenas unos segundos, espantamos al visitante mostrándoles un diseño “rancio”, ya no habrá vuelta atrás. Por ello, es importante hacer una evaluación crítica de nuestro site, y plantearnos si quizás está anclado en el pasado y es hora de plantearnos un rediseño que represente mejor el estilo que queremos transmitir.

2. Dame una imagen, y moveré el Mundo

El ojo humano se siente indefectiblemente más atraído por las imágenes, sobre todo si estas están en movimiento. Emplear vídeo e imágenes en nuestra web nos ayudará a captar la atención del usuario más fácilmente pero, eso sí, evitando utilizar las mismas imágenes vacías de stock que tiene todo el mundo y no aportan nada. Hoy en día podemos encontrar numerosos recursos de imágenes en la web, así como herramientas para personalizarlas. También hemos de tener presente que las imágenes de personas mirando a cámara resultan de gran eficacia, y además aumentan la confianza del potencial cliente. Incluso existen tests que demuestran mejoras en la tasa de conversión de hasta un 90% al incluir imágenes de personas mirando a cámara.

3. Si no lo leo, no lo creo

Si la imagen es importante, el texto no lo es menos, pero no sólo desde el punto de vista del contenido, sino también del aspecto con el que lo presentamos. Una web con grandes bloques de texto no resulta atractiva, salvo que sepamos darle una estética que aligere visualmente e invite a la lectura. Además de combinar el texto con imágenes, hemos de procurar trabajar con párrafos no demasiado extensos, utilizar encabezados y subtítulos para jerarquizar el texto, y apoyarnos en recursos como gráficos, viñetas y listas que nos ayuden a presentar el contenido de la manera más atractiva visualmente.

Otro punto a tener en cuenta es la tipografía. El tamaño de las fuentes que empleamos ha de ser suficientemente grande como para favorecer la legibilidad. Además, evitaremos utilizar demasiados tamaños diferentes, o mezclar distintas tipografías.

4. Enséñame los números

Otra fórmula para potenciar la credibilidad y aumentar el tiempo de permanencia en nuestra web, es incluir estadísticas del tipo “el 85% de nuestros clientes repiten”, “más de 50 casos ganados al año”, etc. Independientemente de lo que digan los datos, a la gente le da confianza ese tipo de argumentos, y eso ayudará a que tengan más interés en el contenido que les mostramos.

5. La importancia de los enlaces internos

En muchas ocasiones, el usuario entra en nuestra web, obtiene la información que quería en esa misma página, y le da a “Volver atrás”, abandonando nuestros site. Una manera de prevenir esto, es incluyendo en nuestras landing pages enlaces que lleven a otras partes interesante de nuestro contenido. En nuestros blog posts, por ejemplo, podemos incluir enlaces a otros contenidos relacionados, que ayuden al usuario a ampliar la información y, al mismo tiempo, aumenten su permanencia en el site.

6. El cuidado con los enlaces externos

¿Y qué hay de enlazar a contenidos externos que “saquen” al visitante de nuestro site? La premisa básica en este caso, será hacerlo mediante enlaces que se abran en otra ventana, de manera que no nos perjudique al cerrar la página nuestra que estaba consultando.

7. Me interesa tu opinión

Otra manera de mejorar nuestra tasa de rebote es abrir el diálogo a nuestros lectores o visitantes, realizándoles preguntas que inviten a dejarnos comentarios o mostrarnos su opinión. Desde pedirles que voten en una encuesta, a animarles a que comenten en un post de nuestro blog. Todo ello servirá para que pasen más tiempo en nuestro site.

8. ¿Seguro que quieres irte?

Si ninguno de los trucos anteriores funciona, siempre puedes plantearte incluir una ventana pop up que “frene” el abandono de la página, de manera más o menos agresiva. Una buena fórmula para aprovechar esta tecnología “intent exit”, puede ser por ejemplo lanzar una oferta interesante al visitante al intentar abandonar la web. Si sabemos hacerlo bien, podremos reconducir su abandono.

9. Motivos para que quieras quedarte

Después de todo, y a pesar de los consejos y recomendaciones, la mejor manera de conseguir captar la atención y el interés del usuario será contándole algo que le atraiga. El storytelling es nuestro aliado, y si sabemos darle a nuestra web la vuelta para que no sólo venda, sino que también intente aportar contenido de valor al usuario, tendremos un gran paso recorrido. Incluir vídeos explicativos, foro de consultas, ideas de uso del producto, opiniones de otros usuarios…

¿De qué manera puedes hacer tu web más atractiva y útil?

 

Imagen | barockschloss / cirox

En Digiworks | ¿Cómo venderle al consumidor Millennial?

10 tendencias inspiradoras para el diseño de logotipos

Ya tienes tu idea para montar tu negocio, pero ahora te enfrentas a una fase decisiva: el diseño del logotipo.

El logotipo de tu empresa no es un simple dibujo o cuatro líneas que a cualquiera se le ocurren; va a ser un pilar muy importante para dar a conocer tu empresa y transmitir la imagen y valores que nos interese.

Estrategia, arte y diseño se mezclan en la creación de logotipos, y tanto si vas a lanzarte a la aventura, como si sabiamente prefieres dejarlo en manos de profesionales, te mostramos las principales 10 tendencias para el diseño de logotipos.

 

1.Diseños poligonales

Los diseños poligonales aplicados a logotipos han sido protagonistas en 2014, y previsiblemente seguirán dando que hablar en este 2015. Influenciada por programas de creación de 3D como Maya o 3D Studio Max, esta técnica de volúmenes geométricos ha sido y seguirá siendo durante este año una de las protagonistas en el diseño de logos.

2. Degradados

Los degradados lineales y de malla se van a utilizar mucho para lograr diseños con volumen y colorido, especialmente para compañías que deseen transmitir frescura e innovación.

  

3. Espacios negativos

En ocasiones nos empeñamos en recargar el logotipo con elementos superfluos, cuando simplemente modificando algo en su esencia podemos lograr resultados diferentes e innovadores. Es el caso, por ejemplo, del uso de espacios negativos, que dan un toque moderno y sobrio al diseño.

4. Superposiciones

Esta técnica, no demasiado utilizada hasta ahora, está dando muy buenos resultados. Consiste en superponer dentro del logo distintos elementos que den lugar a sombras e intersecciones. El resultado no tiene por qué ser recargado, pueden obtenerse propuestas muy equilibradas, como las que te mostramos.

 

5. 3D Metálico

Un estilo que da una apariencia metálica y sólida a la marca. Recuerda a las insignias de las marcas en los coches.

  

6. Musicalidad en la tipografía

En esta variedad de logotipos la tipografía fluye con cierta “musicalidad”, transformándose en la protagonista de la imagen. Destaca por las formas curvas y dinámicas.

7. Líneas finas y gruesas

El dibujo pretendidamente a mano alzada mediante la herramienta Pluma siempre ha sido muy utilizado en la creación de logotipos. Ahora su uso se ha extendido también al mercado de diseño de iconos, y lo veremos cada vez más durante este año.

 

8. Texturas con veta

Este estilo, con texturas y líneas que pueden recordarnos a las vetas de la madera, está pensado para aportar profundidad y un aire diferenciador a los logotipos.

  

 

9. Escritura manual y caligráfica

Gracias a la escritura caligráfica, además del aporte artístico, los logotipos obtienen un aire sofisticado y profesional.

  

 

10. Aire Vintage

Muy de moda, especialmente en sectores relacionados con la fotografía, la moda, o los eventos sociales, el estilo vintage aporta a los logotipos cierta ornamentación y elegancia que dan un toque más cálido y personalizado al anagrama, además de una cuidada estética.

 

 

Esperamos que estos ejemplos te puedan resultar inspiradores para la creación de logotipo para tu empresa, tanto para diseñarlo como para saber qué tipo de diseño prefieres y poder encargarlo.

 

¿Quieres crear un logotipo perfecto? ¿Crees que es hora ya de renovar tu antiguo logotipo?

 

En Digiworks | Diseño de logotipos: por qué NO dejarlo en manos de cualquiera

Seguridad en WordPress y algunos consejos para la instalación

En este artículo podrás encontrar algunos consejos básicos de seguridad. Hablaré también de algunos de los ataques más comunes cuando hablamos de WordPress. Y para terminar daré unas recomendaciones a la hora de instalar WordPress con el fin de conseguir una instalación algo más segura.

WordPress, seguridad básica

La elección de usuario y contraseña

Este primer punto probablemente és muy evidente para la mayoría, pero aún así hay que mencionarlo. Hoy en día todavía encontramos muchísimos usuarios que escogen “admin” como nombre de usuario y contraseñas como “1234” o la misma que el nombre de usuario “admin”. Parece sorprendente pero ocurre más de lo que nos imaginamos.

Por lo tanto he de insistir en este punto, nunca se debería escoger como nombre de usuario “admin” y se debería utilizar contraseñas largas, no legibles, con caracteres  especiales ($,#,?,^), es más, recomiendo incluir algún carácter especial en el nombre de usuario como un @ o #. Lo mejor es utilizar un gestor de contraseñas que genere la contraseña por ti.

También es importante no usar la misma contraseña en varios sitios, utiliza una diferente para cada sitio web. Existen numerosas aplicaciones que te ayudarán para guardar y gestionar tus contraseñas de manera muy sencilla como KeePass, LastPass, 1Password

 

Actualizaciones

Es muy importante mantener las actualizaciones al día. Tener siempre la última versión tanto de WordPress como de los plugins y themes. Las pequeñas actualizaciones que van surgiendo entre versiones más importantes con cambios mayores suelen llevar parches para arreglar fallos de seguridad. Si no mantienes tu sitio web al día te verás expuesto a vulnerabilidades a través de las cuales te puedes convertir en una víctima de ataques como los que comentaré más adelante en este artículo.

 

Permisos de archivos

Existen muchos casos en los que un usuario no consigue instalar un plugin por algún motivo y encuentra una solución en internet del tipo “cambia los permisos de tus archivos a 777”, probablemente consiga instalar su plugin después de hacer esto, pero esta dejando una puerta abierta de par en par. Con permisos 777 cualquiera puede leer y escribir en ese archivo o carpeta. El consejo aquí es que no cambies los permisos de los archivos, esa no es la buena solución a los problemas que puedas encontrar durante la instalación de algún plugin.

La elección del servidor

No voy a entrar en detalle  sobre este punto ya que es bastante extenso y podríamos escribir otro artículo sobre como elegir un servidor, pero simplemente tener en cuenta que la elección del servidor es muy importante para la seguridad de nuestro sitio web. No hay que elegir un servidor sólo en función del coste, debemos de tener en cuenta los aspectos técnicos del mismo.

Ataques más comunes en WordPress

Para entender un poco más la importancia de la seguridad de nuestro sitio web os hablaré por encima de algunos de los ataques más comunes cuando hablamos de WordPress.

hackers ataque

Ataques de fuerza bruta

Se trata de recuperar una contraseña probando todas las combinaciones posibles hasta dar con la clave que permite el acceso. Es muy fácil obtener los nombres de usuario, y sólo haría falta encontrar la contraseña, de ahí la insistencia en utilizar contraseñas fuertes, largas y con caracteres especiales.

Los ataques de fuerza bruta también se realizan probando las contraseñas más utilizadas por los usuarios en lugar de combinaciones.

SQL Injections

Se trata de una infiltración de código intruso. En todo sitio web, cada vez que creamos un post, una página, editamos, eliminamos, nos identificamos, etc, se establece una comunicación con la base de datos. Dicha comunicación se realiza a través de un leguaje llamado SQL. Si existe alguna vulnerabilidad a nivel de validación de las entradas el hacker podrá acceder a nuestra base de datos y hacer lo que quiera con ella, leer los datos, insertar, eliminar… Este tipo de inyecciones son muy peligrosas ya que afectan directamente al servidor.

Cross Site Scripting (Secuencias de comandos en sitios cruzados)

Este es un ataque al lado cliente en lugar del servidor, permite al hacker inyectar y ejecutar código javascript en las páginas visitadas por el usuario.
Se utiliza por ejemplo para robar la cookie de sesión y de ese modo poder identificarse como el usuario.

Cross Site Request Forgery (falsificación de petición en sitios cruzados)

Se trata de la ejecución de acciones no autorizadas y transmitidas por un usuario de confianza que ha sido validado por la web.
El hacker usa a la propia víctima para realizar la acción dañina.

Existen otros muchos tipos de ataques pero podemos decir que estos son los más habituales.

Algunas recomendaciones para la instalar WordPress

Existen unos puntos básicos para ayudar a que nuestra instalación sea más segura, esto no quiere decir que estemos completamente protegidos de cualquier ataque, pero cada pequeño obstáculo que ponemos servirá para hacerlo un poco más difícil al hacker.

Antes de la instalación

Lo primero que recomiendo es cambiar el prefijo de las tablas, por defecto el valor es ‘wp_’, sería mejor cambiarlo por algo más complicado como por ejemplo una contraseña aleatoria. Este valor se modifica en el archivo wp-config.php. Donde pone $table_prefix  = ‘wp_’; cambiarlo por algo como $table_prefix  = ‘gju6ik69_’; También desabilitar el editor de plugins y themes añadiendo la siguiente línea en el mismo archivo wp-config.php

define(‘DISALLOW_FILE_EDIT’, true );

 

Y en mismo wp-config.php, existen unas líneas para la encriptación de las cookies. No olvides cambiar los valores que vienen por defecto:

define(‘AUTH_KEY’,  ‘put your unique phrase here’);
define(‘SECURE_AUTH_KEY’,  ‘put your unique phrase here’);
define(‘LOGGED_IN_KEY’,  ‘put your unique phrase here’);
define(‘NONCE_KEY’,  ‘put your unique phrase here’);
define(‘AUTH_SALT’,   ‘put your unique phrase here’);
define(‘SECURE_AUTH_SALT’, ‘put your unique phrase here’);
define(‘LOGGED_IN_SALT’,  ‘put your unique phrase here’);
define(‘NONCE_SALT’,  ‘put your unique phrase here’);

Puedes generar el código desde este enlace https://api.wordpress.org/secret-key/1.1/salt/ y pegarlo en tu archivo. Puedes cambiar estos valores en cualquier momento, al cambiarlos obligarás a los usuarios a volver a identificarse.

Estos serían puntos básicos, también puedes ir más allá y cambiar el nombre de las tablas de usuarios, el nombre de la carpeta wp-content, y añadir unas líneas en el htaccess para proteger el archivo wp-config.php (de esto último también se puede encargar algún plugin de seguridad).

Después de la instalación

Backups

Antes de nada, lo más importante sería instalar un sistema de backups, es muy importante tener copias de seguridad de tu web. También es conveniente probar tu sistema de backup, hacer al menos una restauración de la web con el último backup realizado y estar seguro de que todo funciona correctamente, ya que si nuestro plugin para hacer copias de seguridad no funciona como debe es como si no tuviéramos nada.

Eliminar contenido de ejemplo, plugins y themes

Elimina el contenido de ejemplo, y tanto si es después de la primera instalación como si es más adelante siempre elimina los themes y plugins que no utilices.

No sirve de nada tener plugins o themes desactivados, pero si existe alguna vulnerabilidad en alguno de ellos, el código está ahí igualmente, así que elimina lo que no estés usando.

Plugin de seguridad

Existen muchos plugins de seguridad, algunos mejores que otros.

Encontrarás cientos de opiniones y recomendaciones,  WordfenceAll In One WP Security & FirewalliThemes Security  y muchos otros, pero no puedo nombrarlos todos.

La elección sobre que plugin de seguridad a instalar la dejo en manos de cada uno. Ningún plugin es perfecto, pero personalmente me inclino hacia iThemes Security, habrá gente que esté en desacuerdo con esta elección, a día de de hoy es el que mejor resultado me ha dado, pero repito, existen muchos y no los he probado todos.

Con iThemes Security por ejemplo, existen muchas opciones a configurar. El propio plugin te dará recomendaciones sobre lo que deberías hacer para aumentar la seguridad de tu sitio web. Entre otros muchos, estos son algunos puntos:

  • Cambiar la url de acceso a la página de login.
  • Cambiar el ID del usuario administrador. Por defecto es 1.
  • Bloquear automáticamente los usuarios que intentan identificarse con el nombre de usuario “admin”.
  • No permitir PHP en la carpeta Uploads.

 

Se pueden hacer muchas más cosas a la hora de instalar un WordPress pero puedes empezar con estos consejos básicos.

Espero que este artículo te sirva de ayuda, si tienes alguna recomendación más para añadir a esta lista no dudes en dejar un comentario.

 

Imágenes | Adam Wills, Powtac, Nikolay Bachiyski, Terri Oda

En Digiworks |  WordPress 4.1 lo que está por llegar, Lo más trendy en Diseño Web, La importancia del color en el diseño

Plugins Gratuitos para WordPress, dónde buscar y cómo elegir

En la actualidad existen más de 35.000 plugins (UPDATE: más de 56,275!), únicamente en el repositorio de wordpress.org, más los cientos de miles que no están en este repositorio, por lo que buscar el plugin adecuado con esa funcionalidad específica que necesitas para tu sitio web puede costarte bastantes horas de tu tiempo, sobre todo si estas empezando en el mundo WordPress.

Normalmente tendemos a pensar que Gratis no puede ser bueno, debe haber alguna letra pequeña que no hemos visto, y suele ser así, pero en el mundo de WordPress no, existen plugins gratuitos y versiones gratuitas de plugins de pago, además de los plugins que son únicamente de pago, pero en este artículo me centraré en los gratuitos.

Dentro de esta gran variedad de plugins podemos encontrar los que aportan alguna pequeña funcionalidad a nuestra web, normalmente creados por programadores que desarrollan en su tiempo libre, cada uno tendrá sus razones, pero la razón principal es la de contribuir a la comunidad.

También encontraremos plugins gratuitos más complejos que añaden o modifican completamente la funcionalidad y dirección de tu sitio web, como por ejemplo WooCommerce.

Y la pregunta es “¿y como puede una empresa o programador vivir de un plugin gratuito?” En este mismo ejemplo, en torno a WooCommerce existen cientos de extensiones de pago, otros plugins ganan dinero a través de soporte, y otros que generan sus ganancias a través de otro tipo de servicios.

 

¿Dónde buscar plugins gratuitos?

El lugar que recomiendo para encontrar plugins gratuitos es en el propio repositorio de wordpress.org. Todos los plugins que se envían a este repositorio son probados y verificados por un equipo de profesionales que realizan esta tarea voluntariamente.

Con esto no quiero decir que la calidad del código esté regulada, en algunos casos muy obvios sí que lo regularán pero me refiero más a la seguridad, que no exista código malicioso o incluso alguna vulnerabilidad muy evidente.

Personalmente no me fiaría mucho de cualquier plugin gratuito que no se encuentre disponible en este repositorio. Y es más, si encuentras un plugin gratuito en la web del programador y que también esta disponible en el repositorio de wordpress.org te recomiendo que instales siempre la version que hay en wordpress.org.

 

¿Cómo elegir un plugin gratuito?

Como ya he dicho antes existen más de 35.000 plugins (UPDATE: más de 56,275!) en el repositorio de wordpress.org, pero entre tanto plugin existen muchísimos en los que aparece un mensaje de alerta informando que el plugin lleva 2 años o más sin haber sido actualizado.

En efecto, existen plugins que con este mensaje funcionan igualmente porque tal vez no requieren de una actualización en el código, pero igualmente trata de buscar otro plugin similar que tenga algo más de actividad, porque a pesar de no necesitar una actualización en el código, el programador puede actualizar el plugin simplemente para decir que es compatible con la última versión del WordPress, y si esto no ha pasado probablemente es porque el plugin esta abandonado, tanto para actualizaciones como para obtener algún tipo de soporte.

Mira la compatibilidad del plugin con la versión de WordPress, si tienes la versión 4.1 y el plugin es compatible hasta 4.0 seguramente no exista peligro, pero si pone que es compatible hasta 2.9 es muy probable que genere conflictos con WordPress o con otros plugins que tengas instalados.

Fíjate también en las valoraciones positivas y negativas del plugin, siempre en relación al número de descargas. No todo el mundo deja una valoración, y es más común que un usuario se moleste en poner una valoración cuando tiene algo negativo que decir que cuando es algo positivo.
Por lo que si encuentras un plugin que tiene 100 valoraciones positivas contra 20 negativas, puedes estar tranquilo y probarlo.

Echa un vistazo a la sección de soporte, mira la actividad del autor, si se resuelven las dudas o preguntas de los usuarios con frecuencia.

Y si no estas seguro con las valoraciones y con el soporte, pincha en el enlace del perfil del autor, mira que otros plugins tiene (si los tiene), la actividad, las descargas y valoraciones, te harás una idea de la reputación del programador.

Otra recomendación es que pruebes los plugins en algún sitio web que tengas instalado para hacer pruebas y nunca en tu sitio web final. Sólo hace falta que un plugin tenga un mínimo, pequeño e insignificante error de sintaxis para que tu web se convierta en esa temida pantalla blanca.

 

Conclusión

Cuando hablamos de plugins gratuitos siempre tener precaución, únicamente descargar desde los sitios de confianza, todos los desarrolladores con reputación y con experiencia saben que la mejor fuente de distribución para sus plugins es el repositorio de wordpress.org, así que es donde encontrarás lo mejor que puedes encontrar.

Dejaremos los plugins de pago para otro artículo, mientras tanto, si no encuentras lo que estas buscando no dudes en consultar con un profesional, te ayudará a ahorrar horas y horas de tu valioso tiempo.

 

Imágenes | WordPress.org

En Digiworks | Internet de las cosas ¿sabes qué es cómo nos afectará?

Lo más trendy en Diseño Web

Cuando aun quedan un par de meses para cerrar el año, ya se están barajando las posibles líneas y tendencias que guiarán el Diseño Web. En este artículo vamos a resumir algunas de las tendencias más claras y potentes para el diseño de una web. Tanto si estas pensando en crear una web o rediseñar una antigua, te damos unas pistas para que sepas lo que se va a llevar en lo que a webs se refiere. Quédate con dos palabras: Simple y Sofisticado.

 

Imágenes y videos más grandes y atractivas

No es novedad que desde hace tiempo se usen imágenes más grandes en los diseños de páginas web sobre todo, ha sido tendencia este año el uso de imágenes grandes como background de diseños web responsive. El próximo año no será diferente y se reafirmará esta línea. Una imagen atractiva, cuidada y grande en ocasiones comunica tanto como un texto.

Por otro lado, la tendencia en este tipo de diseños más limpios y minimalistas es usar una tipografía muy clara, recta y sin ornamentos que distraigan.

imágenes trend design 2015

 

Las tipografías ganan protagonismo

Por otro lado tenemos la ola de los amantes de las fuentes que quieren darle mayor protagonismo a las fuentes, transformando su función en los diseños como aportador de estilo y personalidad. Despídete de la Arial, la Helvética y la Times New Roman porque las fuentes el año que viene se ponen serias y reivindican su lugar en el diseño. La disponibilidad de tipografías de gran calidad, gratuitas o a precios muy asequibles, nos permite a los diseñadores jugar con nuevas herramientas y poner a prueba nuestras habilidades creativas. Ya sean fuentes de estilo manuscrito o Script, Serif, Sans Serif o decorativas, todas tienen cabida si se saben integrar en el diseño.

tipografias

 

¡Nosotros decimos Responsive! Tú dices, WTF?

Con la llegada del Responsive Web Design las versiones web para móviles están comenzando a desaparecer, y será casi obligatorio que nuestra web sea responsive, para que nuestro contenido se adapte a cualquier dispositivo, ya que los usuarios de móviles y tablets siguen en aumento y van a marcar el camino a seguir a la hora de diseñar una página web.

Por otra parte, también hay que tener en cuenta que Google recomienda o casi exige el uso de diseños adaptados, incluso pudiendo perjudicar el posicionamiento web de las páginas que no piensen en los usuarios móviles.

 

Más scroll y Parallax

Los enlaces mediante menús que nos llevan a nuevas páginas dejarán de ser indispensables, pasando a imponerse el diseño web en parallax, o lo que es lo mismo, una sola página en la que se cargará todo el contenido. Una de las razones fundamentales de este cambio son las pantallas táctiles de móviles y tablets. Los usuarios móviles requieren diseños simplificados y más usables debido al reducido tamaño de las pantallas y de los enlaces. Por ello, se está imponiendo el control gestual para interactuar con la herramienta o el sitio web.

scroll

 

Animaciones en HTML5

El uso de flash tiende a desaparecer dejando paso a una nueva tendencia, las animaciones con HTML5 Y CSS3. porque permite al desarrollador crear sitios web y aplicaciones de forma cómoda, rápida, sin mucho esfuerzo y estéticamente agradable.

 animaciones html5

Distribución en tarjetas

Ya lo puso de moda sitios web como Pinterest. Las ráfagas de información son nuestro pan de cada día en medios digitales, redes sociales o emails. El diseño web dispuesto como “tarjetas de visitas” permite organizar gran cantidad de información de una forma más fácil y digerible. Esta tendencia hace más intuitiva la navegación en una web cuando el contenido es muy elevado, siguiendo el patrón de las aplicaciones móviles. Twitter se ha movido hacia un diseño tipo cards y lo mismo están haciendo empresas como Google con Google Now o Spotify, una nueva forma de repensar la organización de la información y de ayudar al usuario móvil a asimiliar gran cantidad de información. Las ventajas de este tipo de diseño es que las tarjetas, unidades de contenido independiente, pueden ser fácilmente manipulables como podemos ver en este ejemplo. Al igual que ocurre en la vida real, podríamos girar una carta para mostrar otra información, las podemos plegar o desplegar para que muestren más o menos información, clasificarlas, almacenarlas, incrustar contenido multimedia, etc.

cards design

 

Imágenes | Dvotion, Pinterest, Guerrilla Films.

En Digiworks | Publicaciones en formato apps para iPad: es hora de que vuelvas a molar