Publicat per

R5:PROTOTIPADO

R5:PROTOTIPADO
Publicat per

R5:PROTOTIPADO

Para este reto adjunto la propuesta de valor y el prototipado de la App solicitado. Además, en este link se puede ver…
Para este reto adjunto la propuesta de valor y el prototipado de la App solicitado. Además, en este link…

Para este reto adjunto la propuesta de valor y el prototipado de la App solicitado. Además, en este link se puede ver la interacción: https://www.figma.com/proto/CwXayts0DzQMkEOegQDxpo/UOC-APP?node-id=0-1&t=SV1Kmb3ATWtd75xv-1

 

Debat0el R5:PROTOTIPADO

No hi ha comentaris.

Publicat per

R5. Prototipado y síntesis del proyecto

Publicat per

R5. Prototipado y síntesis del proyecto

Presentación de la Propuesta de Valor y del Prototipo A continuación, se presentará la propuesta de valor desarrollada durante el diseño de…
Presentación de la Propuesta de Valor y del Prototipo A continuación, se presentará la propuesta de valor desarrollada durante…

Presentación de la Propuesta de Valor y del Prototipo

A continuación, se presentará la propuesta de valor desarrollada durante el diseño de la Arquitectura de la Información del proyecto, junto con el prototipo resultante del trabajo realizado.

Propuesta de Valor

En el diagrama siguiente se han delineado los diversos elementos que componen la propuesta de valor del proyecto de Arquitectura de la Información. Esta se ha formulado tras completar las fases de Conceptualización de la Interacción, Definición de la Organización y del Etiquetado, Diseño de la Navegación y Prototipado.

Prototipo

El prototipo que se presenta a continuación está diseñado para representar la arquitectura de la información de la aplicación. Este es el resultado de un proceso de diseño de interfaces que incluyó una fase previa de sketching. Durante esta fase, se iteró sobre un diseño inicial en papel, lo que llevó a la creación de los wireframes que se muestran a modo de previsualización en la siguiente imagen:

AQUÍ PODEIS VER EL PROTOTIPO DE BAJO NIVEL (TENEIS QUE ABRILO EN UNA PESTAÑA NUEVA, SI NO NO VA)

Debat0el R5. Prototipado y síntesis del proyecto

No hi ha comentaris.

Publicat per

DIAGRAMA DE FLUJO

DIAGRAMA DE FLUJO
Publicat per

DIAGRAMA DE FLUJO

Para el desarrollo de la parte de análisis crítico de este reto, he seleccionado la página web de la UNED y la…
Para el desarrollo de la parte de análisis crítico de este reto, he seleccionado la página web de la…

Para el desarrollo de la parte de análisis crítico de este reto, he seleccionado la página web de la UNED y la de Domestika.

En el caso de la UNED, es una institución que trabaja de una forma muy similar a la UOC, ofertando formación reglada de manera online.

Por su parte, Domestika, ha sido seleccionada por su amplía oferta de formación en cursos de distintos ámbito en remoto.

A continuación vamos a desarrollar un diagrama de flujo para cada página web.

 

DIAGRAMA DE FLUJO DE LA UNED

El objetivo de la interacción con su web será buscar cursos de verano

DIAGRAMA DE FLUJO DE DOMESTIKA

El objetivo de la interacción con esta página web va a ser buscar cursos de diseño gráfico centrándonos en el software Illustrator.

ANÁLISIS HERURÍSTICO

A continuación vamos a elaborar una tabla para evaluar ambas interacciones basándonos en las 10 Reglas Básicas de la Heurística

Debat0el DIAGRAMA DE FLUJO

No hi ha comentaris.

Publicat per

Reto 4

Publicat per

Reto 4

Hola a todos! Para el análisis de los flujos de navegación en dos plataformas de aprendizaje online he escogido Domestika y Nuclio…
Hola a todos! Para el análisis de los flujos de navegación en dos plataformas de aprendizaje online he escogido…

Hola a todos!

Para el análisis de los flujos de navegación en dos plataformas de aprendizaje online he escogido Domestika y Nuclio Digital School. Este análisis revela fortalezas y áreas de mejora específicas en ambas plataformas. A través de la comparación de diferentes aspectos heurísticos, se puede comprender mejor cómo cada plataforma se esfuerza por proporcionar una experiencia de usuario efectiva y satisfactoria.

 

Domestika destaca en mantener a los usuarios informados sobre el estado del sistema. Desde el inicio de sesión hasta la compra de cursos, la plataforma ofrece indicadores claros y notificaciones que confirman las acciones del usuario. Esto incluye mensajes visuales durante la búsqueda de cursos y confirmaciones de pago. Por otro lado, Nuclio Digital School también se asegura de que los usuarios estén al tanto del estado del sistema mediante banners de aceptación de cookies, indicadores de carga y confirmaciones de acciones como la solicitud de información y el proceso de matrícula. Ambas plataformas son efectivas en este aspecto, aunque Domestika podría tener una ligera ventaja debido a la claridad y frecuencia de sus notificaciones.

Domestika utiliza un lenguaje y terminología que son fácilmente entendibles para el usuario promedio, con categorías intuitivas que facilitan la búsqueda de cursos. En comparación, Nuclio Digital School presenta información clara sobre programas y másteres, utilizando términos académicos que son relevantes para su audiencia específica. Ambas plataformas están bien adaptadas a sus respectivos públicos, con Domestika enfocándose en una audiencia más amplia y Nuclio Digital School en usuarios que buscan educación superior.

 

Ambas plataformas mantienen un diseño consistente y utilizan iconos y términos estándar que los usuarios pueden reconocer fácilmente. Domestika y Nuclio Digital School aseguran una experiencia de usuario uniforme, lo cual es fundamental para reducir la carga cognitiva y aumentar la eficiencia.

Domestika facilita la búsqueda de cursos mediante menús desplegables y listas de categorías, lo que permite a los usuarios encontrar lo que necesitan sin tener que recordar términos específicos. Nuclio Digital School también ofrece menús claros y accesibles, con información fácilmente recuperable, lo que reduce la carga de memoria del usuario.

En conclusión, tanto Domestika como Nuclio Digital School demuestran un compromiso significativo con la usabilidad y la experiencia del usuario. Domestika sobresale en la visibilidad del estado del sistema y la prevención de errores, mientras que Nuclio Digital School destaca en la adecuación del lenguaje y la presentación de información detallada. Ambas plataformas podrían beneficiarse de implementar mejoras adicionales basadas en las heurísticas analizadas, pero en general, proporcionan experiencias de usuario sólidas y efectivas.

Gracias!!!

Debat0el Reto 4

No hi ha comentaris.

Publicat per

Anàlisi de la navegació

Publicat per

Anàlisi de la navegació

Com a productes de referència s’ha analitzat les aplicacions de cursos Domestika i Formación Plena Inclusión. L’aplicació de Domestika permet inscriure’s a…
Com a productes de referència s’ha analitzat les aplicacions de cursos Domestika i Formación Plena Inclusión. L’aplicació de Domestika…

Com a productes de referència s’ha analitzat les aplicacions de cursos Domestika i Formación Plena Inclusión.

L’aplicació de Domestika permet inscriure’s a diversos cursos de pagament de temàtica artística. A través de l’aplicació es pot buscar els cursos, comprar-los i realitzar-los a través de la visualització dels continguts.

El diagrama de flux de Domestika mostra els passos a seguir per a gestionar una possible incidència. L’estructura de l’aplicació afavoreix localitzar els continguts perquè s’ajusta al model mental de l’usuari. En general l’organització de continguts és clara i intuïtiva, enfocada clarament a un objectiu comercial, facilitant a l’usuari visualitzar i filtrar els cursos que li interessin i mostrant suggerències per guiar la seva atenció. Les opcions principals de la barra de navegació respon també a aquest objectiu.

Com es pot observar en la gràfica anterior l’estructura no és massa profunda y permet saber en tot moment on es troba l’usuari. L’etiquetatge, nomenclatura i icones són consistents al llarg de l’aplicació i faciliten identificar correctament els continguts. Els enllaços són fàcilment identificables i permeten saber on es troba l’usuari en cada moment. Els elements dels menús estan organitzats en grups d’informació per no sobresaturar l’usuari. No hi ha redundància d’enllaços ni pàgines orfes.

Com a punt de millora, un disseny responsive facilitaria la comoditat en la navegació. Com a valoració general de l’aplicació presenta una bona organització i visualització de la informació, que facilita la navegació i la localització dels continguts de l’aplicació.

L’aplicació de Plena Inclusión permet inscriure’s a diversos cursos gratuïts sobre diversitat funcional. A través de l’aplicació es pot buscar els diferents cursos, inscriure’s i accedir als materials. Inclou altres funcionalitats com missatgeria, blog i calendari.

En el diagrama de flux de Plena Inclusión s’ha analitzat com es desenvolupa la tasca d’incloure un nou esdeveniment al Calendari. Podem observar com l’opció de calendari no està continguda en la barra de navegació principal, sinó que s’hi ha d’arribar a través del Submenú “…” (“Más”), amb la qual cosa queda una mica amagada. Un cop allà és intuïtiu i senzill incloure un nou esdeveniment.

Com es pot veure a la gràfica anterior l’organització dels continguts presenta una certa redundància, ja que des de la barra de menú principal s’accedeix a la mateixa informació des de diferents vies, de forma innecessària i fent que altres funcions quedin desplaçades a un submenú, la qual cosa les fa més difícil de trobar. Utilitza moltes icones, la majoria fàcilment reconeixibles, però d’altres poden dur a confusió. Com a proposta de millora caldria acompanyar-les d’etiquetes textuals en alguns casos. L’aplicació té un disseny responsive que facilita la visualització dels continguts. Té apartats poc clars com ara el de “Marcas”, que permet realitzar búsquedes per etiquetes i enllacen amb perfils d’usuàries que les han fet servir en els seus blogs (però no enllacen amb el contingut del blog). No hi ha pàgines orfes. La valoració general de l’aplicació deixa un marge de millora per tal que la informació sigui àgil de localitzar i perquè els continguts siguin rellevants per les usuàries.

Debat0el Anàlisi de la navegació

No hi ha comentaris.

Publicat per

Referencias y Análisis Crítico-RETO4

Publicat per

Referencias y Análisis Crítico-RETO4

He seleccionado dos plataformas de universidades online que ofrecen una variedad de grados y master además se puede compaginar en distintos países:…
He seleccionado dos plataformas de universidades online que ofrecen una variedad de grados y master además se puede compaginar…

He seleccionado dos plataformas de universidades online que ofrecen una variedad de grados y master además se puede compaginar en distintos países: UNED y UDIMA.

De acuerdo con el enunciado del ejercicio, he analizado el principal flujo de navegación de cada plataforma y he establecido como objetivo que los usuarios accedan a ver el listado de asignaturas del grado de psicología. Ambas plataformas están disponibles tanto en versión de navegador como en aplicaciones nativas, y comparten similitudes con nuestra aplicación.

Los diagramas y el análisis los he realizado a partir de la aplicación, ya que el objetivo es comparar el flujo de navegación y el diseño de la interfaz según los principales criterios de evaluación heurística. A continuación, presento los diagramas correspondientes junto con el análisis competitivo.

Diagrama UNED: Acceder a una lección en la aplicación de UNED.

Diagrama UDIMA: Acceder a una lección en la aplicación de UDIMA.

Análisis crítico de ambas:

Para mí, crear diagramas de flujo durante la fase de arquitectura de información ha sido absolutamente esencial. No solo facilitan la comprensión de cómo interactúan los usuarios con un sistema, sino que también juegan un papel crucial en la toma de decisiones informadas sobre cómo estructurar y organizar la información. Al trazar paso a paso el proceso y las relaciones entre cada acción, obtengo una visión clara y secuencial de lo que los usuarios deben hacer para lograr sus objetivos.

Debat0el Referencias y Análisis Crítico-RETO4

No hi ha comentaris.

Publicat per

RETO 3: ÁRBOL DE CONTENIDOS

Publicat per

RETO 3: ÁRBOL DE CONTENIDOS

¡Hola! Para el reto 3 he hecho el siguiente árbol de contenidos basándome en las conclusiones obtenidas del Card Sorting. Cabe destacar…
¡Hola! Para el reto 3 he hecho el siguiente árbol de contenidos basándome en las conclusiones obtenidas del Card…

¡Hola!

Para el reto 3 he hecho el siguiente árbol de contenidos basándome en las conclusiones obtenidas del Card Sorting.

Cabe destacar que el Card Sorting lo desarrollé con 5 usuarias que NO han tenido contacto con el contexto de la UOC, por lo que los términos “retos” o “folio” no los entendieron y a la hora de estructurarlos tuvieron que pedirme más información.

En cuanto a la organización, quizás en futuras fases se podrían añadir otros ítems como “ayuda” en formato CTA o más divisiones en el apartado de “Perfil” que respondan a requisitos legales de la app.

En futuras fases sería recomendable recordar la importancia de que el diseño sea lo más limpio posible. Ya existen suficientes apartados, es necesario que el usuario no se pierda en la APP al intentar llegar a su objetivo.

 

Debat0el RETO 3: ÁRBOL DE CONTENIDOS

No hi ha comentaris.

Publicat per

Árbol de contenidos

Publicat per

Árbol de contenidos

¡Hola! La metodología aplicada en este reto incluye el desarrollo de un inventario de contenidos, así como la implementación de técnicas de…
¡Hola! La metodología aplicada en este reto incluye el desarrollo de un inventario de contenidos, así como la implementación…

¡Hola!

La metodología aplicada en este reto incluye el desarrollo de un inventario de contenidos, así como la implementación de técnicas de Card Sorting para validar y ajustar la arquitectura de la información propuesta.

El inventario se organiza en cuatro niveles, comenzando con el Nivel 0 (“Home”) y extendiéndose hasta funcionalidades específicas en el Nivel 3. Las secciones principales abarcan desde el “Feed de Noticias” hasta “Notificaciones”, mientras que las subsecciones y funcionalidades específicas ofrecen recursos detallados y herramientas de aprendizaje personalizadas para estudiantes y docentes.

El Card Sorting se realizó con seis usuarios que representan tanto a estudiantes actuales como a posibles alumnos de la UOC, utilizando la plataforma digital Optimal Sort. El análisis de las respuestas de los usuarios permitió identificar patrones comunes y diferencias en los modelos mentales, lo que facilitó la estandarización de categorías.

Las conclusiones del estudio recalcan la importancia de un espacio personal bien definido, el acceso intuitivo a recursos de aprendizaje, y la creación de áreas dedicadas a la exploración, el descubrimiento y el soporte. La estructura del Árbol de Contenidos final  garantiza una plataforma que sea coherente con las necesidades cognitivas y emocionales de los usuarios:

Muchas gracias!

Debat0el Árbol de contenidos

No hi ha comentaris.

Publicat per

Arbre de continguts

Publicat per

Arbre de continguts

Bones! A continuació podeu veure l’arbre de continguts que he generat a partir dels insights extrets de les fases d’investigació prèvies i…
Bones! A continuació podeu veure l’arbre de continguts que he generat a partir dels insights extrets de les fases…

Bones! A continuació podeu veure l’arbre de continguts que he generat a partir dels insights extrets de les fases d’investigació prèvies i del card sorting:


Debat0el Arbre de continguts

No hi ha comentaris.

Publicat per

RETO3 DEFINICIÓN DE LA ORGANIZACIÓN Y ETIQUETADO

Publicat per

RETO3 DEFINICIÓN DE LA ORGANIZACIÓN Y ETIQUETADO

Después de definir los requisitos del producto en la actividad previa, es momento de establecer la arquitectura de la información y la…
Después de definir los requisitos del producto en la actividad previa, es momento de establecer la arquitectura de la…

Después de definir los requisitos del producto en la actividad previa, es momento de establecer la arquitectura de la información y la estructura de interacción del producto o servicio. Comenzaremos con la organización y etiquetado de los contenidos. La fase de arquitectura de la información se enfoca en cómo organizar los contenidos que serán parte del sistema para facilitar su uso por parte de los usuarios. Definiremos los contenidos del producto y luego los organizaremos y etiquetaremos.

Tras crear el inventario de contenido, llevamos a cabo una prueba de ordenamiento de tarjetas. Esta prueba contó con la participación de 5 individuos con diversos perfiles, quienes organizaron el contenido de la forma más intuitiva para ellos mismos. Con los resultados de esta prueba, realizamos un análisis para identificar las tendencias de los usuarios y, finalmente, elaboramos el árbol de contenidos final más apropiado.

Inicialmente, aproximamos unas 6 categorías generales que abarquen todo el contenido del sistema, teniendo en cuenta tanto las respuestas de los participantes en el ordenamiento de tarjetas como la teoría de Miller (7±2).

Si por casualidad no se lograse ver bien (haz click aquí para verlo mejor).

 

 

Debat0el RETO3 DEFINICIÓN DE LA ORGANIZACIÓN Y ETIQUETADO

No hi ha comentaris.