Autor: Daniel Viloria Prieto
Fecha: 04/06/2025
Autor: Daniel Viloria Prieto
Fecha: 04/06/2025
Este repositorio recoge mi recorrido como estudiante de Diseño de Interfaces de Usuario durante el curso 2024/25. A través del proyecto ECO-PICK, he pasado de tener una visión superficial del diseño UX/UI a comprenderlo como una disciplina centrada en las personas, basada en la investigación, la empatía y la mejora continua.
- Estudio comparativo de plataformas reales (Ecojaral, Valle&Vega).
- Revisión heurística con los principios de Nielsen.
- Creación de perfiles de usuario (Marta y Miguel Ángel) y sus User Journey Maps.
- Detecté errores comunes en diseño estructural y oportunidades de mejora.
- Uso de herramientas como el Mapa de Empatía y el Feedback Capture Grid.
- Definición de una propuesta clara: una tienda ecológica que premia el consumo local.
- Entendí que una propuesta de valor debe ser simple, relevante y emocionalmente conectada.
- Elaboración de Scope Canvas, User Task Matrix, User Flows y Sitemap.
- Priorización de funcionalidades según necesidades reales.
- Aprendí a estructurar flujos lógicos y a prevenir errores de navegación.
- Diseño mobile-first en Figma con énfasis en accesibilidad (contrastes, legibilidad, jerarquías).
- Moodboard, wireframes de baja fidelidad y mockups de alta fidelidad.
- Apliqué patrones de diseño como onboarding, filtros y wizard de compra.
- Contribuí activamente en la investigación y la validación del diseño.
- Aprendí a justificar decisiones con criterio y datos.
- Me siento más preparado para trabajar con equipos reales de diseño y desarrollo.
- El diseño UX no es solo estética: es investigación, estructura y empatía.
- He adquirido habilidades prácticas y teóricas con herramientas reales del sector.
- Comprendo la importancia de prototipar, validar y diseñar pensando siempre en el usuario final.
- Estoy más cerca de enfrentar retos reales de diseño con pensamiento crítico y metodología.
"Una buena experiencia de usuario es invisible: simplemente funciona."
Autor: Daniel Viloria Prieto
Fecha: 04/06/2025
La web de la Salamanca Film Commission presenta un diseño limpio, pero sufre carencias desde el punto de vista de usabilidad según los principios de Nielsen:
- Falta de feedback: No se indica al usuario en qué sección está navegando.
- Lenguaje poco intuitivo: Etiquetas como "Ventajas" o "Fines" no aclaran su propósito.
- Sin buscador: Lo cual impide búsquedas rápidas de localizaciones o servicios.
- Inconsistencia: Secciones estructuradas de forma diferente y enlaces que no abren en nuevas pestañas.
- Bajo contraste en algunos textos.
- Tamaño de letra pequeño, especialmente en dispositivos móviles.
- Sin navegación por teclado ni compatibilidad clara con lectores de pantalla.
- Diseño no optimizado para navegación táctil.
- Menús pequeños y difíciles de pulsar.
- Contenido desalineado en pantallas estrechas.
- Sin lazy loading: imágenes pesadas que cargan lento.
- Estructura confusa: no se priorizan las necesidades de productores o visitantes.
- Contenido pobre o inexistente en algunas secciones (como Filmografía).
- Dificultad para acceder a la información clave, como localizaciones o contacto directo.
- La web transmite una imagen institucional poco atractiva.
- No hay interacción emocional (testimonios, casos de éxito, itinerarios).
- Falta una narrativa clara sobre los beneficios de rodar en Salamanca.
📊 Comparativa con Granada Film Commission.
| Criterio | Salamanca Film Commission | Granada Film Commission |
|---|---|---|
| 🎨 Diseño visual | Sobrio y algo desactualizado | Más moderno, con imágenes atractivas |
| 🧭 Navegación | Menú poco claro, sin buscador | Menú principal bien jerarquizado y con buscador |
| 🗂 Arquitectura de información | Incompleta; páginas vacías o poco útiles | Información bien estructurada por secciones |
| 📱 Responsive Design | Pobre adaptación móvil, sin optimización táctil | Correcta adaptación móvil, botones táctiles grandes |
| ♿ Accesibilidad | Problemas de contraste y legibilidad | Uso adecuado de contraste y tamaño de fuente |
| ⚡ Velocidad de carga | Lenta (imágenes sin optimizar) | Rápida, con imágenes optimizadas |
| 🌐 Idioma | Solo en español | Disponible en español e inglés |
| 🌟 Valor diferencial | No está claro | Granada destaca localizaciones, cine y economía |
| 🎭 Narrativa y emoción | Muy institucional, sin storytelling | Más atractivo, destaca rodajes y cultura local |
Desde una perspectiva profesional y aplicando los principios del Diseño Centrado en el Usuario, el análisis de las webs de Salamanca y Granada Film Commission pone de manifiesto enfoques muy distintos en cuanto a diseño y funcionalidad. A continuación, se presentan las principales conclusiones como jurado experto en usabilidad y experiencia de usuario.
Ambas plataformas están dirigidas principalmente a profesionales del sector audiovisual —productores, localizadores, técnicos— interesados en rodar en localizaciones atractivas con respaldo institucional. De forma secundaria, también pueden interesar a turistas culturales o estudiantes de cine.
- 📍 Acceso rápido a información práctica sobre localizaciones.
- 🧾 Ayuda clara sobre permisos y logística de rodaje.
- 🎬 Ejemplos de producciones anteriores como aval.
- 📞 Comunicación sencilla con el equipo responsable.
La web de Granada Film Commission destaca por ofrecer una experiencia más cercana, accesible y emocional al usuario. Entre sus aciertos:
- 🔹 Navegación limpia y bien estructurada.
- 🔹 Secciones orientadas a tareas concretas.
- 🔹 Contenido emocional (imágenes, testimonios, filmografía).
- 🔹 Traducción al inglés para alcance internacional.
- 🔹 Diseño responsive con buena velocidad de carga.
Resultado: una experiencia que genera confianza, claridad y accesibilidad. Clave para usuarios que toman decisiones logísticas bajo presión.
En contraste, la web de Salamanca presenta una experiencia más institucional y menos centrada en las tareas reales del usuario:
- 🚫 Menú poco orientado a la acción.
- 🚫 Secciones abstractas como “Fines” o “Ventajas”.
- 🚫 Falta de buscador o filtros de localización.
- 🚫 Problemas de usabilidad en dispositivos móviles.
- 🚫 Páginas vacías o mal optimizadas (ej. “Filmografía”).
Esto sugiere un diseño basado en una lógica administrativa clásica, lo que dificulta la navegación y genera desmotivación.
Granada Film Commission aplica correctamente principios UX como:
- Jerarquía visual clara.
- Accesibilidad.
- Diseño emocional.
- Flujo de navegación coherente.
Salamanca Film Commission, en cambio, no aplica principios de usabilidad proactiva ni se adapta a dispositivos actuales.
- Reestructurar el menú con enfoque en tareas.
- Incluir filtros interactivos por tipo de localización.
- Diseñar fichas visuales con datos técnicos, imágenes y geolocalización.
- Crear una página de inicio con beneficios claros del rodaje en Salamanca.
- Aplicar diseño mobile-first y mejorar la accesibilidad (contrastes, navegación por teclado, alt text).
- Añadir testimonios y ejemplos reales de producciones.
Como experto en UX, se concluye que Granada Film Commission cumple con los principios del diseño centrado en el usuario, mientras que Salamanca Film Commission requiere una reformulación integral basada en tareas, accesibilidad y claridad comunicativa.
Un rediseño enfocado en estos criterios no solo mejoraría la experiencia digital, sino que también potenciaría la imagen de Salamanca como destino de rodajes, con impacto económico y cultural real en la región.
Este repositorio recoge un análisis UX comparativo entre las webs de Salamanca y Granada Film Commission, con propuestas de rediseño aplicadas según principios de diseño centrado en el usuario (DCU).
- Análisis del perfil de usuario y sus necesidades reales.
- Evaluación de interfaces con criterios de usabilidad y accesibilidad.
- Propuestas visuales coherentes con la identidad y objetivos de la web.
- Aplicación argumentada de principios UX: navegación por tareas, diseño emocional, mobile-first.
- Validación con usuarios reales mediante tests o entrevistas.
- Prototipos interactivos (Figma, Adobe XD) en lugar de solo mockups estáticos.
- Métricas cuantitativas de usabilidad para medir impacto real.
- Revisión técnica más profunda sobre accesibilidad (contrastes, navegación por teclado, etc.).
Este trabajo me ha permitido aplicar de forma práctica los fundamentos del diseño centrado en el usuario. Aunque aún hay margen de mejora en cuanto a validación con usuarios y herramientas más avanzadas, me siento un paso más cerca del diseño profesional en contextos reales.
Diseñar bien no es solo hacer algo bonito: es entender al usuario, su contexto y facilitarle las decisiones.
Gracias por visitar este proyecto.