Uxtopic

Objetivos iniciales

• Lograr una usabilidad y accesibilidad impecables.
• Que el sitio sea visualmente atractivo, funcional y educativo.
• Establecer un posicionamiento de SEO fuerte y atraer tráfico de usuarios consistente.
• Reforzar la presencia online de la marca a través de las RRSS.

User Personas

La audencia objetivo de Uxtopic son dos tipos de aspirantes a diseñadores de UX. Por un lado, profesionales de otras disciplinas que buscan mejorar su conocimiento UX, por otro lado, los principiantes en busca de orientación para comenzar su viaje en el diseño de UX. Para guiar el proyecto, desarrollé dos User Personas que representan estos perfiles.

Benchmarking

Tras identificar los principales competidores de Uxtopic estos identifiqué las siguientes buenas prácticas y puntos de diferenciación:

• La página debe estar centrada en enseñar diseño UX.
• El contenido de esta debe ser gratuito.
• Las páginas estáticas deben contener los temas con mayor tráfico.
• Publicar frecuentemente para mejorar su posicionamiento.
• Establecer España como target principal.
• Utilizar contenido en formato vídeo.

Arquitectura de la información

La estructura de Uxtopic está pensada para satisfacer las necesidades de los nuevos profesionales interesados ​​en UX. La navegación principal incluye cinco secciones derivadas de palabras clave de alto volumen de búsqueda, organizadas de información general a más especializada. La página de inicio proporciona una descripción general de la disciplina, con acceso a toda la información del sitio a menos de dos clics de distancia.

Secciones principales

• Perfiles UX: Incluye diseño visual, investigación de UX, arquitectura de información y diseño de interacción.
• Recursos: Cubre herramientas y cursos, divididos en subcategorías para un acceso rápido en función del nivel de experiencia y las preferencias presupuestarias.
• Creación de portafolios: Ofrece orientación sobre el diseño de portafolios efectivos de UX.
• Empleo: Aborda oportunidades profesionales, futuro de UX, consejos para encontrar trabajo e información salarial.
• blog: Proporciona contenido actualizado y relevante sobre el diseño de experiencias.

Versión prototipo

Desarrollé un prototipo basado en diseños de wireframes para la página de inicio, una subcategoría de primer nivel y una subcategoría de segundo nivel. Estos wireframes priorizan la navegación clara y el diseño de fácil uso para mejorar la experiencia del usuario.

Optimización SEO

Planificación y análisis iniciales:

• Análisis de la competencia para identificar fortalezas y debilidades.
• Investigación integral de palabras clave utilizando herramientas como Google Keyword Planner y Semrush.
• Agrupación de palabras clave por intención de búsqueda para crear la arquitectura del sitio.
• Establecer patrones de URL SEO-friendly.
• Definición de la estrategia principal de interlinking para una navegación óptima.

Objetivos y KPI:

• Aumentar las sesiones orgánicas (medidas a través de Google Search Console y Google Analytics 4).
• Generar clientes potenciales de calidad (medidos por compleción de formularios).
• Mejorar el posicionamiento de palabras clave (apuntar a clasificarse dentro de los 10 mejores resultados de Google, idealmente los 3 principales).

Estrategia de contenido:

• Crear las páginas principales y estructurar contenido con palabras clave específicas.
• Desarrollar la sección de blog con un plan estratégico de interlinking.
• Implementar un horario de publicación regular para contenido nuevo.
• Agregar secciones de comentarios a las publicaciones para permitir la interacción del usuario.

Investigación de usabilidad

Análisis automatizado:

Un análisis heurístico automatizado inicial de la herramienta WAVE mostró resultados positivos con cero errores graves, dos problemas de bajo contraste y seis alertas. Hice ajustes para reducir estas alertas y mejorar el contraste, asegurando el cumplimiento de los estándares WCAG AA.

Análisis manual:

Para detectar la mayor cantidad posible de errores de usabilidad y accesbilidad antes de lanzar el sitio web, realicé un segundo análisis mediante dos otros dos métodos heurísticos: el Workbook de evaluación heurística de Jakob Nielsen y los principios de diseño de interacción de Tognazzini, junto con una técnica de análisis adicional, la ruta cognitiva.

Esto me permitió identificar problemas previamente inadvertidos y mejorar el sitio web para que fuese más funcional y fácil de usar.

Diseño de la interfaz de usuario

Elementos de diseño:

• Logotipo e icono: Fácil de leer a pequeña escala, incluye un icono hecho a partir de una "U" y una "X" que simboliza a un usuario feliz.

• Tipografía: "Inter", vinculada al mundo del diseño UX por ser la fuente por defecto en Figma. Se utiliza para el texto en párrafos y los títulos secundarios. La moderna y legible "Space Grotesk" se usa para los títulos principales.

• Paleta de color: Colores de alto contraste escogidos siguiendo los estándares WCAG AA para reducir la fatiga visual. El color destacado es azul (#F4Efe4), con negro (#0a0a0a) como color primario.

Iconografía:

Diseñé los iconos e ilustraciones específicamente para Uxtopic. Su tono simple e irreverente contribuye a una experiencia de usuario positiva.

Estilo:

Las opciones de diseño permiten un equilibrio entre la estética y la funcionalidad. La tipografía y la paleta de colores mejoran la legibilidad y la comodidad visual, mientras que la iconografía agrega un elemento amigable y atractivo a la interfaz de usuario.

Branding

La marca de Uxtopic refleja su misión educativa y profesional. El logotipo y los elementos de diseño enfatizan la claridad y la accesibilidad, mientras que la iconografía juguetona se alinea con el objetivo del sitio de crear un entorno de aprendizaje acogedor.

Estado actual del sitio

Uxtopic está actualmente activo, con nuevas actualizaciones de contenido y una nueva publicación cada semana. Gracias al enfoque en la optimización de motores de búsqueda, paulatinamente se clasifica más alto en las búsquedas de Google con puntacione casi perfectas en Google Lighthouse. Incluso se mencionó en canales de YouTube nicho como Artful Ruckus, centrados en diseño.

Al abordar la usabilidad, la accesibilidad y el SEO desde el principio, Uxtopic se posiciona con facilidad para convertirse en un recurso valioso en la comunidad de UX, ayudando a los aspirantes a desarrollar sus habilidades y avanzar en sus carreras.