Josefa Zamora Tarea 4 - Taller de Diseño de Interacción 2020

De Casiopea



TítuloJosefa Zamora 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 Industrial
4
Alumno(s)Josefa Zamora

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.

Categorias

PATPORTADA.png
  • Patrón Usuario
  1. Autenticación de usuario (ingreso o login)
  2. Cuentas verificadas en RRSS
  3. Eliminar suscripción
  4. Eliminar cuenta
  5. Recuperar cuenta
  6. Creación de cuenta (registro)
  7. Des-suscripción de lista de correo


  • Patrón Seguridad
  1. Captcha o elementos de seguridad
  2. Cambio de contraseña
  3. Trakeo de envios
  4. Solicitar permisos del usuario


  • Patrón De pago
  1. Desbloquear caracteristicas (compras dentro de la App)
  2. Cambiar cuenta de pago a cuenta gratuita
  3. Acceder a contenido de pago (carnada)
  4. Carros de compra
  5. Formas de pago


  • Patrón Acciones del usuario
  1. Comentar una publicación
  2. Compartir
  3. Eliminar contenidoen RRSS
  4. Definicion de preferencias para entrega de servicio perzonalizado
  5. Definir preferencias de mensajeria


  • Patrón Rango
  1. Comparación de productos
  2. Evaluacion de producto o servicio
  3. Calificacion de un post (upvote, donwvote, like, etc)


  • Patrón Interfaz
  1. Chatbbots
  2. Wizard o Tunneling (pop ups u otros elementos de interfaz que guian al usuario)
  3. Predicción de búsqueda (autocomplete u otros)
  4. Contenido recomendado no solicitado por el usuario
  5. Actualización de información constante
  6. Segmentación del contenido (desde la paginacion al scroll infinito)
  7. Aplicaciones codependientes
  8. Notificaciones


Etapa 2

A partir de esta información visualizar mediante wireframes como se 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.

Wireframe PAT

PAT.png