Diseño web

Hoy vamos a analizar la web de persotec.es, pero antes un poco de autobombo:

Por 30€ analizo durante 15 minutos los puntos clave de tu web a nivel de marketing y diseño.

Cuéntame cuál es el objetivo de tu web y te diré lo que debes modificar para aumentar las conversiones.

Te enviaré el audio en un mp3 a tu email y además lo publicaré en este podcast, (con lo que obtendrás publicidad gratis!)

Pásate ahora mismo por https://pampua.es/analisis y solicita un análisis web como el que vamos a hacer hoy.

Empecemos con el análisis

Nos dice Peter: «El objetivo de esta web es convertirse en el trivago o rastreator de los productos de electrónica.»

Logo bien, pero mejor con slogan

Vídeo de cabecera lo eliminaría, hace que la web tarde más en cargar

Velocidad de carga: Muy lenta: Eliminar el preloader

Salto del scroll, intentar que quede después de la instrucciones de uso de la web.

Eliminar enlaces a RRSS. No queremos que se vayan las visitas.

Al entrar al buscador el botón magenta no tiene sentido, yo lo pondría en amarillo como el logo

Cambiaría “Guía de compra” por “Guías de compra” y pondría más, al menos una de cada categoría

A las fotos de últimas búsquedas las falta identidad gráfica, y a ser posible, en lugar de ser la foto de la categoría estaría bien que fuera la foto del producto.

Potenciar el aspecto humano.

Me gusta el quienes somos, pero falta el experto en audio.

Contacto, foto de las oficinas con el logo en la pared.

Formulario falta la adaptación al RGPD

Textos legales falta el titular de la web, entre otras muchas cosas.

En el pie cambiar “persotec” por nuestros expertos, eliminar RRSS y poner expertos

Y esto ha sido todo por hoy, si tienes cualquier pregunta de diseño o marketing que te gustaría que resolviera pásate ahora mismo por https://pampua.es/contacto y déjame un mensaje; estaré encantado de resolverla la semana que viene.

Si quieres proponerme algún tema para futuros episodios, lo mismo pásate por https://pampua.es/contacto o si lo prefieres en los comentarios de iVoox, o por telegram o twitter como @pampua.

Si te ha gustado este episodio compártelo al menos con una persona a la que pueda resultarle interesante. Por whatsapp, por mail, por  Facebook, twitter o incluso por SMS, como quieras, pero compártelo! Recuerda que puedes escucharlo y suscribirte en iTunes, iVoox, Spotify, Youtube y desde la web de pampua.es/podcast.

Y por último, te repito que estaré inmensamente agradecido si me dejas una reseña de 5 estrellas en iTunes o un me gusta y un comentario en iVoox. Puedes ver cómo dejar una reseña en www.pampua.es/resena

El jueves que viene tendremos un especial de preguntas y respuestas, mándame la tuya.

Muchísimas gracias por escuchar hasta el final, por comentar, por tus “Me gusta” y reseñas. Nos escuchamos la semana que viene, llueva, nieve o truene!

Hoy vamos a ver cómo hacer que tu web se posicione más arriba en Google, pero antes, un poco de autobombo:

Si te apuntas a mi lista de correo, además de recibir sólo contenido relevante del mundo del diseño web (por ejemplo si google cambia algo importante) te voy a regalar estos 4 ebooks de marketing digital:

Convierte tu empresa en un imán para clientes

Contenidos que enamoran

Cómo elaborar un branding

10 consejos de email marketing

Apúntate ahora mismo en www.pampua.es/regalo Venga, dale al pause y entra en pampua.es/regalo que yo te espero aquí…

Cómo mejorar el posicionamiento de tu web

Voy a ser muy directo, si mejoras la experiencia del usuario, mejorarás el posicionamiento.

Esto es así porque Google tiene muy en cuenta lo que hace el usuario cuando va desde los resultados de la búsqueda ha tu web.

Por ejemplo, sí el usuario está menos de 10 segundos y vuelve atrás a los resultados de la búsqueda, Google va a interpretar que ese usuario no ha encontrado lo que buscaba y por eso va a mirar otros resultados. Y cómo Google lo que quiere es ofrecer la mejor experiencia posible a sus usuarios, te va a penalizar y cada vez aparecerás más abajo.

Entonces, lo que tienes que hacer es ofrecer contenido que tus usuarios valoren y haga que se queden en tu web: artículos, vídeos, podcast…

Mejorar la velocidad de carga de tu web también influye mucho, porque si el usuario se cansa de esperar a que cargue va a volver atrás. Deberías intentar que tu web cargue en 2seg, pero no sólo la home, cualquier entrada del blog también, porque muchos usuarios van a acceder directamente a algún artículo en concreto.

Hablamos de ello en el episodio 48

Y enlazando con lo que te decía de que muchos van a entrar directamente a algún artículo, tienes que saber que el 67% de las búsquedas que se hacen en Google son “long tail”, esto es de más de 4 palabras:

Botas

Botas negras

Botas de futbol negras

Botas de futbol negras Cristiano Ronaldo

Cuanto más específica es la búsqueda, menos competencia hay y mejor convierten esas visitas.

Por eso te recomiendo que te enfoques en hacer contenido para esos “long tail” relacionados con tu negocio.

Por ejemplo si tienes un taller mecánico, en lugar de intentar posicionar como: taller + nombre del municipio, es mejor que te especialices en algo y posiciones los términos de esos conceptos, por ejemplo:

Recarga aire acondicionado seat ibiza

Cambio aceite opel corsa

Es cierto que estas búsquedas son menores que las genéricas de “recarga aire acondicionado” y “cambio de aceite”, pero los que busquen además su modelo de coche y vean que tu tienes un artículo en el que explicas cómo hiciste esa reparación para un cliente, con fotos y algún vídeo, te van a ver como un experto en ese trabajo en concreto y van a confiar en ti.

Tendrías que tener en cuenta que contenido funciona mejor para la búsqueda que quieres posicionar, no es lo mismo ofrecer un producto, que un servicio.

Lo mejor es que hagas una búsqueda y veas que es lo primero que aparece en Google. Por seguir con el mismo ejemplo, tanto para “Cambio aceite opel corsa” como para “Recarga aire acondicionado seat ibiza” nos aparecen 3 vídeos destacados, por lo tanto deberíamos enfocamos en crear vídeos en los que hablemos de cómo hacer esto.

Si ya has estado creando contenido (algo que recomiendo hacer desde el principio) te recomiendo que vayas a Analítics y mires a ver cuantas visitas te llegan gracias a que temas o tipos de contenido, y crees más contenido similar al que mejor funciona.

Otra opción muy interesante es mejorar el contenido que ya tienes creado que mejor esté ...

Hoy vamos a entrevistar a Carlos Sogorb, pero antes, un poco de autobombo:

Por 30€ analizo durante 15 minutos los puntos clave de tu web a nivel de marketing y diseño.

Cuéntame cuál es el objetivo de tu web y te diré lo que debes modificar para aumentar las conversiones.

Te enviaré el audio en un mp3 a tu email y además lo publicaré en este podcast, (con lo que obtendrás publicidad gratis!)

Pásate ahora mismo por https://pampua.es/analisis y solicita tu análisis web. Con motivo de la celebración de los 50 episodios, los 3 primeros que lo soliciten lo tendrán gratis. Anímate!

Empezamos con la entrevista

Hola, Carlos. ¿Qué tal? ¿Cómo estás?

Muy bien, gracias. Ramón

Encantado tenerte por aquí, por el podcast. Bueno, lo primero, cuéntame un poquito quién eres, A qué te dedicas? Y todo esto…

Lo primero voy a pedir disculpas porque tengo la voz un poco rara y estoy un poco constipado con la sinusitis. O sea que si la gente me oye raro, y puede que tosa en algún momento. Pero bueno, yo soy Carlos Sogorb, me dedico las ventas y mi situación es un poco complicada. Yo tengo dos trabajos. Tengo un trabajo como quien dice de 9 a 17h, vale, en el cual trabajo para Telefónica España y soy consultor digital y me dedico al tema de ingeniería de procesos de venta.

De acuerdo.

Y luego, a parte de eso, pues también un poco por por ese trabajo que desarrollado ahí y por mi experiencia anterior. pues me dedico al tema de la consultoría estratégica de ventas. Básicamente a lo que me dedico es a diseñar procesos de venta y los complementos que hagan falta para que esos procesos de venta se desarrollen. Pues yo qué sé, hago redacción de guiones, aunque no mucho, porque me gusta el copyright, pero me lleva mucho tiempo y hago Ingeniería de Procesos de ventas, sobre todo. Y luego evaluación formación selección de vendedores de todo un poco. Todo lo que es consultoría estratégica.

Muy bien, pues ahora me gustaría que hablaras de la importancia del diseño web para precisamente eso que comentabas para un proceso de ventas. Entonces centrándonos primero en lo que sería una web corporativa, una web de de una empresa tradicional. ¿Qué ventajas crees que tiene tener una web para mejorar el proceso de ventas de una pyme?

A ver, primero hay que explicar muy, muy someramente en qué consiste un proceso de venta? Un proceso de ventas es una serie de acciones continuas y secuenciales que van a llegar a la conversión de acuerdo a que a que la gente compre. Y cuando hablamos de venta, no estamos hablando solamente del intercambio de un producto o un servicio por dinero. Estamos hablando de cualquier tipo de intercambio en el cual se busca la satisfacción de la otra parte.

De acuerdo, una suscripción a un newsletter, por ejemplo, también sería una venta.

Sí, exactamente,  la suscripción a un newsletter es un proceso de venta. Entonces tenemos que diseñar ese proceso de venta exactamente de la misma forma y tiene que acabar de la misma forma. Las fases del proceso de venta siempre son cinco y son son además bastante sencillas. Y es que la primera es la definición, que es cuando nosotros lo que hacemos es coger y diseñar toda la información que queremos transmitir, como la vamos a optimizar con quien nos vamos a encontrar en el camino. Diseñamos el buyer persona, diseñamos las características beneficios, objeciones del producto. Todo eso lo hacemos en la fase de definición. Una vez que ya tenemos toda esa información, ya ha llegado la parte de contacto con el cliente.

Entonces la siguiente fase, que es la segunda, es la adquisición del cliente, que es cómo vamos a conseguir a ese cliente y dónde lo vamos a conseguir. Cuáles son sus características? Todo esto…

La tercera fase del proceso es la conexión, que es cuando conseguimos la confianza del cliente,

Hoy vamos a ver cómo hacer que tu web cargue más rápido, pero antes, un poco de autobombo:

Por 30€ analizo durante 15 minutos los puntos clave de tu web a nivel de marketing y diseño.

Cuéntame cuál es el objetivo de tu web y te diré lo que debes modificar para aumentar las conversiones.

Te enviaré el audio en un mp3 a tu email y además lo publicaré en este podcast, (con lo que obtendrás publicidad gratis!)

Pásate ahora mismo por https://pampua.es/analisis y solicita un análisis web como el que vamos a hacer hoy.

Y vamos a empezar ya a resolver preguntas:

Hola Ramón,

Me gustaría saber si una web realizada en WordPress tiene las mismas posibilidades de posicionamiento que una web hecha manualmente por un programador. Como son plantillas ya predefinidas no sé si google penaliza ese tipo de comportamientos. O si por el contrario, con WordPress mi web estará en la red sin ningún tipo de problema y se posicionará como cualquier otra.

Gracias,

Eduardo.

————————

Hola Ramón soy seguidor de tus podcast, estoy haciendo una web con una plantilla en genesis, donde la home todo se basa en widgets teniendo un buen acabado en el diseño; pero en el yoast la home sale sin contenido. Algo estoy haciendo mal?  el tema es business pro theme.

Un saludo,

Fernando.

————————

Hola Ramón,  quería preguntarte cómo haces test a/b del diseño?

Un saludo,

Ángel Rodríguez

Más información en el episodio sobre Experimentos Google Analitics

————————

Hola!

Tengo un par de preguntas para el podcast:

– ¿Cuales serian los elementos mínimos a incluir, en un sistema de diseño para una web de afiliación standard (tsa)?

– ¿Cómo crearlos de manera ágil y estructurada de cara a su fácil implementación?

Miguel

————————

Hola Ramón, una vez ya te felicite por la web/podcast y te vuelvo a felicitar, creo que es muy correcto,

después de recorrer la web viendo el pasado, te lanzó 2 preguntas, ambas podríamos debatir pero.. la primera es Framework CSS (bootstrap, uikit o cosas como milligram q opinas) y la segunda en la misma línea.. el previo a este tema.. los wireframes o «bocetos» rápidos, usas algo, no usas, mejor lápiz y papel.. todas las preguntas que te pueda hacer van en la línea de hacer desarrollos lo más ágiles posibles del diseño sin entrar en CSS puro y duro, ojalá este 2019 Google se ponga a tope con los SSL, con el diseño mobile first y con la velocidad de carga.

Moises Rubio

————————

Hola Ramón,

Cómo decides los colores que implementarás en el diseño? En base a qué? Cuántos colores?

Isaac Delgado

Más información en el episodio 45

————————

Hola Ramón,

Aquí va mi pregunta para el podcast, Es de neofito total. Para e-commerce sí se que hay varios frameworks (prestashop, woocommerce para WP, joomla, oscommerce….) Aparte de WordPress que que otros gestores de contenido hay por ahí?

Miguel

WordPress

18 millones aprox.

Adobe Dreamweaver    

2,7 millones aprox.

Joomla!

2,5 millones aprox.

Blogger

830.000 aprox.

Drupal

772.000 aprox.

TYPO3

425.000 aprox.

——————

Hola Ramón,

¿Qué información recomiendas incluir en la home de una web?

Un saludo,

Juan Pablo

Hoy vamos a ver cómo hacer que tu web cargue más rápido, pero antes, un poco de autobombo:

Por 30€ analizo durante 15 minutos los puntos clave de tu web a nivel de marketing y diseño.

Cuéntame cuál es el objetivo de tu web y te diré lo que debes modificar para aumentar las conversiones.

Te enviaré el audio en un mp3 a tu email y además lo publicaré en este podcast, (con lo que obtendrás publicidad gratis!)

Pásate ahora mismo por https://pampua.es/analisis y solicita un análisis web como el que vamos a hacer hoy.

Pero antes de empezar quiero recordaros que la semana que viene haré un especial de preguntas y respuestas, así que te pido por favor que cualquier duda sobre diseño web que tengas, no te cortes, entra en Pampua.es/contacto y mándamela.

Cómo hacer que tu web cargue más rápida:

1.- Mide la velocidad de tu web

Lo primero que deberías plantearte es cómo visitan tu web tus usuarios; desde móvil o desde escritorio. Según el tipo de negocio va a ser principalmente desde un equipo o desde otro. En mi caso, entre el 75-80% de la visitas llegan desde un ordenador, pero en el caso de un restaurante sería al revés.

Una vez tengas claro eso, pasa el pagespeed e intenta optimizar tu web para ese tipo de usuarios

2.- Escoge un buen servidor de hosting

Obviamente esto es lógico, con cuantos más clientes compartas tu servidor, más lento irá. Si puedes, opta por un servidor dedicado en lugar de un servidor compartido. Tienes más información de cómo elegir un buen hosting en el ep 9.

3.- Actualiza los plugins y elimina plugins innecesarios

Este consejo también es muy obvio, los desarrolladores van mejorando los plugins y esto hace que funcionen más rápido, además de ser más seguros al eliminar brechas de seguridad en cuanto son detectadas. Por eso es muy buena idea mantenerlos actualizados.

Y los plugins que no uses o puedas sustituir por unas pocas líneas de código, eliminalos, no simplemente los desactives.

Tienes más información de que plugins conviene instalar en el episodio 12

4.- Usa temas, plantillas y diseños web ligeros

También he hablado de esto en varias ocasiones, un diseño web minimalista convierte mucho mejor, ademas de cargar mucho más rápido. Casi cualquier childtheme de genesis va a funcionar muy bien, puesto que se trata de una plantilla muy optimizada para seo.

Te expliqué las ventajas de usar génesis en el episodio número 2.

5.- Usa un buen plugin para caché

Básicamente un plugin de caché se encarga de almacenar en una memoria estática los contenidos que se encuentran en la base de datos para poder servirlos más rápidamente.

Yo actualmente estoy usan WP Rocket como plugin de caché, que me funciona muy bien y Mejoras y optimizaciones WPO un fantástico plugin del gran Fernando Tellado que consigue que tú WP esté aún más optimizado.

6.- Usa una red de distribución de contenido

Es muy buena idea usar un CDN para intentar distribuir la carga de tu servidor entre varios servidores y además ofrecerle el contenido al usuario desde el servidor que geográficamente se encuentre más próximo a él.

Además tienes la ventaja de que si tus servidor se cae, los del CDN seguirán funcionando y los usuarios no notarán el problema.

En el episodio 11 te cuento con más detalles cómo acelerar tu web con un CDN

7.- Optimiza imágenes,

Hoy vamos analizar un e-commerce, pero antes, un poco de autobombo:

Por 30€ analizo durante 15 minutos los puntos clave de tu web a nivel de marketing y diseño.

Cuéntame cuál es el objetivo de tu web y te diré lo que debes modificar para aumentar las conversiones.

Te enviaré el audio en un mp3 a tu email y además lo publicaré en este podcast, (con lo que obtendrás publicidad gratis!)

Pásate ahora mismo por https://pampua.es/analisis y solicita un análisis web como el que vamos a hacer hoy.

Pero antes de empezar quiero contaros el tipo de episodios que haré a partir de ahora:

Como suele haber 4 jueves al mes,

uno de ellos será de algún tema práctico como hasta ahora,

otro una entrevista con algún profesional que nos pueda aportar su visión sobre algún aspecto en concreto el diseño web

Otro un análisis web como este

Y el 4º un especial de preguntas y respuestas, así que si tienes cualquier duda sobre diseño web, no te cortes y mándamela! Entra en Pampua.es/contacto y me escribes.

Empecemos con el análisis de motorrotulo.com:

Bien por el SSL, hoy en día imprescindible en cualquier e-commerce Más info en este artículo

En el menú, me sobra el enlace a “DecorRotulo”, aunque sea la empresa madre, no queremos que se vayan de nuestro e-commerce

El submenú es enorme, yo crearía columnas con el módulo “Megamenu” para hacerlo más visual

Eliminaría el slider, no aporta nada y relentiza la web Más info en el episodio 13

Además de los productos destacados, yo pondría algunos en oferta y los más vendidos.

Quitar el banner de Facebook, si ya están en nuestra tienda lo que queremos es que compren, no que se vayan a FB

Falta adaptación al RGPD en el formulario de suscripción al Newsletter Más info en el episodio 19

Daría algo por apuntarse al newsletter, un código de descuento, envío gratis, o lo que sea.

Quitar los logos de las redes sociales

En el pie de página “Política de Cookies” está repetido

“Sobre Nosotros” y “Tiendas” se podría fusionar

Quitar “Aceptamos Amazon Pay” y mejorar todo el diseño del footer

Gastos de envío muy elevados

Checkout en una sola página

En la versión responsive, mejor 2 productos por fila, como hicimos en bidu.es

Y esto ha sido todo por hoy, si te gustaría que analizase tu web pásate ahora mismo por https://pampua.es/analisis  y déjame un mensaje; estaré encantado de comentarlo contigo.

Si quieres proponerme algún tema para futuros episodios pásate por https://pampua.es/contacto o si lo prefieres en los comentarios de iVoox, o por telegram o twitter como @pampua, o en facebook.com/pampua

Si te ha gustado este episodio compártelo al menos con una persona a la que pueda resultarle interesante. Por whatsapp, por mail, por  Facebook, twitter o incluso por SMS, como quieras, pero compártelo! Recuerda que puedes escucharlo y suscribirte en iTunes, iVoox, Spotify, Youtube y desde la web de pampua.es/podcast.

Y por último, te repito que estaré inmensamente agradecido si me dejas u...

Hoy vamos hablar con Josevi Baeza de la importancia de una web para un negocio, pero antes quiero pedirte un favor:

Si tienes un iPhone, abre la aplicación “podcast” y pulsa en el icono de abajo a la derecha (la lupa de buscar). Escribe “Diseño web” en el buscador y dale a buscar.

Abre el podcast “Diseño web” y haz scroll casi hasta abajo del todo donde está el apartado de valoraciones y reseñas. Y dale a la 5ª estrella, eso es todo. No necesito ni que me escribas nada, pero hazme este favor que me ayuda un montón a que el podcast sea más conocido y pueda seguir haciéndolo.

Y bueno, empecemos con la entrevista, que quiero pediros disculpas si mi audio no se escucha correctamente en algunos momentos.

Enlaces comentados en la entrevista:

centrobaeza.es

Canal en Youtube

Instagram

Twitter

 

Y esto ha sido todo por hoy, si hay algo que te gustaría comentar sobre los temas que hemos tratado, pásate por pampua.es y déjame un mensaje; estaré encantado de comentarlo contigo.

O si lo prefieres en los comentarios de iVoox, o por telegram o twitter como @pampua, o en facebook.com/pampua

Si te ha gustado este episodio compártelo al menos con una persona a la que pueda resultarle interesante. Por whatsapp, por mail, por  Facebook, twitter o incluso por SMS, como quieras, pero compártelo! Recuerda que puedes escucharlo y suscribirte en iTunes, iVoox, Spotify, Youtube y desde la web de pampua.es/podcast.

Y por último, te repito que estaré inmensamente agradecido si me dejas una reseña de 5 estrellas en iTunes o un me gusta y un comentario en iVoox. Puedes ver cómo dejar una reseña en www.pampua.es/resena

El jueves que viene haremos una nueva consultoría online, es este caso de un e-commerce y veremos que puntos se pueden mejorar para aumentar las conversiones.

Muchísimas gracias por escuchar hasta el final, por comentar, por tus “Me gusta” y reseñas. Nos escuchamos la semana que viene, llueva, nieve o truene!

Hoy vamos hablar de cómo elegir los colores a la hora de diseñar una web, pero antes un poco de autobombo!!!:

Si te apuntas a mi lista de correo, además de recibir sólo contenido relevante del mundo del diseño web (por ejemplo si google cambia algo importante) te voy a regalar estos 4 ebooks de marketing digital:

Convierte tu empresa en un imán para clientes

Contenidos que enamoran

Cómo elaborar un branding

10 consejos de email marketing

Apúntate ahora mismo en www.pampua.es/regalo Venga, dale al pause y entra en pampua.es/regalo que yo te espero aquí…

Pues nada, ahora que ya te has apuntado, vamos con el tema de la semana:

Cómo elegir los colores para tu web

Lo primero que deberías hacer es definir el color primario en el que se va a basar tu comunicación, como sabrás, el color crea y aporta sensaciones así que ten muy en cuenta cómo los perciben.

Te recomiendo que te informes sobre la psicología del color, pero ten en cuenta que está sujeta en parte al entorno cultural, en cada continente hay colores que tienen significados o usos diferentes. Vamos a hacer un breve repaso de las sensaciones que aportan los colores principales:

Rojo:

Es el color de todo lo relacionado con las pasiones, tanto las buenas como las malas, el amor, el odio.

Se asocia con la guerra y la sangre, los bajos instintos.

Un color muy masculino, es el color de la actividad, de la fuerza, de los limites, de la agresividad, cosas con las que se relaciona a este sexo.

Color de la seducción, de la sexualidad y de lo erótico, así como de todo lo inmoral.

El rojo es el color de las emociones más viscerales, es el color del amor y de la pasión, así como es el color de la ira, también es el color de lo que está prohibido.

Es un color que llama mucho nuestra atención, incluso en la naturaleza tiende a llamar la atención, hay animales como la rana roja o rana flecha que con su color rojo nos indica lo peligrosa que es, es como si dijera ¡No toques!

El rojo es el color de la suerte para los chinos.

Azul:

Es el color de la tranquilidad y la productividad, es el color de la constancia y de la confianza.

Normalmente se relaciona con la tranquilidad y el sosiego, con lo interminable y constante, son las sensaciones que atribuimos al mar y al cielo ambos poseen este color, el cielo es constante y llega allí a donde alcance nuestra visión, y lo mismo pasa con el mar (que refleja el cielo).

Es por esto que está ampliamente extendido en el mundo corporativo ya que como hemos dicho se relaciona con la productividad y la confianza, que producen las cosas estables.

También se relaciona con el frío y el frescor, no en vano es una de los llamados colores fríos.

Amarillo:

Es el color de la rebeldía y del cambio, esta relacionado con la juventud por su vitalidad, es un color usado por los más mayores, para reflejar justamente eso juventud y vitalidad.

Es el color del entendimiento y de la iluminación, ya que el sol, nuestro astro rey lo percibimos como de color amarillo, e ilumina cada rincón,  la luz a pesar de no tener color la representamos con el amarillo.

Se asocia con lo positivo y lo amable, por poner un ejemplo relacionado con esto, los emoticonos y smileys qué tanto nos gusta usar en el WhatsApp y en chats son amarillos .

También es el color de la inseguridad, ya que cambia completamente: con una gotita de rojo se convierte en naranja, con una gotita de azul se torna verdoso, tiende a confundirse con el blanco y el negro le resta la vida, es el color que junto con el gris, más rápido pierde su identidad.

Violeta-morado-púrpura:

Color de todo lo relacionado con la sensualidad, lo elegante, lo misterioso, y de lo espiritual,

Hoy vamos hablar de cómo diseñar una web “mobile first”, pero antes un poco de autobombo!!!:

Si te apuntas a mi lista de correo, además de recibir sólo contenido relevante del mundo del diseño web (por ejemplo si google cambia algo importante) te voy a regalar estos 4 ebooks de marketing digital:

Convierte tu empresa en un imán para clientes

Contenidos que enamoran

Cómo elaborar un branding

10 consejos de email marketing

Apúntate ahora mismo en www.pampua.es/regalo Venga, dale al pause y entra en pampua.es/regalo que yo te espero aquí…

Pues nada, ahora que ya te has apuntado, vamos con el tema de la semana:

En el Mobile World Congress de 2010, Eric Schmidt, el CEO de Google, propuso que los diseñadores deben seguir la regla de «los dispositivos móviles primero» en el diseño de productos. ¿Qué significa diseñar primero para móvil? ¿Por qué es importante? ¿Cómo hacerlo? Contestaré estas 3 preguntas en el episodio de hoy.

¿Qué es el diseño Mobile First?

Para comprender mejor el concepto de diseño móvil primero, debes conocer primero estos 2 conceptos.

1. Diseño web responsive

El diseño web responsive es un método de diseño web que permite que la web se adapte a las pantallas de diferentes dispositivos de manera automática, mostrando el contenido de manera que la gente se sienta cómoda. Esto reduce en gran medida las operaciones de los usuarios, como la panorámica, el zoom y el desplazamiento al navegar por la web.

2. “Avance progresivo” y “Degradación elegante”

Estos dos conceptos se presentaron antes del diseño web responsive. Con el fin de hacer que la interfaz de la aplicación o la web sea razonable en diferentes dispositivos, los diseñadores proporcionan versiones personalizadas del producto para diferentes fines.

Avance progresivo significa que cuando diseñamos un producto, primero construimos una versión para el navegador más sencillo (como el de un teléfono móvil). Esta versión incluye las funciones y características más básicas. Después de eso, tendemos a la versión avanzada para una tableta o PC, que se crea agregando interacciones, efectos más complicados, etc. en la versión básica para una mejor experiencia de usuario.

“Degradación elegante”, por el contrario, inicia el diseño del producto desde un extremo avanzado como el escritorio y crea una versión con características completas al principio. Luego, los diseñadores hacen que el producto sea compatible con los móviles al cortar algunas funciones o contenidos.

El avance progresivo ha ganado la partida. Sí los diseñadores de webs inician un diseño de producto con su versión de escritorio, inevitablemente querrán aprovechar la mayoría de las ventajas de estos navegadores. Por ejemplo, el efecto de desplazamiento que soporta el cursor del mouse; Imágenes HD y gráficos complejos que pueden mostrarse normalmente solo cuando hay una conexión de internet de fibra o similar. De esta manera, los diseñadores se esforzarán por completar una versión de escritorio asombrosa y luego encontrarán que difícilmente se puede adaptar en un móvil a menos que renuncien a muchas de las ideas que se desarrollaron. Si es así, la versión final móvil será más bien como una idea de último minuto, un producto incompleto que se ha diluido.

Pero si tomamos el diseño móvil como punto de partida, bajo las restricciones como el ancho de banda, el tamaño de la pantalla, etc., los diseñadores aprovecharán los puntos clave de un producto, dirigiéndose hacia un producto minimalista y limpio con las características más importante. Cuando la plataforma se expande a una tableta o PC, los diseñadores pueden aprovechar las ventajas de las características de estos navegadores para fortalecer el producto paso a paso. Esta podría ser la razón principal por la cual la estrategia de avance progresivo...

Hoy estrenamos la “entrevista del mes” y vamos a hablar con Juan Pablo Alonso que nos explicará los 18 errores más comunes a la hora de crear una página web, pero antes un poco de autobombo!!!:

Si te apuntas a mi lista de correo, recibirás sólo contenido relevante del mundo del diseño web (por ejemplo, la recomendación de no actualizar a WordPress 5 todavía, puesto que hay gran cantidad de plugins que no son compatibles), además te voy a regalar estos 4 ebooks de marketing digital:

Convierte tu empresa en un imán para clientes

Contenidos que enamoran

Cómo elaborar un branding

10 consejos de email marketing

¿Qué hay que hacer para recibir todo esto? Muy fácil, apúntate ahora mismo en www.pampua.es/regalo Venga, dale al pause y entra en pampua.es/regalo que Juan Pablo y yo te esperamos aquí…

Y ahora empecemos con la entrevista a Juan Pablo Alonso

Errores estratégicos o de copywriting

No tener blog (Más información en el episodio 32)

Contenidos pobres por centrarte solo en el aspecto visual

Falta el quienes somos en tu web o no está bien enfocado

No hay CTAs o llamadas a la acción

Crear formularios que no funcionan (Más información en el episodio 18)

Tener una única página de servicios con muy poca información

Errores de diseño/maquetación

Uso de fotos despersonalizadas de bancos de imágenes (Más información en el episodio 21)

Demasiados colores

Diferentes estilos dentro de la misma web

Ladrillos de texto sin apenas espacio

Errores de usabilidad

Poner un Slider en la Home (Más información en el episodio 13)

Mal uso de los menús

Los enlaces que aparecen en la web no se reconocen