1) 1 Introducción

El incontrovertible aumento de los teléfonos móviles y tabletas como dispositivos de navegación web lleva a plantearse un diseño adaptado a estos aparatos, de dimensiones más reducidas que la clásica pantalla del computador, y con la capacidad de ser utilizados en cualquier sitio. Mientras que unos sitios han optado por crear versiones propias para móviles inteligentes y tabletas, otros sostienen un mismo sitio web para todos y cada uno de los dispositivos. En el primer caso, implica un mayor esmero para abarcar tantas resoluciones como tamaños de pantalla existen. En el segundo, según como se haya diseñado el sitio web posiblemente no se visualice adecuadamente en los teléfonos, que se desmaquete o que ciertas funcionalidades se vean afectadas, depauperando la Experiencia de Usuario (UX), y en el peor caso, perdiendo público.

En el contexto presentado, el presente artículo tiene como propósito ofrecer una visión integral de la UX enfocada a la navegación multiplataforma tomando el Responsive Web Design(RWD) como guía de referencia del diseño web en la actualidad. Para esto, se ha efectuado una revisión de lo que se ha publicado hasta el instante en este sentido. Si bien la temática es tan reciente que hay pocas publicaciones sobre ella, sí varias pautas y de estándares relacionados con el RWD que han sido útil.

Del trabajo se desprende que los entornos de navegación actuales deben poder ser aprovechados desde cualquier dispositivo. No amoldarse a esta realidad condena a los sitios a brindar una UX cada vez menos satisfactoria. La tendencia actual es unificar los canales de información en una única web, una única URL, un solo espacio virtual que sostenga exactamente las mismas funcionalidades y características que definen cada sitio, adaptándose progresivamente a los cientos de modelos de dispositivos móviles que hoy en día están en el mercado.

2) 2 Un mundo móvil

La tendencia a la utilización de teléfonos móviles es creciente. Los datos que da la ITU, organismo de las Naciones Unidas, así lo muestran: a fines de 2013 un 96 por ciento de la población mundial tendrá acceso al teléfono móvil —128 por cien en el planeta desarrollado y el ochenta y nueve por cien en los países en desarrollo—. Es suficiente con echar la vista atrás un par de años o 3 para poder ver la rápida penetración; en cambio, el mercado semeja estar ya saturado, y según la ITU, en cuatro de las 6 zonas del mundo "la adopción de la tecnología móvil celular se está desacelerando sensiblemente y su tasa de desarrollo está en sus niveles más bajos, tanto en el mundo en desarrollo como en el desarrollado".

¿Estás buscando una aplicación, herramienta o bien programa para diseñar y desarrollar una tienda online? ¿Quieres vender productos y servicios por Internet pero te pierdes entre tantas opciones? Apacible, es muy habitual (no eres el único). Yo pasé por lo mismo que tú hace múltiples años, buscando entre decenas de opciones, por lo que deseo mostrarte los pros y contras de los mejores software para crear tiendas online, si bien ya te adelanto que dependerá, en buena medida, del número de referencias que vayas a tener en tu ecommerce.

Si echamos la vista atrás unos años, los que tenían una tienda física por esa época, cuando se les recomendaba poner una  o que hicieran publicidad en Internet se reían pues pensaban que no iba a servir de nada hacer una , mucho menos  para tu negocio. Hoy en día todas y cada una esas personas han tenido que «tragar saliva» y percatarse de que en la actualidad el comercio electrónico (ecommerce) tiene vida propia, que es una realidad que no deja de aumentar (gracias al ) y que es una vía por la que cualquiera pueda emprender sin necesidad de un gran capital.

Los últimos datos que ha dado a conocer la Comisión del Mercado de Telecomunicaciones (CMT) señalan que las ventas en dos mil dieciseis de comercio on-line en España han aumentado un 23,3 por ciento , respecto al 2017 (rozando los veintidos millones de euros). Pese a la crisis y del descenso del consumo los números del comercio electrónico no dejan de crecer y las compras por la red van incrementando conforme la oferta de productos aumenta, en tanto que los usuarios se van habituando a este sistema de compras y le va perdiendo el miedo al mismo.

¿No conoces a absolutamente nadie que, de repente, descubra las comodidades que ofrece Internet y se haya enganchado? Si bien suele acontecer con personas mayores, menos habituadas a este ecosistema digital, eso no desea decir que no pase con los más jóvenes. Al final, se trata de una manera diferente de comprar, sin moverte de casa o directamente a través de tu móvil, por lo que hay que crear una plataforma ecommerce graduable a todos y cada uno de los dispositivos.

Elige una plataforma para montar tu tienda online que te permita a los usuarios acceder desde cualquier dispositivo.

¿Todavía no conoces cuáles son las tendencias en diseño web para este año? No pasa nada, nosotros te las detallamos a continuación para que puedas renovar el diseño de tu ecommerce.

1) Diseño de ancho completo

Hoy en día ya no nos resulta extraño que al entrar en un sitio web utilicen todo el ancho de la pantalla, tanto en cabeceras, imágenes (hero images) y vídeos. Esto es una manera de captar la atención del usuariotransmitiendo en un simple golpe de vista la propuesta de valor del negocio y su imagen de marca.

A su vez, se pasa de los encabezados o bien hero de este género, que como se puede observar ocupan mitad de pantalla:

A este nuevo diseño de encabezado donde se mezclan las grandes tipografías con leyes de usabilidad(texto a la izquierda).

Tal y como podemos ver en la página web de Stripe, ya se está empezando a mover el titular y el CTA (Call to action o bien llamada a la acción) a la izquierda, reduciendo la imagen y colocándola a la derecha, generalmente siempre y en toda circunstancia diseñada de forma personalizada para este fin. Por tanto, ya se comienza a ver más pluralidad en el uso de los encabezados clásicos (con el titular centrado encima de una imagen atractiva). En este género de diseño clásico, la atención del usuario se centra en la imagen donde se sobrepone el texto, que lo que señala el texto en sí.

También, el ser humano está habituado a leer desde la izquierda a la derecha (cuando menos en la mayoría de idiomas) por lo que tener el texto en la izquierda y la imagen a la derecha ayuda a la usabilidaddel usuario.

2) Diseño de tipografías (como principal elemento)

En cuanto a la tipografía debemos ser conscientes de que cada vez está más presente en el diseño web como elemento principal. O sea, se emplean tamaños de letras exageradas, gigantes, convirtiéndolas en las protagonistas del diseñoy en torno a ellas gira el mensaje principal que se quiere trasmitir en la página o bien sección donde se encuentren.

A continuación, en este caso de ejemplo, puedes ver cómo el texto se transforma en el elemento principal de esta web.

Esta tendencia todavía convive con el uso de tipografías hechas a mano, originales, con personalidad… la tendencia en diseño web de dos mil diecinueve nos señala que triunfan las letras minimalistas, como podría ser la Helvética.

El rediseño web es un tema que a veces el solo hecho de proponerlo produce muchas interrogantes y las principales recaen en el tiempo que implica para el equipo que va a estar implicado de forma directa o bien indirecta.

Por lo que te voy a precisar cuando si conviene que hagas un rediseño web y las etapas, tiempos y equipo que debes estimar para que el resultado sea un sitio que tenga éxito.

Entonces si estás pensando en un rediseño este contenido te será de mucha utilidad.

Así que veamos los primeros puntos clave en el rediseño web.

1) Define un fin para el rediseño de tu sitio web

Siempre he dicho que es importante fijar objetivos y en el rediseño de un sitio web es aún más esencial, así que el paso inicial es definir una meta smart global y pequeños objetivos si es preciso.

Los objetivos deberían ser algo similares a esto:

Rediseñar el sitio web para acrecentar el porcentaje de conversión de leads de un 1 por ciento al dos por ciento en un plazo de 6 meses para generar más leads calificados para el equipo de ventas y así aumentar un diez por cien las ventas.

Ese ejemplo de objetivo global podemos separarlo en pequeños objetivos para los implicados.

Veamos un ejemplo que involucra a un área en específico:

Mejorar la velocidad de carga del sitio web pasando de 10/100 a mínimo 60/100 para disminuir la tasa de rebote y también impactar positivamente en la permanencia del sitio.

Quizás los ejemplos de objetivos que mencioné puedan resultar obvios mas créeme, más del 90 por cien de los rediseños web no contemplan esas mejoras en su plan.

Entonces a fin de que todos sepan cuál es el reto y qué se requiere para conseguirlo tómate el tiempo de definir un propósito ligado estrechamente a tus objetivos de desarrollo.

2) Involucra a las áreas más esenciales en el rediseño web

Ya con el objetivo elaborado es instante de involucrar a las áreas relacionadas y las que van a ver mayor beneficio.

El área de ventas es la que mayor beneficio le supone el rediseño web, la razón es pues un sitio web actualmente es nuestro principal vendedor, pero para que sea un vendedor estrella requiere estar dotado de lo que tus potenciales prospectos desean ver.

Entonces qué mejor área que el equipo de ventas para mentar que podría resultar mejor que se muestre esto o aquello en el sitio que ventas.

De las 20.000 aplicaciones que se desarrollan en España, solo el 30 por ciento han sido creadas por empresas de desarrollo de aplicaciones. El 70 por ciento restante es creado por desarrolladores independientes. La mayor parte de los recursos de las empresas de desarrollo de apps se destina a crear aplicaciones para otras empresas (90 por cien ). Solo el diez por ciento se dirige a la creación de productos propios. No obstante, los desarrolladores independientes sí que dedican la mayoría de su tiempo a la creación de productos propios.

Para hacer este ranking, he tenido en cuenta el “Listado de empresas de desarrollo de aplicaciones en España” de CICE y los siguientes criterios:

• La calidad de las soluciones digitales que ofrecen estas empresas de desarrollo de aplicaciones a terceros.
• Los proyectos que han llevado a cabo.
• La influencia de las aplicaciones que han desarrollado.
• Los clientes del servicio que confían en ellos.
• La originalidad, ingenio y funcionalidad de sus soluciones digitales.
• Su imagen corporativa, la estética de sus páginas y la usabilidad de usuario , etcétera Una empresa de desarrollo de aplicaciones diseña soluciones para otras empresas con lo que el diseño, estética y la estructura de sus páginas debe de ser reflejo de las soluciones que ofrece.

En este artículo, en consecuencia, te cuento las mejores y más creativas empresas de desarrollo de aplicaciones en función de los criterios citados, pero además de esto te doy la lista de las apps españolas más descargadas en el mundo entero. ¿Comenzamos?

1) Las Aplicaciones españolas más descargadas en el mundo

La siguiente imagen extraída de The Aplicación Date muestra las 10 aplicaciones móviles iOS y Android españolas más descargadas en el mundo:

1.1) Logosquiz: la app de España más descargada

Esta aplicación creada por el ingeniero informático Javier Pérez cuenta con 39.900.000 millones de descargas, siendo la aplicación de España más descargada en todo el mundo. Logosquiz es un juego que consiste en adivinar el nombre de la marca a partir de los logotipos que se marchan presentando. Este desarrollador comentó en una entrevista sus claves para el éxito de una aplicación móvil. Te cuento las más interesantes:

Desde CITIFACE nos agrada cuidar mucho todos los detalles de diseño en cada uno de nuestros proyectos y tiendas online que realizamos. Por eso estamos al loro de las últimas tendencias en diseño web y experiencia de usuario.

¿Todavía no conoces cuáles son las tendencias en diseño web para este año? No pasa nada, nosotros te las especificamos a continuación para que puedas renovar el diseño de tu ecommerce.

1) Diseño de ancho completo

Hoy en día ya no nos resulta extraño que al entrar en un sitio empleen todo el ancho de la pantalla, tanto en cabeceras, imágenes (hero images) y vídeos. Esto es una forma de captar la atención del usuariotransmitiendo en un simple golpe de vista la propuesta de valor del negocio y su imagen de marca.

A su vez, se pasa de los encabezados o bien hero de este tipo, que como se puede observar ocupan mitad de pantalla:

A este nuevo diseño de encabezado donde se mezclan las grandes tipografías con leyes de usabilidad(texto a la izquierda).

Tal y como podemos ver en la web de Stripe, ya se está empezando a desplazar el titular y el CTA (Call to action o bien llamada a la acción) a la izquierda, reduciendo la imagen y colocándola a la derecha, en general siempre y en toda circunstancia diseñada de forma personalizada para este fin. Por consiguiente, ya se empieza a ver más pluralidad en el empleo de los encabezados clásicos (con el titular centrado encima de una imagen atractiva). En este tipo de diseño clásico, la atención del usuario se centra en la imagen donde se superpone el texto, que lo que señala el texto en sí.

También, el ser humano está acostumbrado a leer desde la izquierda a la derecha (por lo menos en la mayoría de idiomas) por lo que tener el texto en la izquierda y la imagen a la derecha ayuda a la usabilidaddel usuario.

2) Diseño de tipografías (como principal elemento)

En cuanto a la tipografía hemos de ser siendo conscientes de que cada vez está más presente en el diseño web como elemento principal. Es decir, se emplean tamaños de letras exageradas, gigantes, convirtiéndolas en las protagonistas del diseñoy en torno a ellas vira el mensaje primordial que se quiere transmitir en la página o sección donde se encuentren.

A continuación, en este caso de ejemplo, puedes ver cómo el texto se convierte en el elemento principal de esta web.