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".

Desde CITIFACE nos gusta cuidar mucho todos y cada uno de los detalles de diseño en todos y cada uno de ellos de nuestros proyectos y tiendas en línea que efectuamos. De ahí que estamos al papagayo 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, te las detallamos a continuación para que puedas renovar el diseño de tu ecommerce.

Back to top

1) Diseño de ancho completo

Hoy en día ya no nos resulta extraño que al entrar en un sitio usen 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 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á comenzando 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, en general siempre diseñada de forma personalizada para este fin. Por lo tanto, ya se empieza a ver más variedad en el empleo de los encabezados clásicos (con el titular centrado encima de una imagen llamativa). En este tipo 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 humano está acostumbrado a leer desde la izquierda a la derecha (al 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.

Back to top

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

En cuanto a la tipografía hemos de 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 convierte en el principal elemento de esta web.

¿Buscas 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? Sosegado, es muy frecuente (no eres el único). Yo pasé por lo mismo que tú hace múltiples años, buscando entre decenas de opciones, con lo que quiero mostrarte los pros y contras de los mejores software para crear tiendas online, si bien ya te adelanto que va a 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 aconsejaba poner una  o bien que hiciesen publicidad en Internet se reían por el hecho de que creían que no iba a valer de nada hacer una , mucho menos  para tu negocio. Actualmente todas y cada una esas personas han debido «tragar saliva» y darse cuenta de que hoy en día el comercio electrónico (ecommerce) tiene vida propia, que es una realidad que no deja de aumentar (merced al ) y que es una vía por la que cualquiera pueda emprender sin precisar un enorme capital.

Los últimos datos que ha dado a conocer la Comisión del Mercado de Telecomunicaciones (CMT) señalan que las ventas en 2016 de comercio on-line en España han aumentado un 23,3 por ciento , respecto al dos mil diecisiete (rozando los 22.000 millones de euros). Pese a la crisis y del descenso del consumo los números del comercio virtual no dejan de crecer y las compras en internet van aumentando 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 súbito, descubra las facilidades que ofrece Internet y se haya enganchado? Si bien acostumbra a ocurrir con personas más mayores, menos habituadas a este ecosistema digital, eso no quiere 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 bien directamente mediante tu móvil, por lo que hay que crear una plataforma ecommerce ajustable a todos los dispositivos.

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

En realidad, no se le puede llamar estafa. Eso sería un delito. Pero sí hay cientos y cientos de servicios de hosting, diseñadores y similares que emplean malas artes, engaños o trampas, inflan precios o los esconden entre tecnicismos. Miles y miles de personas y pequeñas empresas se ven perjudicadas y la mayoría ni tan siquiera lo saben.

Soy consciente de que este blog post puede levantar ampollas y crear polémica. Vaya por delante mi respeto y admiración por todos aquellos profesionales freelance de diseño web y empresas de diseño y alojamiento que sí son muy aceptables y que, además de esto, son muchos.

¿De qué manera calificar, si no es como estafa o engaño, lo que hacen algunas empresas relacionadas con el diseño web y el alojamiento o bien alojamiento?

Hay de todo. Por mi parte, no tengo ningún interés especial en denostar a unos o bien halagar a otros. Sencillamente deseo ayudarte a que tengas más información a fin de que puedas elegir con más conocimiento.

Si no tienes muy, muy claro, , entonces te animo a que veas antes ese post, donde te lo explico fácilmente.

1) Publicidad capciosa de los “grandes” del hosting

Desde anunciarse con publicidad capciosa como la de 1and1, que aseguran que tu página web sin costo estará de manera fácil posicionada en los primeros puestos de Google (patraña), y que encima tiene un coste extra al año doscientos cuarenta€ el primer año y trescientos sesenta euros después.

2) Planes “gratuitos” de ciertos hostings

… hasta el ejemplo de los planes gratis de Wix que, por servirnos de un ejemplo, poseen publicidad que únicamente puede ser eliminada al adquirir un plan Premium (muy, muy caros), como vemos en esta contestación oficial de Wix frente a una consulta al respecto…

3) Empresas de diseño web más hosting

… pasando por la típica empresa de diseño web que

• además del propio diseño ofrece hosting
• y que, no solo te cobra un ojo de la cara por el “mantenimiento” (que me definan “mantenimiento”),
• sino que además te cobra por cada modificación.
• Y, por el hosting, cobran el doble o bien triple de lo que le cuesta a él. Por el mero hecho de ser intermediario o bien por el hecho de que el pobre usuario no tiene ni la más mínima idea de lo que deberían costar estas cosas.

Aprovechándose, vamos. Esto lo veremos en el bloque 2.

¡Calcula el presupuesto de tu página web en un minuto!

En un minuto vas a saber el presupuesto de tu página web, sin esperas, sin abonar de más y solo con lo que realmente necesitas para lograr los objetivos de tu empresa.

A pesar de que la optimización posicionamiento en buscadores en el diseño de webs es clave para aparecer en buscadores como Google, muchos diseñadores y desarrolladores no saben por dónde empezar ni qué tomar en consideración.

La optimización de webs para los buscadores web en Internet, conocido como posicionamiento web en buscadores (Search Engine Optimization), para facilitar la indexación en resultados de la búsqueda, tanto de Google como de otros buscadores web, se ha transformado en un deber de toda empresa con presencia en Internet. Todavía y cuando muchos desarrolladores web y están volcados a esta labor, muchas otras aún no saben por dónde empezar ni qué tener en cuenta.

Los comprendo, lograr un óptimo diseño web SEO es un proceso de conversión en esta profesión que se ha dado en muy poco tiempo. Hasta hace poquísimo, charlar de posicionamiento web en buscadores era algo parcialmente nuevo y el día de hoy es el pan de cada día.

Sin dudas, precisamos un cambio de mentalidad, necesitamos adoptar prácticas que dejen que los diseños web estén optimizados en posicionamiento web en buscadores.

Incluso desde la concepción del proyecto, la optimización SEO debe comenzar antes de comenzar con el diseño de la página web, por eso sea tan importante contactar con una , desde el principio de todo proyecto.

Con esta guía deseo presentarte los aspectos más importantes de la optimización posicionamiento web en buscadores desde el punto de vista del diseño web que realizas con el desarrollador web que hayas escogido, o tú mismo.

Back to top

1) ¿Qué es y de qué forma hacer el diseño web posicionamiento SEO?

Cambia tu forma de ver el diseño de la web y admite la optimización posicionamiento web en buscadores como un requisito más, como si de ella dependiese el éxito de tu empresa en Internet, ¡pues de esta manera lo es!

Ya verás luego que, muchos de los puntos posicionamiento web en buscadores que te voy a mentar, van a dar mejores resultados aun si piensas en optimar el posicionamiento en buscadores de tu futura web, aun ya antes de empezar con el diseño.

¿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.

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.

Back to top

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.

Back to top

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.

¡Calcula el presupuesto de tu web en un minuto!

En un minuto vas a saber el presupuesto de tu página, sin esperas, sin pagar de más y solo con lo que verdaderamente precisas para conseguir los objetivos de tu empresa.

A pesar de que la optimización posicionamiento web en buscadores en el diseño de webs es clave para aparecer en buscadores como Google, muchos diseñadores y desarrolladores no saben por dónde comenzar ni qué tener en consideración.

La optimización de páginas web para los buscadores en Internet, conocido como SEO (Search Engine Optimization), para facilitar la indexación en resultados de búsqueda, tanto de Google como de otros motores de búsqueda web, se ha transformado en un deber de toda empresa con presencia en Internet. Aún y cuando muchos desarrolladores web y están volcados a esta tarea, muchas otras aún no saben por dónde empezar ni qué tener en consideración.

Los comprendo, lograr un inmejorable diseño web SEO es un proceso de conversión en esta profesión que se ha dado en poquísimo tiempo. Hasta hace muy poco, charlar de posicionamiento SEO era algo parcialmente nuevo y hoy es el pan de día tras día.

Sin dudas, necesitamos un cambio de mentalidad, necesitamos adoptar prácticas que permitan que los diseños web estén optimizados en posicionamiento web en buscadores.

Incluso desde la concepción del proyecto, la optimización posicionamiento SEO debe comenzar antes de empezar con el diseño de la página web, por eso sea tan importante contactar con una , desde el principio de todo proyecto.

Con esta guía deseo presentarte los aspectos más esenciales de la optimización posicionamiento web en buscadores desde la perspectiva del diseño web que efectúas con el desarrollador web que hayas escogido, o tú mismo.

Back to top

1) ¿Qué es y cómo hacer el diseño web posicionamiento en buscadores?

Cambia tu manera de ver el diseño de la página web y admite la optimización posicionamiento SEO como un requisito más, tal y como si de ella dependiera el éxito de tu empresa en Internet, ¡por el hecho de que de este modo lo es!

Ya vas a ver entonces que, muchos de los puntos posicionamiento SEO que te voy a mentar, van a dar mejores resultados aun si piensas en optimar el posicionamiento web en buscadores de tu futura web, aun antes de iniciar con el diseño.

Para que una web quede indexada entre los principales resultados de la búsqueda, ya sea en Google o bien otro buscador, pasa por un análisis o inspección por parte del buscador web. Por consiguiente, mientras más sencilla sea inspeccionar tu página web, mayores ocasiones va a tener de ser bien indizada.