FiraTàrrega / Arbol de Contenido

Proyecto:
Diseño de la plataforma digital interactiva para FiraTàrrega
“Una Experiencia Cultural Expandida” – Parte 2

La organización del árbol de contenidos se basa en las preferencias y percepciones de los usuarios recopiladas durante la actividad de card sorting. Esto asegura que la estructura del sitio esté alineada con las expectativas de los usuarios y mejora la usabilidad.

Carregant...

Para estructurarlo se ha tenido en cuenta la frecuencia y la calificación de cada alimento en las categorías para determinar su ubicación en el árbol de contenidos. Por ejemplo, los alimentos más frecuentemente asociados con el desayuno están listados bajo esa categoría y los alimentos que han recibido una percepción mixta o negativa (como “Yuck I wouldn’t eat it”) no se han incluido explícitamente en el árbol de contenidos, pero se pueden abordar en el blog para ofrecer perspectivas o recetas que podrían cambiar esas percepciones.

Lápiz de Acero – Reconociendo el talento del diseño Colombiano

Públic

Eran los años 90 y en medio del inicio de nuestra revolución 4.0, la revista “Proyecto Diseño” creó el mayor evento de diseño de la época: los premios LÁPIZ DE ACERO.

Esta fue una de las primeras publicaciones que adquirí recién comencé mi carrera, y tuve el honor de aparecer como coautor en una de ellas de la mano de la maestra Patricia Durán, siendo esta la razón principal de mi interés por realizar el análisis de su nuevo sitio luego de más de 25 años de este primer contacto y su importancia para la comunidad de diseño y la expectativa de que refleje la excelencia en el diseño web.

El sitio web que ha sido renovado es “lapizdeacero.org“, y busca convertirse en una plataforma que se posiciona como un escaparate del talento en diseño de Colombia, comparado con la relevancia internacional de eventos como el OFFF en España.  

Si desean conocer un poco más de este evento, los invito a consultar el siguiente enlace: https://www.revistapym.com.co/articulos/comunicacion/64830/vuelve-el-lapiz-de-acero-el-premio-al-diseno-colombiano-en-su-edicion-xxi

Este post buscará validar el diseño de un sitio que promete ser un faro del diseño colombiano, reflejando el talento y la innovación de sus creadores. En la búsqueda de la excelencia, emplearemos las diez heurísticas de Nielsen como nuestra brújula, evaluando cómo cada principio se manifiesta en la interfaz actual y cómo podría ser perfeccionada. A través de este análisis, no solo identificaremos los desafíos sino que también propondremos soluciones concretas, aspirando a elevar la calidad y experiencia de usuario a la altura de los estándares internacionales. Este no es solo un análisis crítico; es un llamado a la acción no solo para toda nuestra comunidad sino para toda la comunidad del diseño, y una invitación a reflexionar sobre la importancia de la usabilidad en nuestras creaciones digitales.

Sin más preámbulos, comencemos:

  1. Metodología
    Para el análisis se utilizó el enfoque heurístico de Jakob Nielsen, que implica evaluar la interfaz en base a diez principios establecidos. El procedimiento incluye la revisión sistemática de la página, identificando y documentando ejemplos que cumplen o violan estas heurísticas.

2. Análisis de las 10 Heurísticas de Nielsen
Cada heurística de Nielsen es una lente a través de la cual podemos observar y evaluar el diseño. Veamos a continuación cómo cada principio se aplica a la interfaz, revelando tanto las fortalezas como las áreas que necesitan refinamiento.

Visibilidad del estado del sistema: la página muestra una falta de feedback inmediato después de las interacciones, dejando al usuario sin confirmación de sus acciones.

Relación entre el sistema y el mundo real: la página utiliza un lenguaje técnico y jerga de diseño que puede no ser inmediatamente comprensible para todos los usuarios.

Control y libertad del usuario: no hay botones evidentes para deshacer o volver atrás, lo que podría frustrar a los usuarios que toman una acción equivocada.

Consistencia y estándares: existe una falta de consistencia en el estilo de los botones y enlaces, lo que podría confundir a los usuarios sobre qué elementos son interactivos.

Prevención de errores: no hay indicadores claros de errores o confirmación de acciones correctas, lo cual es crucial en formularios de inscripción o envío de trabajos.

Reconocimiento antes que recuerdo: la información importante no está visible de manera prominente, obligando al usuario a recordar dónde encontrarla.

Flexibilidad y eficiencia de uso: la página carece de atajos o herramientas que permitan a los usuarios expertos realizar tareas más rápidamente.

Diseño estético y minimalista: El diseño de la página está sobrecargado con información y elementos visuales, lo que puede resultar abrumador y disminuir la usabilidad.

Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de errores: no hay mensajes de error claros o instrucciones de recuperación cuando algo va mal.

Ayuda y documentación: aunque la página no es excesivamente compleja, no ofrece ayuda o documentación sobre cómo navegarla o cómo participar en los premios.

3. Listado priorizado de hallazgos vs. Propuestas de mejora:
Dando alcance al análisis anterior, se hanIdentificaremos los puntos más críticos de mejora en “lapizdeacero.org”, clasificándolos por su impacto en la experiencia del usuario. A cada hallazgo le acompañará una estrategia de optimización detallada, diseñada para mejorar la usabilidad y la estética general del sitio.

Diseño estético y minimalista: el exceso de elementos visuales y de información es el problema más grave, ya que afecta directamente la capacidad del usuario para interactuar efectivamente con la página.
Mejora: Reducir la cantidad de elementos visuales y centrarse en la jerarquía de la información para mejorar la claridad.

Consistencia y estándares: la falta de consistencia en la interfaz puede llevar a confusión y errores.
Mejora: Establecer y seguir una guía de estilo para mantener la consistencia en toda la interfaz.

Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de errores:
la ausencia de mensajes de error claros puede ser muy frustrante y hacer que los usuarios abandonen la página.
Mejora: Implementar mensajes de error claros y sugerencias de recuperación.

Prevención de errores: la falta de retroalimentación preventiva puede resultar en errores no detectados que afecten la experiencia del usuario.
Mejora: Diseñar formularios con validación en tiempo real y retroalimentación para prevenir errores antes de que ocurran.

Visibilidad del estado del sistema: la falta de confirmación de acciones puede hacer que los usuarios se sientan perdidos o inciertos sobre el estado del sistema.
Mejora: Asegurar que cada acción tenga una respuesta visible o un estado de confirmación inmediato.

4. Conclusión
Es sorpresivo desde mi perspectiva (y expectativa) encontrarme con un diseño web que pareciera carecer de lo que particularmente premia. Si bien no todo se trata de llevar las tendencias al día, el diseño de esta interfaz es la excusa perfecta para reinventarse en cada versión, para experimentar y lograr no solo informar quienes hacen un buen diseño, sino ser el primer referente dentro del mercado.

Benvinguts i benvingudes!

Públic

Benvinguts al meu Folio personal. Aquesta entrada s’ha generat automàticament, i serveix per explicar la plataforma acadèmica de portafolis.

Folio és una plataforma acadèmica, desenvolupada per la UOC i basada en WordPress per a permetre a la comunitat acadèmica interactuar de forma rica i oberta. Permet presentar treballs a l’aula, al professorat, a la comunitat o en obert.

Es probable que en aquest espai hi hagi continguts que no siguin visibles si no formes part de la comunitat acadèmica fins que no entris al Campus i a Folio

Si es tracta del teu espai personal, pots entrar per a començar a editar-lo!