WIRED: Wireframe

The best way to predict the future is to invent it” frase de Alan Kay (Murray, 2011), y primera frase que invita a reflexionar sobre cómo queremos inventar el futuro.

He seleccionado el medio de comunicación informativo Wired. El nombre de la revista significa en castellano “conectado”, y el objetivo central de su contenido es presentar cómo la tecnología puede afectar a la cultura, la educación, la economía y la política. (Wikipedia)

Mensualmente se publican artículos en inglés que apoyan la creencia de cómo los avances de la ciencia y tecnología ayudarán a cumplir un ideal utópico. La revista cuenta con los diferentes formatos requerido (físico, sitio web y aplicación) y la edición que se estudió es la de junio 2022.

Wired Magazine
Wired Magazine

Se ha realizado un wireframe en el programa Figma, de la página de inicio del sitio web de wired.com. con el objetivo de entender la estructura general del sitio web. Gracias a este ejercicio se ha determinado una grilla de 12 columnas, con un espaciado de 24px y un margen de 104px entre todo el sitio web, con excepción al menu de navegación.

Mi reflexión sobre este ejercicio, es la capacidad que tienen los medios de comunicaciones, es cómo el capitalismo de la vigilancia se aplica en este tipo de formatos, dando la percepción al usuario de un servicio «freemium» pero en realidad dos módulos recuerdan al usuario el registrarse para ver el contenido completo desde la página de inicio. Luego al ir a segundas y terceras páginas, la opción de pagar la membresía se vuelva más insistente.

 

Wireframe
Wireframe

 

Referencias

Murray, Janet H. 2011. Inventing the Medium : Principles of Interaction Design As a Cultural Practice. s.l. : MIT Press, 2011. 9780262298308.

Wikipedia. Wired. Wikipedia. [En línea] [Citado el: 14 de noviembre de 2022.] https://es.wikipedia.org/wiki/Wired.

[Online] [Cited: 11 17, 2022.] http://design-toolkit.recursos.uoc.edu/es/el-capitalismo-de-la-vigilancia/.

 

Productos Colombia

Análisis Heurístico de Productos de Colombia

Análisis Heurístico de Productos de Colombia

La agrupación Productos de Colombia está conformada por artesanos colombianos de diferentes regiones del país pertenecientes a diferentes grupos de inclusión social (indígenas, género, víctimas del conflicto). Es inspirador cómo nuestras tradiciones colombianas son transformadas en productos étnicos y contemporáneos, narrando la cultura colombiana. Con este análisis se busca mejorar la experiencia de los usuarios en su página web para que estos productos traspasen fronteras y nuestras artesanías sean conocidas y adquiridas en el mundo entero.

Metodología

El análisis heurístico de la página web se realizó por medio del plugin UX Check, teniendo en cuenta los 10 principios de Jacob Nielsen, el grado de severidad (de 0 a 4), la clasificación como una buena o mala práctica y las recomendaciones de cada punto de mejora.

Los 10 principios heurísticos de Nielsen

1. Visibilidad del estado del sistema

Mala práctica ?

Gravedad: 3

Nota: El menú principal no es despegable y no da visibilidad al usuario a lo que se refiere cada una de las opciones.

Recomendación: Reorganizar el menú y mostrar las categorías más importantes porque en la parte inferior también aparece otro menú con los productos.

 

 

 

 

2. Relación entre el sistema y el mundo real

Buena práctica ?

Gravedad: 2

Nota: Explica por medio de las imágenes de fondo e iconos los objetivos de la página web.

Recomendación: Intentaría utilizar imágenes con artesanos e iconografía más relacionada con la artesanía.

 

 

 

 

 

 

 

Buena práctica ?

Gravedad: 1

Nota:Las imágenes iniciales de los banners explican muy bien cómo están relacionadas los productos que fabrican y los artesanos que trabajan en ello.
Recomendación: Agregar más imágenes de artesanos de los diferentes productos.

 

 

 

 

 

 

Buena práctica ?

Gravedad: 0

Nota: Muestra que tarjetas reales reciben para realizar los pagos en la plataforma.

Recomendación: Mejorar la versión responsive porque el logo de PayU quedó por fuera.

 

 

 

 

 

 

3. Control y libertad del usuario

Mala práctica ?

Gravedad: 2

Nota: Al seleccionar la opción de fajas deportivas aparecen pantalones casuales con fajas que no tiene nada que ver con el tema deportivo.

Recomendación: Reestructurar las divisiones de productos, sobre todo los de las fajas deportivos.

 

 

 

 

 

 

Buena práctica ?

Gravedad: 3

Nota: Permite al usuario remover el producto del carrito de compra.

Recomendación: Mostrar la opción de aumentar y disminuir la cantidad.

 

 

 

4. Consistencia y estándares

Mala práctica ?

Gravedad: 4

Nota: Si todo el concepto de la página web está relacionado con las artesanías, las fajas no tiene mucha consistencia agregarlas en el catálogo y mucho menos en las primeras imágenes de la página de inicio.

Recomendación: Rediseñar la sección de nuevos productos donde siga los estándares de la marca y dando prioridad a los productos artesanales. Quizás las fajas las agregaría en una página del tercer nivel.

 

 

 

 

 

5. Prevención de errores

Buena práctica ?

Gravedad: 3

Nota: Muestra claramente la cantidad de productos en el carrito de compra y su monto total.

Recomendación: Previsualizar el carrito de compra sin necesidad de ingresar en él.

 

 

 

 

 

 

Mala práctica ?

Gravedad: 0

Nota: Al registrarse en la plataforma y crear la contraseña, no sugiere crear una contraseña segura ni requisitos.

Recomendación: Agregar notificaciones al momento que al momento de digitar la contraseña proponga recomendaciones.

 

 

 

 

 

 

6. Reconocer en lugar de recordar

Mala práctica ?

Gravedad: 4

Nota: No se mencionan los productos que se están adquiriendo, solo el precio. Haciendo que el usuario tenga que recordar el producto.

Recomendación: Rediseñar el resumen de la compra.

 

 

 

 

 

 

7. Flexibilidad y eficiencia de uso

Mala práctica ?

Gravedad: 3

Nota: Solo tiene un filtro para las búsquedas con el cual no le da la libertad al usuario experto o novato facilitar estar tarea.

Recomendación: Agregar más filtros, como por color, material o uso.

 

 

 

 

 

8. Estética y diseño minimalista

Buena práctica ?

Gravedad: 1

Nota: La estética de la sección de Categorías es minimalista y acorde a los colores del logo.

Recomendación: Redefinir los estilos de los textos porque se ven muy diferentes a los textos del menú inicial.

 

 

 

 

 

 

Mala práctica ?

Gravedad: 1

Nota: Las categorías no están relacionadas estéticamente con las opciones en la parte superior que son azul con blanco y se refiere a Fajas.

Recomendación: Rediseñar la estructura de las categorías.

 

 

 

 

9. Ayuda al usuario a reconocer, diagnosticar y recuperarse de los errores

Mala práctica ?

Gravedad: 2

Nota: No permite cambiar el país del usuario ni la moneda, y en caso de que el usuario quiero comprar a otra dirección o pagar en otra moneda no se permite si ya se ha registrado.

Recomendación: Incluir la opción de cambiar la moneda y el país para permitir al usuario reconocer sus errores

 

 

 

 

 

 

10. Ayuda y documentación

Buena práctica ?

Gravedad: 4

Nota: Es importante que esta información esté muy clara para el usuario para realizar el pago desde cualquier lugar al que se encuentre.

Recomendación: Recordar esta información durante el momento de compra.

 

 

 

 

 

 

Mala práctica ?

Gravedad: 3

Nota: Muy poca información y descripción sobre el producto que están ofreciendo.

Recomendación: Agregar más detalles de materiales, tiempo dedicado u origen de la mochila.

 

 

 

 

 

Ranking de hallazgos

Como se menciona anteriormente, los malos usos de los principios de Nielsen se organizaron en la siguiente tabla. Y las propuestas de mejora y solución de cada hallazgo ya se han mencionado en el punto anterior, mientras que en el siguiente punto se resumen para mayor claridad.

Gravedad 4

– Concepto de la página web y las fajas
– Resumen de la compra en check-out

Gravedad 3

– El menú principal no es despegable
– Filtro para las búsquedas
– Descripción de las mochilas

Gravedad 2

– Opción de fajas deportivas
– Permitir cambiar el país y la moneda del usuario

– Sugerencias de una contraseña segura

Gravedad 1

– El diseño estético de las categorías

Gravedad 0

– Prevención de contraseñas de seguridad

PEC 3 – Diseño centrado en el usuario en los objetos cotidianos

Los ascensores de la edificio 115 “Don Guillermo Castro» de la Pontificia Universidad Javeriana, se han recordado como una pesadilla para los estudiantes y posibles visitantes a la universdidad. Aunque cuentan con 5 asensores con una capacidad aproximada total de 80 personas, aún así las filas para utilizar este servicio son largas durante las horas pico, que muchas veces es preferible subir por las escaleras o llegar mucho más temprano para prevenir el caos en los ascensores.

El edificio Don Guillermo Castro es un edificio central que conecta los siguientes edificios o servicios del campus universitario:
Hospital Universitario San Ignacio (edificio 24)
Ed. José del Carmen Acosta (edificio 27)
Ed. José Rafael Arboleda, S.J (edificio 67) – Facultad de Comunicación y Lenguajes
Centro Javeriano de Formación Deportiva (edificio 91)
Instituto de Genética Humana (edificio 115 – 6to piso)
Parqueaderos (edificio 115 – 1ero al 6to piso)
Ed. Fernando Barón, S.J. (edificio 2 – Sotano 1)

Las principales conclusiones de las pruebas fueron:

  • El usuario se confunde entre el Primer Piso y Piso 1.
  • El usuario se sorprende al ver que el ascensor para 24 personas solo se detiene en 3 pisos.
  • El usuario está bien con bajarse en un piso de diferencia por ir más rápido.
Cargando...

¡Bienvenidos y bienvenidas!

Pública

¡Hola!

Esta publicación se ha generado automáticamente y solo puedes verla tú.

Te presentamos tu Folio, un portafolios donde podrás publicar las PEC y las actividades de tus asignaturas, además de tus proyectos propios. Te invitamos a explorarlo y personalizarlo cambiando el tema, los colores o la imagen de cabecera.

Para personalizar tu Folio y empezar a publicar entradas, navega por la barra superior y haz clic en Añadir / Entrada o accede al Tablero, donde encontrarás el menú lateral de WordPress con todas las opciones de la herramienta.

Las publicaciones que vincules a las actividades de las asignaturas se mostrarán en el Ágora del aula. Desde allí podrás ver las publicaciones de tus compañeros y compañeras y dejar comentarios.

Te recordamos que puedes elegir el nivel de visibilidad de cada publicación: pública, protegida con contraseña, campus, aula, visible solo para el profesorado y privada.

Te dejamos un link al espacio de aprendizaje donde encontrarás todas las indicaciones básicas para actualizar tu Folio, hacer publicaciones, vincularlas a las actividades de las asignaturas y hacer entregas en el REC. ¡Échale un vistazo!

Si tienes cualquier duda, puedes ponerte en contacto con el profesorado de tu asignatura o con el servicio de atención.