Publicat per

[PEC 5] Prototipación y síntesis del proyecto

[PEC 5] Prototipación y síntesis del proyecto
Publicat per

[PEC 5] Prototipación y síntesis del proyecto

ENTREGA PEC5 Prototipación y Propuesta de Valor   Al finalizar con todas las etapas referentes al proceso de la materia, se realizó…
ENTREGA PEC5 Prototipación y Propuesta de Valor   Al finalizar con todas las etapas referentes al proceso de la…
ENTREGA PEC5

Prototipación

y Propuesta de Valor

 

Al finalizar con todas las etapas referentes al proceso de la materia, se realizó la elaboración de un prototipo interactivo de una aplicación móvil para Art Photo BRC. Considerando toda la información obtenida y el análisis correspondiente, se utilizaron técnicas de sketching, low-def mockups y la elaboración de un prototipo interactivo para ver cómo funciona el flujo propuesto.

 

(més…)

Debat0el [PEC 5] Prototipación y síntesis del proyecto

No hi ha comentaris.

Publicat per

Proposta de valor i Prototip de baix nivell

Publicat per

Proposta de valor i Prototip de baix nivell

Participació en Tallers i Seminaris Electrònicament: El prototip ofereix als assistents la possibilitat de participar en tallers i seminaris electrònicament. Això permet…
Participació en Tallers i Seminaris Electrònicament: El prototip ofereix als assistents la possibilitat de participar en tallers i seminaris…

Participació en Tallers i Seminaris Electrònicament:

El prototip ofereix als assistents la possibilitat de participar en tallers i seminaris electrònicament. Això permet als usuaris beneficiar-se de l’expertesa dels ponents sense haver de desplaçar-se físicament al lloc de l’esdeveniment. Amb l’ús de tecnologies de videoconferència i eines de col·laboració en línia, els assistents poden interactuar amb els ponents, realitzar preguntes i aprendre de manera interactiva des de qualsevol lloc amb connexió a Internet.

 

Mapa Interactiu per Localitzar els Llocs d’Interès:

Amb l’ajuda d’un mapa interactiu, els assistents poden localitzar fàcilment els diferents llocs d’interès relacionats amb el festival, com ara les sales d’exposicions, els tallers i altres espais rellevants. El mapa proporciona indicacions clares i detallades per arribar a cada lloc, facilitant la navegació i garantir que els assistents no es perdin cap activitat important.

Visualització de les Exposicions a través de la 360 vewing room:

La sala de visualització digital, anomenada “Veing Room 360”, és una característica clau del prototip. Aquesta funcionalitat permet als assistents explorar les exposicions virtualment, amb una experiència immersiva en 360 graus. Mitjançant la tecnologia de visualització virtual, els usuaris poden navegar per les diferents obres, obtenir informació detallada i gaudir de la sensació de presenciar les exposicions en persona; tot des de la comoditat del seu propi dispositiu.

Accés Fàcil i Complet a la Informació del Festival:

El prototip proporciona als assistents al festival un accés fàcil i complet a tota la informació rellevant sobre l’esdeveniment. Mitjançant una interfície intuïtiva i ben organitzada, els usuaris poden explorar les exposicions, els ponents, els horaris dels tallers, les ubicacions dels esdeveniments i altres detalls importants. Aquesta facilitat d’accés i permet als assistents conèixer a fons el festival i estar ben preparats per la seva participació.

Les Llistes de Preferits per no perdre’s ni una:

Amb les Llistes de Preferits, els usuaris tenen l’oportunitat de crear la seva pròpia agenda personalitzada i assegurar-se de no perdre cap activitat, exposició o esdeveniment important del festival d’art i fotografia. Poden marcar les obres, xerrades i tallers que els interessen i organitzar-los en un sol lloc. Aquesta funcionalitat clau els dóna el control per adaptar l’app a les seves preferències, garantint una experiència personalitzada i completa. D’aquesta manera, els usuaris no es perden res del que els interessa i tenen l’oportunitat d’explorar nous horitzons artístics amb les Llistes de Preferits.

 

 

Debat0el Proposta de valor i Prototip de baix nivell

No hi ha comentaris.

Publicat per

Prototip d’interacció

Publicat per

Prototip d’interacció

Debat0el Prototip d’interacció

No hi ha comentaris.

Publicat per

Disseny especulatiu: Prototip d’interacció

Publicat per

Disseny especulatiu: Prototip d’interacció

Carregant...

Debat0el Disseny especulatiu: Prototip d’interacció

No hi ha comentaris.

Publicat per

Diseño de interacción

Publicat per

Diseño de interacción

Diagramas de flujo ¡Hola a todos! Para esta entrada he decidido escoger la página web del Museo del Prado: https://www.museodelprado.es/en y Bilbao…
Diagramas de flujo ¡Hola a todos! Para esta entrada he decidido escoger la página web del Museo del Prado:…

Diagramas de flujo

¡Hola a todos! Para esta entrada he decidido escoger la página web del Museo del Prado: https://www.museodelprado.es/en y Bilbao International Art and Fashion: https://biaaf.com/. Presentaré sus diagrmas de flujo, así como un análisis crítico de cada uno de ellos; también realizaré una evaluación heurística.

 

Museo del Prado

Este diagrama de flujo muestra cómo un usuario navegaría por la página web del Museo del Prado. El inicio comienza en la página principal, donde el usuario puede elegir entre tres secciones: Colección, Visitas e Investigación. Todas ellas permiten al usuario retroceder y seleccionar otra sección, así como salir de la página web con facilidad.

Este diagrama muestra una estructura lógica y clara en la navegación de la página web. Sin embargo, una posible mejora sería incluir opciones de búsqueda y filtros para ayudar a los usuarios a encontrar obras de arte específicas dentro de una categoría, así como una funcionalidad de búsqueda mediante palabras clave.

La evaluación heurística se ha realizado con los 10 principios de Nielsen:

√ = Cumple con el principio

× = No cumple con el principio

  1. Visibilidad del estado del sistema: √
  2. Coincidencia entre el sistema y el mundo real: √
  3. Control y libertad del usuario: √
  4. Consistencia y estándares: ×
  5. Prevención de errores: √
  6. Reconocimiento en lugar de recordar: ×
  7. Flexibilidad y eficencia de uso: ×
  8. Estética y diseño minimalista: √
  9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de errores: ×
  10. Ayuda y documentación: ×

En general, la pagina web del Museo del Prado cumple con varios de los principios de usabilidad: Utiliza terminología adecuada al contexto, la visualidad es clara y ofrece opciones de navegación coherentes, asi como también muestra dvertencias antes de acciones irreversibles. No obstante, hay margen de mejora: por ejemplo, la agregación de opciones de deshacer o inclusión de una funcionalidad de búsqueda y filtros para una mayor personalización del usuario. Por último, podría proporcionar más información sobre cómo solucionar los posibles errores que aparacen.

Como conclusión, la página web tiene unas buenas bases en términos de usabilidad, pero puede tener muy buenas oportunidades de mejora.

BIAAF

Este segundo diagrama de flujo representa la navegación de un usuario en la página wed de BIAAF(Bilbao International Art & Fashion Forum). Comienza su inicio en la página principal y permite al usuario elegir entre las diferentes secciones: About BIAAF, News, Events, Designers y Awards.

Muestra una estructura clara y coherente y facilita a los usuarios a encontrar la información que desean. No obstante, las opciones de navegación podrían ser más visibles y accesibles para cada sección, para que los usuarios pudieran distinguir los distintos tipos de secciones que hay. Asimismo sería interesante añader una funcionalidad de búsqueda.

Respecto a su evaluación heurística:

√ = Cumple con el principio

× = No cumple con el principio

  1. Visibilidad del estado del sistema:
  2. Coincidencia entre el sistema y el mundo real:
  3. Control y libertad del usuario: ×
  4. Consistencia y estándares:
  5. Prevención de errores:
  6. Reconocimiento en lugar de recordar:
  7. Flexibilidad y eficencia de uso:
  8. Estética y diseño minimalista:
  9. Ayuda a los usuarios a reconocer, diagnosticar y recuperarse de errores: ×
  10. Ayuda y documentación: ×

En general esta página web cumple con muchos de los principios de usabilidad, pues muestra una visualización clara, terminología adecuada al contexto y una estructura de navegación coherente, así como su estética concuerda con lo que se trata en su página web. Si embargo, se podría proporcionar de una mayor ayuda al usuario enc aso de errores.

Debat0el Diseño de interacción

No hi ha comentaris.

Publicat per

PEC4 / Diseño de la Navegación

PEC4 / Diseño de la Navegación
Publicat per

PEC4 / Diseño de la Navegación

ENTREGA PEC4 Análisis heurístico, Análisis crítico y Diagramas de Flujo   Como parte del PEC4 centrado en el sitio de Photo Art…
ENTREGA PEC4 Análisis heurístico, Análisis crítico y Diagramas de Flujo   Como parte del PEC4 centrado en el sitio…
ENTREGA PEC4

Análisis heurístico, Análisis crítico y Diagramas de Flujo

 

Como parte del PEC4 centrado en el sitio de Photo Art BCN como cliente, se desarrollan los siguientes módulos:

  • ANÁLISIS HEURÍSTICO. En referencia de 2 competidores (benchmarking), Meetup y Photo Forum Fest, se desarrolla uno a uno los principios de heurística con ejemplos visuales

  • ANÁLISIS CRÍTICO. Con los resultados obtenidos del benchmarking, el análisis heurístico y aplicando criterio de análisis de diseño, se elabora un informe detallado. Además, se integran otros referentes que sirvan como complemento

  • DIAGRAMAS DE FLUJO. En base a la información de los PEC previos, se desarrollan 4 diagramas de flujo para Photo Art BCN referentes a cada una de las tareas especificadas para los usuarios. También se elaboran diagramas de flujo para los competidores incluidos en el benchmarking con el fin de obtener una comparación y validación de nuestra propuesta en el árbol de contenidos (PEC2)

(més…)

Debat0el PEC4 / Diseño de la Navegación

No hi ha comentaris.

Publicat per

Análisis crítico

Publicat per

Análisis crítico

En l’anàlisi següent, examinaré els plantejaments de navegació de quatre llocs web diferents: Nordic Game Jam, MACBA, Cruïlla Barcelona i Art Week…
En l’anàlisi següent, examinaré els plantejaments de navegació de quatre llocs web diferents: Nordic Game Jam, MACBA, Cruïlla Barcelona…

   En l’anàlisi següent, examinaré els plantejaments de navegació de quatre llocs web diferents: Nordic Game Jam, MACBA, Cruïlla Barcelona i Art Week Copenhagen. També tindrem en compte l’ús dels idiomes en tres d’aquests portals. A continuació, detallem cada un d’ells:

La navegació d’aquest lloc web està orientada cap a la compra de participació en el joc. L’estructura de navegació és clara i senzilla, amb seccions ben diferenciades per a informació rellevant, com ara horaris, inscripcions, premis, etc. És fàcil per a l’usuari trobar els detalls sobre com participar en el joc, ja que la informació està ben  organitzada. No s’observen problemes rellevants en aquest aspecte.

Aquest lloc web té com a objectiu proporcionar informació sobre el Museu d’Art Contemporani de Barcelona i les seves exposicions. No obstant això, es pot considerar una mica confús el procés d’obtenir participació veure exposicions. Tot i que alguns esdeveniments són gratuïts, el procés de pagament es manté, el que pot crear confusió entre els usuaris. Seria positiu oferir una explicació més clara sobre el procés de reserva o diferenciar clarament els esdeveniments gratuïts dels que requereixen una entrada de pagament.

En aquest cas, el festival de música Cruïlla Barcelona ofereix una gran quantitat d’informació als usuaris. A vegades, aquesta sobrecàrrega d’informació pot resultar una mica confusa per als visitants. Seria beneficiós millorar la manera com es presenta aquesta informació per fer-la més accessible i fàcil d’assimilar. Un disseny més estructurat i l’ús de categories clares podrien millorar la navegació i permetre als usuaris trobar ràpidament la informació que busquen.

Aquest lloc web és el de l’Art Week de Copenhaguen, un festival d’art gratuït que ofereix events i exposicions puntuals durant tota la setmana. La navegació en aquest lloc és relativament senzilla, amb una estructura clara i seccions específiques per a cada dia i esdeveniment. No es presenten dificultats rellevants en aquest aspecte. A més, l’opció de canviar l’idioma està disponible en aquesta pàgina web, la qual cosa facilita l’accés a la informació per als usuaris que prefereixen un altre idioma diferent de l’anglès.

En resum, mentre que algunes pàgines web com Nordic Game Jam i Art Week Copenhagen tenen una estructura de navegació clara i accessible, altres com.

MACBA i Cruïlla Barcelona podrien millorar la seva usabilitat. Seria beneficiós oferir una millor orientació i organització de la informació per facilitar l’experiència de l’usuari. Com a exemple, l’opció de canviar l’idioma és una característica important que permet als usuaris accedir a la informació en la seva llengua preferida. En el cas del MACBA, pot resultar confús si no s’entén l’idioma en què es mostra la pàgina. Seria positiu afegir indicacions més clares o traduccions per ajudar als usuaris a comprendre millor el contingut.

 

Selecció idioma del MACBA
Selecció idioma del festival cruïlla
Selecció idioma de ArtWeek

Debat0el Análisis crítico

No hi ha comentaris.

Publicat per

[PEC3] Árbol de contenido

[PEC3] Árbol de contenido
Publicat per

[PEC3] Árbol de contenido

PHOTO ART BARCELONA Card Sorting y Árbol de Contenidos   Tomando como referencia el Documento de Requisitos de Diseño de la entrega…
PHOTO ART BARCELONA Card Sorting y Árbol de Contenidos   Tomando como referencia el Documento de Requisitos de Diseño…
PHOTO ART BARCELONA

Card Sorting y Árbol de Contenidos

 

Tomando como referencia el Documento de Requisitos de Diseño de la entrega anterior, se elabora un mapeo del sitio actual y se agregan como funcionalidades nuevas los siguientes puntos:

  • Newsletter
  • Foro
  • Calendario
  • Chat
  • Viewing Room 360º

(més…)

Debat0el [PEC3] Árbol de contenido

No hi ha comentaris.

Publicat per

Conclusions “Card Sorting”

Publicat per

Conclusions “Card Sorting”

En conclusió, gràcies a l’estudi realitzat he pogut entendre que el nostre perfil d’usuari té una idea molt concreta d’on esperen trobar…
En conclusió, gràcies a l’estudi realitzat he pogut entendre que el nostre perfil d’usuari té una idea molt concreta…

En conclusió, gràcies a l’estudi realitzat he pogut entendre que el nostre perfil d’usuari té una idea molt concreta d’on esperen trobar cert tipus d’informació. L’apartat que l’he anomenat “configuracions” és on esperen trobar el contingut rellevant per la funcionalitat de l’app. Per altra banda, hi ha un bloc que és on els participants podran trobar tota aquella informació referent al festival, responent a les preguntes “Què?”, “On?”, “Quan?”, “Qui?”, aquest bloc es diu “Informació Principal“. Després tenim el bloc “Adquirir Participació” on podran trobar tot el contingut per poder-hi participar com compra d’entrades i registre. I finalment hi ha el bloc anomenat “festival en línia” que els inscrits podran utilitzar durant el festival per participar en els diferents esdeveniments en remot o visualitzar les exhibicions.

Ames a més dels 4 principals blocs hi ha un seguit de funcionalitats que no pertanyen a una de les quatre temàtiques en concret sinó que ha de ser accessible des de diferents llocs de l’app. En particular són el mapa, les llistes o el registre d’usuaris.

Una altra cosa a tenir en compte a l’hora de dissenyar l’app és que hi ha certes informacions que han d’estar connectades amb informació d’altres blocs per exemple l’apartat d’exhibicions amb el del “vew room”. Cal puntualitzar que tot i no haver tingut gaire rellevància a la prova que hem fet segurament al bloc d’informació sobre el festival hi hauria de ser accessible certs apartats del bloc adquirir participació per així facilitat a un usuari interessat l’accés a inscriure’s. Aquest és un tema que s’hauria d’estudiar més a fons i veure com afecta l’usuari per poder atraure’n conclusions.

Debat0el Conclusions “Card Sorting”

No hi ha comentaris.

Publicat per

Conceptualización de la interacción.

Publicat per

Conceptualización de la interacción.

¡Hola a todos! Aquí presento tanto el escenario como el user journey (en el que he integrado, de nuevo, el escenario). Un…
¡Hola a todos! Aquí presento tanto el escenario como el user journey (en el que he integrado, de nuevo,…

¡Hola a todos! Aquí presento tanto el escenario como el user journey (en el que he integrado, de nuevo, el escenario). Un saludo :)

Persona:

Jan Simon

Tarea: 

Disfrutar de la exhibición de uno de sus artistas preferidos.

Antecedentes:

Con la modalidad híbrida, se puede disfrutar de las exhibiciones con la experiencia viewing room 360º.

Escenario:

  • Jan entra a la página web desde el navegador de su dispositivo.
  • Pulsa el enlace que le permite descargarse la aplicación.
  • Debe registrarse como usuario (guest) del festival.
  • Introduce sus datos de usuario.
  • Selecciona viewing room 360º.
  • Busca la exhibición que más le gusta.
  • Se mete dentro de la sala virtual.
  • Puede observar todo lo que hay a su alrededor moviendo el móvil.
  • Anda alrededor de su habitación para el visionado.
  • Da por finalizada la experiencia y sale de la aplicación.

 

Debat0el Conceptualización de la interacción.

No hi ha comentaris.