Herramientas vitales para un diseñador Web

Como en toda disciplina vinculada a la creatividad, el diseño web requiere de una serie de herramientas que faciliten la labor del profesional y le permitan desarrollar toda su inventiva sin limitaciones.

En el contexto actual, un diseñador web utiliza, principalmente, herramientas web y software específico de su campo: editores de imágenes, bibliotecas de recursos gráficos, webs de referencia… y un largo etcétera de tools que van cambiando a lo largo del tiempo.

Más allá de ofrecer un listado de nombres, voy a revisar qué tipo de herramientas son imprescindibles para que un diseñador web prepare el mejor diseño posible.

Las herramientas harán más fácil el trabajo del diseñador web, pero su creatividad seguirá siendo clave para el éxito.

Pergen Mtez.

Editor de imagen

Tanto para grandes elementos que formen parte del diseño final de una web, como para pequeños detalles y retoques del mismo, un profesional de este sector deberá contar un programa de edición de imagen.

Aunque existen alternativas gratuitas, el dominador en este tipo de software sigue siendo Adobe Photoshop. También cabe destacar que existen ciertos diseñadores que prefieren trabajar con editores de imagen vectoriales. Cada uno con sus ventajas e inconvenientes, será el diseñador quien decida qué herramienta utilizar o, incluso, emplear ambas en su trabajo.

Herramientas de Wireframe

Antes de definir cómo será el aspecto visual de una web, lo ideal es precisar qué elementos compondrán cada página y qué estructura se seguirá: se establece un wireframe.

Existen ciertas aplicaciones específicamente preparadas para esta tarea, siendo algunas de las más comunes Sketch, Figma o Adobe XD.

Bancos de imágenes

Las imágenes juegan un papel esencial en la mayoría de diseños web. Pero encontrar la fotografía adecuada no siempre es tarea fácil para un profesional del sector.

Por ello, existen bancos de imágenes profesionales con un gran volumen de fotografías y otros recursos visuales a disposición del diseñador web.

Sin dejar de lado la calidad de las imágenes, en este tipo de herramienta es esencial poder buscar bajo distintos criterios: palabra clave, color, estilo, tamaño, tipo de fichero, licencia…

Biblioteca de tipografías, iconos y otros recursos gráficos

Además de las imágenes, un diseño web empleará tipografías e iconos. Por ello un diseñador web deberá contar con un amplio repertorio de fuentes de estos recursos donde hallar los más adecuados para su proyecto.

Fuentes de referencia

Ya sean otros sitios web o estilos visuales de otros medios (publicidad, prensa, televisión…), todo diseñador web contará con varios directorios de referencias y ejemplos visuales a través de los que inspirarse para sus diseños.

Logotipo adecuado

Como ya he indicado en otros posts del blog, el logo es un elemento imprescindible en una web corporativa, le da carácter y coherencia (o incoherencia) a todo lo que vamos a comunicar. Antes de crear un logotipo piensa que este debe adaptarse bien a todos los soportes, incluido la página web.

Herramientas de visualización de prototipos

Pese a que tenemos la posibilidad de enviar la propuesta de diseño web al cliente en formato imagen o PDF, existen herramientas que permiten visualizar el prototipo de diseño como si ya estuviera colgado en la web, incluso simular comportamientos como clics o pequeñas animaciones.

Esto permite una mayor comprensión por parte del cliente del que será el diseño final de su web. Una de las herramientas más utilizadas en este sentido es InVision.

Existen todavía más herramientas enfocadas al diseño web que cubren otros aspectos de este proceso, pero he definido aquellas más imprescindibles para todo profesional del sector.

Recuerda que, si necesitas ayuda con tu página, puedes echarle un vistazo a mi portfolio o ponerte en contacto conmigo haciendo click aquí.

Pergentino Martínez

19/11/2020

18/11/2020

Relación entre el Diseño Web y la Arquitectura Web

En el sector del desarrollo de páginas web conviven multitud de términos a menudo poco claros o con definiciones ambiguas. UIX, accesibilidad, link juice, indexación, wireframe… son algunos ejemplos del torrente de siglas y conceptos con los que nos toparemos si queremos crear una web para nuestro negocio.

Una de las parejas de conceptos más utilizadas es el diseño web y la arquitectura web. En algunos casos, se emplean como sinónimos, en otros como complementos, y en otros escenarios como parte el uno del otro. En este artículo voy a dar un poco de luz sobre qué son el diseño web y la arquitectura web, y qué relación existe entre ellos.

La definición de la arquitectura web tendrá influencia directa en su diseño.

Pergen Mtez.

¿Qué es el Diseño Web?

La definición del diseño web por sí misma no es complicada. El problema reside en que el concepto se ha ido moldeando a lo largo del tiempo. Hemos pasado de definir una disciplina que forma parte de la creación de páginas web, a agrupar todo el proceso de desarrollo de portales web.

En el primer caso, el concepto de diseño web alude a la definición del apartado visual de una web. Puede complementarse con otras disciplinas, como la usabilidad, accesibilidad e incluso la arquitectura web. Pero en síntesis, se ocupa de crear la parte visual de una web.

En el segundo caso, el término diseño web define todo el proceso de planificación, programación, diseño, maquetación y un largo etcétera de acciones y disciplinas que intervienen en la creación de una web. Incluyendo la arquitectura web.

Para el objetivo de este artículo, utilizare la primera definición y cómo ésta se vincula a la arquitectura web.

¿Qué es la Arquitectura Web?

La arquitectura web es la disciplina que engloba la organización de los contenidos e información de una web, incluyendo la jerarquía entre sus elementos y las relaciones entre los mismos. Se trata de una especialización de la arquitectura de la información tradicional, que afecta a todo tipo de interfaces digitales.

Dado que la arquitectura web se encarga de la priorización de contenidos de una web y de las relaciones entre ellos, o lo que es lo mismo, del enlazado interno, se suele asociar al posicionamiento orgánico. Procesos de optimización de SEO técnico como la distribución del link juice o una auditoría de rastreo tienen una relación directa con la organización de los contenidos derivada de la arquitectura web.

La relación entre Arquitectura y Diseño web

Como comentaba arriba, tomaremos la definición de diseño web que hace referencia a la creación del apartado visual de un portal. En este sentido, la arquitectura web tendrá una influencia directa sobre el diseño web. ¿Por qué? La arquitectura web marcará la presencia de determinados contenidos en una web y de la relación entre los mismos. Esto influirá en el diseño de una web en puntos como:

Tipos de páginas. La arquitectura web delimitará que tipologías de páginas se incluirán en una web. Por ejemplo, fichas de producto o listados de servicios. Para cada una de estas clases de páginas se requerirá un diseño web específico.

Presencia de elementos. En el proceso de definición de la arquitectura de la información de una web se especificarán una serie de contenidos que deberán estar presentes en determinadas páginas, además de su ubicación y priorización. El diseño web deberá trasladar estos requisitos al apartado visual de la web.

Necesidades de enlazado. Como extensión del punto anterior, uno de los aspectos que marcará la arquitectura web es el enlazado entre diferentes contenidos. Para incorporar estas relaciones, el diseño web deberá emplear recursos como llamadas a la acción (CTA), menús de navegación o breadcrumbs.

Como veis, la definición de la arquitectura web de un portal tiene una influencia directa en su diseño. La coordinación entre estas disciplinas será clave para crear una web acorde a los requisitos de nuestro público objetivo. Pero no sólo de estos dos campos: SEO, accesibilidad o programación, entre muchos otros, también influirán en el resultado final de un nuevo portal.

Pergentino Martínez

18/11/2020

11/11/2020

Customer Journey y Marketing Digital

Uno de los conceptos que en los últimos años ha dado mucho que hablar en el campo del marketing digital es el Customer Journey. En línea con otras tendencias del sector, esta estrategia pone el foco en el análisis del usuario con el objetivo de diseñar y definir nuestras acciones de comunicación.

Aunque lo vinculemos actualmente al marketing online, el Customer Journey no es monopolio de esta disciplina. En otros campos también nos permite realizar un estudio de cómo los usuarios interaccionan con nuestra marca o negocio, nos facilita la toma de decisiones sobre qué tipo de acciones de marketing implementar y nos ayuda a medir de manera más efectiva los resultados.

En este artículo voy a definir qué es el Customer Journey, qué fases tiene a través de un ejemplo y qué tareas deberemos llevar a cabo para implementarlo.

¿Qué es el Customer Journey?

El Customer Journey es el itinerario que sigue un usuario desde que se propone comprar o adquirir un producto / servicio, hasta que obtiene dicho producto / servicio.

En algunos casos, la definición no se detiene aquí, incluyendo también las acciones vinculadas al producto o servicio que realiza un consumidor después de su adquisición, como por ejemplo una valoración, una recomendación o una compra cruzada.

Cabe destacar que con itinerario, y más cuando vinculamos el Customer Journey y el Marketing Digital, no nos referimos a una ruta física que realice el consumidor, sino a los puntos de contacto a través de distintos canales con nuestra marca (por ejemplo, descubrir nuestra web a través del SEO).

Ventajas de elaborar un Customer Journey

Aunque no en todos los proyectos será posible, la creación de un Customer Journey aportará información muy valiosa y nos permitirá realizar acciones en base a datos contrastados. De este modo, eliminaremos parte de la incertidumbre sobre los resultados de realizar acciones o campañas de marketing online.

Al permitirnos identificar en qué puntos interactuará el usuario con nuestra marca, tendremos más oportunidades para influir en el mismo.

También nos facilitará una mayor cohesión entre las diferentes acciones comunicativas que realicemos, ya que tendremos puesto el foco en el usuario de manera global, y no en escenarios aislados.

Al segmentar el ciclo de compra del usuario en varias etapas, tendremos más control sobre la medición de éstas y seremos capaces de identificar en qué puntos estamos teniendo éxito y en qué otros perdemos usuarios.

Al identificar en qué puntos interactuará el usuario con nuestra marca, tendremos más oportunidades para influir en el mismo.

Pergen Mtez.

¿Qué debemos realizar para definir nuestro Customer Journey?

La definición de un Customer Journey no es un proceso automático. Cada caso será diferente, pero podemos definir algunas de las tareas habituales que incluirá este proceso:

Debemos recopilar información y tener un alto grado de conocimiento del sector y de cómo se comporta el usuario durante las diferentes etapas de su viaje.

En algunos casos, la realización de un Customer Journey si tenemos una empresa con productos o servicios muy distintos no será posible. En este caso, podemos actuar sobre cada línea de negocio y realizar un Customer Journey específico para cada una de ellas.

Una de las partes claves de esta estrategia es la identificación de las etapas del ciclo de compra por las qué pasará el usuario. Aquí definiremos qué piensa el usuario en cada paso, cuáles pueden ser los principales frenos para la compra, etc.

El punto anterior nos permitirá definir qué acciones de marketing realizar en cada etapa y qué tipo de comunicación emplear.

Habrá que tener siempre en mente que el usuario avanzará por las distintas etapas de este viaje, por lo que nuestra comunicación deberá ser coherente entre las mismas.

Asegurarnos de que estamos realizando la medición de todo el proceso con exactitud, poniendo especial cuidado en cuando un usuario avanzará de una etapa a otra.

Determinar y cuantificar cómo mediremos el éxito de cada paso y del proceso global.

Cómo definir las fases del Customer Journey

Como decía arriba, las fases del Customer Journey deberán definirse en cada proyecto para que este sea efectivo. Pese a esto, vamos a ver un ejemplo de Customer Journey para una tienda online:

Audiencia: aún no hemos podido identificar al usuario, por lo que en esta fase podemos impactarlo a través de campañas de publicidad SEM o Display, SEO o campañas en Redes sociales.

Usuario anónimo: habiendo visitado nuestra web, hemos podido añadir las cookies de seguimiento al usuario sin que esté identificado. Aquí podemos crear, por ejemplo, una campaña de Remarketing o fomentar alguna acción de valor en la web a través de elementos enfocados a la conversión.

Identificación del usuario: a través de un registro a una Newsletter o la descarga de un contenido exclusivo, conseguimos el e-mail o datos de contacto del usuario. En este punto podemos actuar con un descuento enviado a través de un e-mail o campañas Cross-Channel.

Usuarios próximos a la conversión: tras la identificación en el paso anterior y después realizar una serie de acciones en la web, detectamos aquellos usuarios que se encuentran muy cercanos a realizar una compra. Para esta fase podemos enviarles descuentos personalizados o con un tiempo limitado.

Compradores: una vez el usuario ha realizado una compra, el tipo de acciones de comunicación a realizar irán enfocadas a que el proceso se complete correctamente y que el cliente esté informado en todo momento.

Productos complementarios: tras la compra, podemos ofrecer al usuario otros productos complementarios a su adquisición a través de e-mail o incluso tras finalizar el checkout, ofreciendo de añadir otro producto a su pedido antes del envío.

Prescriptores: si el proceso se ha completado de forma satisfactoria, podemos convertir a un comprador en un prescriptor de nuestra marca, fomentando la valoración de productos o la recomendación a terceros.

El proceso de creación de un Customer Journey, pese a ser laborioso, permitirá definir nuestra estrategia de marketing digital con más coherencia y poner el foco en el usuario y su comportamiento.

El Customer Journey es muy importante debido a que es el camino que recorre un cliente. Esto sucede a lo largo de los diferentes puntos de contacto e interrelación con las organizaciones. Y se vuelve aún más importante dado que el cliente es el foco de atención.

Pergen Mtez.

Espero haberte ayudado a resolver todas las dudas sobre la elaboración de un Customer Journey.

Recuerda que, si necesitas ayuda con tu página, puedes echarle un vistazo a mi portfolio o ponerte en contacto conmigo haciendo click aquí.

Pergentino Martínez

11/11/2020

10/11/2020

¿Qué pasa si dejo de hacer SEO?

De vez en cuando, algunas empresas se proponen ahorrar costes, y para ello optan por disminuir el gasto en sus estrategias de Marketing Online. Como campañas de publicidad en Google Ads o las estrategias SEO.

En cuanto a posicionamiento SEO, son muchas las empresas que creen que el SEO se puede pausar durante un período de tiempo y que esto no conllevará problemas ni futuros quebraderos de cabeza.

Sin embargo, el SEO no es un botón que se pueda activar y desactivar. Pausar tus estrategias y acciones SEO puede perjudicar gravemente tu presencia en Google y reducir la visibilidad de tu empresa.

Cuando se aplican optimizaciones SEO en una web, los resultados siempre tardan unas semanas en tener efecto. Pasa lo mismo si se deja de hacer SEO. Al principio no notarás ninguna diferencia en tráfico o posicionamiento, sin embargo, a medida que este período de inactividad y falta de mejoras continúe, el tráfico de tu web y el posicionamiento en Google por las palabras clave relevantes de tu negocio acabará viéndose afectado.

Por estos motivos, he preparado un artículo donde explico en detalle por qué consideramos que pausar el SEO es mala idea y qué es lo que ocurre cuando se deja de hacer.

Si formas parte de una agencia de marketing online y un cliente te sugiere pausar el servicio SEO, creo que este post os puede ser de mucha ayuda para explicarle lo que puede ocurrir.

Las 7 desventajas de parar el SEO

1. Dejarás de crear nuevos contenidos

Uno de los aspectos clave de toda estrategia SEO es la generación de nuevos contenidos para tu web. Ya sea a través de nuevos servicios/productos o artículos en tu blog. Si dejas de publicar contenido en tu web, te arriesgas a lo siguiente:

Google lo tendrá en cuenta y perjudicará tu posicionamiento.
Los buscadores siempre quieren ofrecer a sus usuarios los mejores y más novedosos resultados. Si tu web deja de presentar nuevo contenido y otras mejoras SEO, los algoritmos asumirán que tu información es antigua y obsoleta, por lo que preferirá darle un mejor posicionamiento a otras webs con contenidos más recientes.
No posicionarás tu web en nuevas búsquedas.
Por ejemplo, al dejar de escribir artículos en tu blog, pierdes la posibilidad de aparecer en un gran número de palabras clave relevantes para tu negocio. Al aparecer en menos búsquedas, tu captación de tráfico disminuye.
Al no crear nuevo contenido, tampoco ganarás nuevos enlaces.
Ningún medio o blog podrá enlazar tus nuevos contenidos, tu perfil de enlaces irá disminuyendo y tu autoridad en los buscadores irá perdiendo fuerza.
No habrán nuevas páginas para compartir en las redes sociales.
Al no tener contenido fresco, no podrás compartirlo en tus redes y por lo tanto el tráfico recibido desde ellas bajará.
Muchos usuarios recurrentes dejarán de visitar tu web.
Al no crear nuevos artículos para el blog; páginas de información; servicios o productos, muchos usuarios no tendrán motivos para volver a visitar tu web, lo que reducirá tu tráfico y bajarán las búsquedas por marca (Un indicador de calidad muy importante para Google).

Por otro lado, si dejas de hacer SEO pero continúas redactando contenidos, de poco servirán si estos no están correctamente ideados para posicionamiento SEO: Etiquetas; Metadatos; Headings; uso de Keywords y otra semántica relacionada dentro del contenido; enlazado interno; envío a Google para su pronta indexación…

En definitiva, toda redacción de contenido con perspectivas de posicionamiento en Google debe siempre llevar consigo una optimización SEO que lo empuje hacia los primeros resultados de búsqueda.

2. Dejarás de hacer Linkbuilding

Al dejar de hacer SEO, también pausarás la captación de enlaces desde otras webs (directorios, blogs temáticos, medios, foros, webs de confianza…etc). Conseguir dominios de referencia y backlinks sigue siendo una parte muy importante en toda estrategia SEO.

Google utiliza los enlaces que apuntan a tu web como señal de calidad. Sin un perfil de enlaces potente, Google no tendrá forma de saber la relevancia y la autoridad de tu web dentro de tu sector, por lo que tu posicionamiento en su buscador se verá afectado.

Además, el Linkbuilding no solo sirve para conseguir nuevos links, también engloba todo lo relacionado con el mantenimiento de nuestro perfil de enlaces. Al dejar de hacer SEO, perdemos el control de los links tóxicos y de spam que pueden apuntar a nuestra web.

Si no controlamos nuestro perfil de enlaces, nos arriesgamos a:

Recibir un gran número de enlaces tóxicos de webs maliciosas.
En los últimos años, los links tóxicos se han vuelto más habituales que nunca. Es importante actualizar constantemente nuestro archivo disavow en Google para no poner en peligro nuestro posicionamiento.
Recibir alertas de Google de sitios hackeados.
Muchas webs hackeadas por software maliciosos pueden enlazarnos (no solo a nosotros, sino a miles de webs), lo que puede llevar a que Google nos envíe alertas que debemos tener muy en cuenta.
Competidores haciendo SEO negativo.
Son muchos los competidores que se aprovechan de estrategias no recomendadas por Google para influir negativamente en nuestro posicionamiento. Por ejemplo, dando de alta nuestra web en páginas maliciosas o con temáticas penalizadas por Google.

3. Dejarás de detectar nuevas oportunidades

Tampoco debemos olvidar otra parte fundamental de todo trabajo SEO: El componente estratégico.

En el caso de nuestra agencia SEO, no solo nos encargamos de optimizar tu web y los contenidos que aparecen dentro de ella, también creemos que una de las partes más importantes en toda campaña SEO es detectar nuevas oportunidades de mejora, tanto a nivel técnico como sobre todo a nivel estratégico.

Al dejar de hacer SEO, dejas de estar al día de las últimas recomendaciones de Google y de las tácticas más avanzadas en posicionamiento. El SEO es una disciplina que está en constante evolución, y por lo tanto, requiere por nuestra parte de una atención permanente en el tiempo.

4. Pierdes la capacidad de monitorizar tu rendimiento

Igual que pierdes nuevas oportunidades, al dejar de hacer SEO también estás perdiendo la posibilidad de llevar un control y monitorización constante de cómo Google lee tu página web y cuál es tu rendimiento en su buscador.

En el caso de contar con los servicios de una agencia SEO, esta te puede alertar de aspectos que Google esté interpretando mal sobre tu web: contenidos de baja calidad o mal enlazados; problemas en el archivo sitemap o robots de tu web; errores de indexación… Y lo más importante, virus o incluso penalizaciones por parte de Google. Asimismo, la gran mayoría de agencias de marketing online cuentan con todo tipo de herramientas de análisis de palabras clave que les ayudan a conocer el estado de tu posicionamiento y actuar en consecuencia.

Si dejas de hacer SEO, no solo pierdes la oportunidad de mejorar y crecer a nivel online, sino que también puedes quedarte a ciegas sobre el estado de tu proyecto en los buscadores.

5. Tu competencia se pondrá por delante

Aunque tu dejes de hacer SEO, tus competidores seguirán trabajando y esforzándose en sus estrategias de posicionamiento.

Crearán nuevo contenido, actualizarán sus páginas de servicios, se enfocarán en las keywords prioritarias, seguirán las nuevas tendencias SEO y las últimas recomendaciones de Google y, finalmente, conseguirán estar un paso por delante.

6. No estarás al día de los cambios en el algoritmo de Google

El buscador más importante del mundo actualiza constantemente su algoritmo principal de búsqueda: Google Core. Estas actualizaciones suelen incorporar cambios significativos que pueden afectar a muchas páginas webs, por eso es muy importante estar siempre pendiente de estas novedades.

Google cambia la forma en como presenta los resultados, en cómo trata los atributos y metadatos de tu web, en cómo valora los enlaces entrantes, tu estructura de contenidos, las palabras clave que utilizas. En definitiva, Google se amolda a las tan cambiantes necesidades de sus usuarios. Por ese motivo, tu web también tiene que adaptarse y seguir siempre las directrices de Google.

7. Será muy difícil remontar

Una vez que tu web haya sido afectada por dejar de hacer SEO, ya sea por haber entrado en caída de tráfico y posicionamiento o por haber sufrido una penalización de Google, será difícil volver a encauzar la estrategia SEO a seguir y que Google nos vuelva a ver con buenos ojos.

Una vez que empiece a caer el posicionamiento de tu web en los rankings de búsqueda, se necesitará de mucho esfuerzo y tiempo de dedicación para detener la inercia del golpe. Un trabajo que podría haberse evitado si se hubiera mantenido una visión SEO del proyecto.

En definitiva, dejar de hacer SEO unos pocos meses puede parecer insignificante, pero no lo es.

El SEO es una fantástica disciplina que, al igual que el resto de canales de Marketing Online, ayuda a que tu negocio siga creciendo día a día.

Crea nuevo contenido, optimiza aquél que ya tienes, lleva un control de tu perfil de enlaces y sigue al día de las últimas oportunidades y tendencias SEO. Todo esto es esencial para el posicionamiento y tráfico de tu web.

El tiempo pone a cada uno en su lugar, y si haces SEO, un poco más arriba.

Carlos Redondo | Head of SEO en Axel Springer

Espero haberte ayudado a resolver todas las dudas sobre la importancia del SEO en tu web para no perder fuerza. –

Recuerda que, si necesitas ayuda con tu página, puedes echarle un vistazo a mi portfolio o ponerte en contacto conmigo haciendo click aquí.

Pergentino Martínez

10/11/2020

noviembre, 2020