Fernanda Talamilla P Tarea 4 - Patrono

De Casiopea
Revisión del 11:16 31 mar 2020 de Fernanda Talamilla P (discusión | contribs.) (Fernanda Talamilla P trasladó la página Fernanda Talamilla P Tarea 4 - Taller de Diseño de Interacción 2020 a Fernanda Talamilla P Tarea 4 - Patrono: Nombre explicito)
(difs.) ← Revisión anterior | Revisión actual (difs.) | Revisión siguiente → (difs.)



TítuloFernanda Talamilla P Tarea 4 - Taller de Diseño de Interacción 2020
AsignaturaTaller de Diseño de Interacción
Del CursoTaller de Diseño de Interacción 2020
CarrerasDiseño, Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property., Diseño Industrial"Diseño Industrial" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
4
Alumno(s)Fernanda Talamilla P

Etapa 1

Utilizando la herramienta de Arquitectura de Información (AI) CardSorting, de caracter abierto se organizaron los patrones estudiados.

¿Que es CardSorting?

CardSorting es una técnica usada en el diseño de experiencia de usuario, para evaluar un árbol de categorías, es decir la estructura de la información de una web. Con esta técnica lo que queremos es alinear las expectativas de los usuarios con el equipo UX encargado de la arquitectura de la web, realizando así una correcta categorización de los contenidos.

Para ello, la manera más simple de hacer la prueba es escribir en pos-its o tarjetas los nombres que tenemos en mente para la arquitectura de la web (osea los nombres de los menús de navegación del sitio web) y pedirles a los usuarios que las agrupen, observando los resultados que se dan. En esta instancia se hace de manera virtual, es decir, a través de una página en la que se deben agrupar en categorías los patrones antes estudiados.

Categorias

  • Patrón Usuario

- Creación de Cuenta

- Auntenticación de usuario

- Definir preferencias de mensajería

- Des-suscripción de lista de correo

- Desbloquear características

- Comentar una publicación

- Evaluación de producto o servicio

- Calificación de post

- Eliminar contenido

  • Patrón Usuario-Sistema

- Recuperar cuenta

- Eliminar cuenta

- Eliminar suscripción

- Cambiar de cuenta de pago a gratuita

- Cambio de contraseña

- Cuentas verificadas en RRSS

- Chatbots

- Carros de compra

- Formas de pago

- Compartir

  • Patrón Sistema

- Captcha o elementos de seguridad

- Acceder a contenido de pago (carnada)

- Notificaciones

- Definición de preferencias para entregar servicio personalizado

- Contenidos recomendados

- Aplicaciones codependientes

- Actualización de información constante

- Solicitar permisos del usuario

- Segmentación del contenido

- Trackeos de envío

- Predicción de búsqueda

- Comparación de productos

Fernanda Talamilla P Tarea 4 - Taller de Diseño de Interacción 2020 cardsorting.jpg

Etapa 2

A partir de esta información visualizar mediante wireframes comos e verá la información.

¿Que es wireframe?

Un wireframe o prototipo no es más que un boceto donde se representa visualmente, de una forma muy sencilla y esquemática la estructura de una página web.

Los wireframes se enfocan en -Los tipos de información que será mostrada

-La cantidad de las funciones disponibles

-Las prioridades relativas de la información y las funciones

-Las reglas para mostrar ciertos tipos de información

-El efecto de los distintos escenarios en la pantalla


Presentación portada de aplicación Android
  Fernanda Talamilla P Tarea 4 - Taller de Diseño de Interacción 2020 Wireframe 1a.jpg  Fernanda Talamilla P Tarea 4 - Taller de Diseño de Interacción 2020 Wireframe 1b.jpg  Fernanda Talamilla P Tarea 4 - Taller de Diseño de Interacción 2020 Wireframe 1c.jpg 250px  250px