Top 10 en tendencias en diseño web en 2014

Cada año, nuevas tendencias salen a la luz de la mano de diseñadores web de todo el mundo, algunas triunfan y son utilizadas y mejoradas y otras, en cambio, se pierden entre archivos olvidados en alguna recóndita carpeta.

Entonces ¿qué tendencias están siendo más utilizadas?

1. El diseño plano prospera

Palicirsa - Diseño Plano

Si creías que el diseño plano o “Flat design” era solo una moda, estabas muy equivocado. El diseño plano es un diseño minimalista llevado al límite. Consiste en hacer que sea limpio, moderno y sencillo, cosas que nos pide la mayoría de los clientes. El motivo del auge del diseño plano es porque tiene sentido lógico. Tenemos menos desorden, un mayor uso del espacio en blanco y en general una mejor experiencia de usuario.

2. El diseño responsive es una obligación

Extrenet Consulting - Web responsive

Esto debe convertirse en un estándar, no hay duda al respecto. La razón es simple: la demanda.
Los clientes piden que sus webs sean accesibles para los smartphones y tablets que están dominando el mercado de la electrónica, por su enorme potencial de marketing directo con el usuario.

3. Las webs muestran mejores imágenes

About.me - Web con imágenes de alta calidad

Gran parte de los diseñadores pujaban por mejorar la calidad de las imágenes mostradas en la web durante mucho tiempo pero se encontraban con problemas en el lado del cliente. Este año trae imágenes de mayor calidad, más creativas y únicas debido a diferentes razones: mejor oferta de diseños, mejores precios, la velocidad de carga es la más rápida de la historia, mejores pantallas para mostrar esa calidad de imagen…

4. Los sitios web que usan Parallax crecen en popularidad

Sony - Web con scroll efecto Parallax

Atrás quedaron los días de las webs de 960 píxeles de ancho que debía funcionar perfectamente bien en Internet Explorer 6. Se trata de generar impacto y el diseño Parallax logra con éxito ese cometido con su travieso desplazamiento, imágenes intensas y tipografías creativas y fuertes. Veremos mucho más Parallax durante 2014, especialmente en las webs de grandes marcas.

5. Las infografías siguen siendo la mejor manera de representar datos

Mejora de las técnicas para crear infografías más creativas

Las infografías pueden presentar una gran cantidad de información en espacios reducidos y baratos. Es por eso que las empresas están usándolas. Al usuario final le gustan las infografías, ya que cada una es un mundo – combinan colores llamativos, formas y tipografías un poco estrafalarias de una manera que hace que el usuario se interese.

Una infografía es una manera eficiente de comunicar gran cantidad de datos, cuyo uso se verá incrementado en 2014.

6. Las tipografías captan la atención

Tipografías diferentes invaden la web

¡Adios Times New Roman!¡ciao Comic Sans! Bienvenidos a 2014, el año en el que las tipografías se ponen serias. En realidad, siempre fueron importantes, pero ahora se ha convertido en tendencia. Gracias a la gran cantidad de aplicaciones que estamos usando, que exponen diferentes fuentes a los ojos de los usuarios que se han vuelto más exigentes en cuanto a las tipografías.

Arial o Helvetica son demasiado “normales”, el usuario está acostumbrado a ellas hasta el punto que siente que falta algo si está mirando la misma Helvetica de siempre, y la bajada de precios en las fuentes de alta calidad hacen que tanto diseñadores como empresas amplíen el catálogo de fuentes a utilizar.

7. Sitios web simples, enfocados en el contenido

Webs centradas en el contenido

La tendencia viene por un enfoque más simple y limpio, que tiene el objetivo de brindar una mejor experiencia de usuario. Aunque no es nada nuevo, cada vez más webs, especialmente los que tienen contenido muy pesado, remodelan sus diseños enfocándose en el contenido. Quitar todos los adornos innecesarios permite que el contenido sea el protagonista y que el diseño cumpla su papel de informar en lugar de robar la atención.

8. Vuelven las presentaciones en vídeos cortos

Web con vídeo de presentación

Los vídeos cortos de han resurgido en 2014 por las mismas causas que las imágenes de alta calidad se han extendido por toda la web, y en especial por el aumento de la velocidad de carga. Los nuevos formatos y compresiones de video facilitan que un video corto sea cargado y mostrado rápidamente, lo que elimina el principal inconveniente que tenían. La ventaja de los videos de presentación es que te permite mostrar gran cantidad de información en un corto periodo de tiempo, de forma fácil de captar para el usuario.

9. Los diseños de Newsletter también mejoran

El email marketing ya no es la única forma de llegar al público, pero sigue siendo una buena opción para mantener a los usuarios interesados en nuestro contenido. En 2014 y de la mano de las webs, los diseños de newsletter han mejorado para ser más creativas.

10. Los menús de navegación fijos se “ponen de moda”

La simplicidad de los diseños y los sitios webs con gran cantidad de contenido invitan a tener siempre disponible la barra de navegación en las versiones de escritorio de los sitios webs. Teniendo en cuenta que el tamaño de pantallas para escritorio ha ido en aumento, con resoluciones cada vez mayores, podemos disfrutar de un espacio que antes no teníamos y que los diseñadores han sabido aprovechar en 2014 para mejorar la navegabilidad y la usabilidad de los sitios web.

La importancia de la accesibilidad web

Accesibilidad web

¿Qué es “accesibilidad web”?

Al hablar de accesibilidad web, hacemos referencia a un diseño que va a permitir que personas con algún tipo de discapacidad o de avanzada edad puedan interactuar con la web.

En el mundo hay millones de personas con diferentes tipos de discapacidades que no le permiten utilizar la Web. La mayor parte de los sitios web presentan barreras de accesibilidad que dificultan o imposibilitan la interactuación de la web con muchas de las personas con discapacidad.

¿Por qué es importante la “accesibilidad web”?

La Web es una herramienta importante para muchos aspectos de la vida como la educación, comercio, sanidad, entretenimiento, etc. Por ello, es básico que todas las personas puedan acceder e interactuar con la Web de la mejor forma posible. Esto no solo implica a personas con discapacidad, sino que engloba a todas las personas, tengan o no problemas para entender la Web.

Además, la accesibilidad beneficia a la propia web, haciéndola más ligera en cuanto a tiempo de carga se refiere y más flexible para mostrarse en diferentes dispositivos y navegadores.

Beneficios de la accesibilidad Web

  • Incrementa el número de potenciales visitantes a la web
  • Disminuye los costes de desarrollo y mantenimiento
  • Reduce el tiempo de carga de las páginas web y la carga del servidor web.
  • Aumenta la usabilidad de la página web
  • Se demuestra la Responsabilidad Social de la empresa

Hacer tu web accesible

Muchas de las características accesibles de un sitio se implementan de forma sencilla si se planean desde el principio del desarrollo del sitio Web o al comienzo de su rediseño. La modificación de sitios Web inaccesibles puede requerir un gran esfuerzo, sobre todo aquellos que no se hicieron correctamente con etiquetas estándares de XHTML, y sitios con cierto tipo de contenido, como contenido multimedia/flash.

Uso y popularidad de los códigos QR

QR con el enlace a esta web

QR con el enlace a esta web

La posibilidad de disponer de cámaras fotográficas en nuestros dispositivos móviles, que pueden hacer las veces de lectores ópticos, ha facilitado el crecimiento del uso de los códigos QR, el equivalente bidimensional a los códigos de barras tradicionales, que en la superficie que ocupa permite almacenar más información.

Los Quick Response Barcodes (Códigos de barras de respuesta rápida), fueron patentados en 1999 y en países como Japón hace tiempo que gozan de popularidad -al igual que sucede con la tecnología NFC, de la que hablábamos hace unas semanas-. El principal uso que han recibido hasta ahora ha sido la gestión de stock en almacenes con gran variedad de artículos (como talleres), pero ahora surgen nuevos usos gracias a la existencia de aplicaciones móviles como Bidi o QR Codes, que nos permiten leer esos datos desde un dispositivo, el teléfono, que hoy en día tenemos siempre a mano.

La información que podemos almacenar en un código QR es de cualquier tipo: los datos de una tarjeta de contacto que, al ser leída, se guarden automáticamente en nuestra agenda sin necesidad de teclear; un hipervínculo a la descarga de una aplicación móvil que nos lleve al navegador directamente sin necesidad de introducir a mano la URL; en definitiva, cualquier estructura de datos que en un momento dado nos pudiera interesar procesar de manera rápida.

No pasarán muchos meses para que estos códigos de barras en dos dimensiones estén presentes en muchos más lugares, facilitando las operaciones de entrada de datos en dispositivos y brindando una nueva plataforma para construir utilidades.

Microsoft y Skype marcan el paso en las comunicaciones en Internet

Skype

Skype es uno de los principales servicios de voz sobre IP.

Hoy todo el mundo habla Skype. Después de haber sido tanteado en los últimos días por Google y por Facebook, Microsoft se ha hecho con el más popular sistema de llamadas de voz sobre IP.

Aunque las grandes compañías tienen sus propios sistemas de comunicaciones (Google cuenta con el chat de video y voz en GTalk, Apple incorpora Facetime en Mac y en los nuevos dispositivos iOS), Skype es sin duda la empresa más interesante en este sector, contando con millones de usuarios a lo largo del mundo. Su compra es la más cara que ha realizado Microsoft en su historia (más de 7 mil millones de dólares) y abre todo un abanico de expectativas sobre el uso que van a darle a partir de ahora.

La gran baza está en la integración que pueda tener en dispositivos con Windows Phone. El 24 de mayo, Microsoft ha convocado un evento sobre Windows Phone 7.5 que, si bien parece ir enfocado a desarrolladores, podría desvelar algunas dudas sobre lo que se espera en las próximas versiones (ya se anunció una integración con Messenger, no sabemos aún si con videollamadas). Un impulso del sistema operativo de Windows Phone podría acercar a Microsoft a la pelea por el mercado móvil que ahora mismo dominan iOS (de Apple), Android (popularizado por Google) y BlackBerry (RIM). En cuanto a las repercusiones que tenga en su integración en ordenadores portátiles y equipos de escritorio, habrá que esperar para saber si llega una integración nativa en Windows o al menos con Messenger.

Lo que está claro es que puede suponer un adelanto de Microsoft en este campo, aunque por ahora en Google han sido los únicos que se han atrevido a operar de una forma ligeramente similar a una compañía telefónica (y por ahora sólo en Estados Unidos).

NFC: el futuro del pago electrónico

Nuevas tecnologías que se aplicarán al pago en movilidad

En la entrega anterior hablamos del papel que han jugado diferentes sistemas de pago electrónico y de cómo el pago electrónico ha ido entrando en el mercado móvil, avances que aún no han calado del todo en la mayoría de la sociedad. Pero en 2011 entra en juego la integración en los dispositivos móviles de la tecnología NFC (Near Field Communication, comunicación de corto alcance), un protocolo de comunicación inalámbrica que ofrece comunicación directa entre dispositivos (peer-to-peer). NFC permite a través de un identificador realizar pagos con el móvil como si de una tarjeta de crédito se tratara.

Sistemas operativos móviles como Bada (un sistema operativo para móviles algo alejado de la carrera entre Android, iOS y BlackBerry OS) ya soportan NFC de forma nativa y se rumorea que el próximo modelo de iPhone (que seguramente será presentado y puesto a la venta en la primera mitad de 2011) integrará un chip NFC que permitirá realizar micropagos. No en vano, es un sistema muy extendido en Asia, más aún desde que los japoneses Softbank se encargaron de distribuir FeliCa, una pegatinas NFC para el teléfono móvil que añaden esta cómoda  funcionalidad.

Google ha llevado el uso de la tecnología NFC al terreno de la geoposición. El nuevo Nexus S (la segunda generación de teléfonos de Google), integra NFC con una peculiaridad: está pensada para poder hacer registros (checkins) utilizando Google Places, y así poder añadir reseñas y votos para el lugar en el que estemos. Esta idea viene acompañada de unos kits de Google Places que se distribuyen en Estados Unidos para proveer a los negocios de merchandising que facilite el uso de Google Places.