Vicente Quezada Salfate Tarea 4 - ARPAUX

De Casiopea



TítuloVicente Quezada Salfate 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)Vicente Quezada Salfate

Tarea 4

Descripción de la tarea

Etapa 1: CardSorting

Se agrupan los patrones estudiados en categorías, creadas con criterios personales, usando la herramienta CardSorting. Las categorías creadas son:

Interfaz

  • Predicción de búsqueda (autocomplete u otros)
  • Aplicaciones codependientes
  • Actualización de información constante
  • Trackeo de envíos
  • Segmentación del contenido (desde la paginación al scroll infinito)
  • Wizard o Tunneling (pop ups u otros elementos de interfaz que guían al usuario)

Identidad

  • Creación de cuenta (registro)
  • Recuperar cuenta
  • Eliminar Cuenta
  • Eliminar Suscripción
  • Cuentas Verificadas (normalmente de celebridades) en RRSS
  • Autenticación de Usuario (ingreso o login)
  • Cambio de contraseña
  • Eliminar contenido en RRSS

Personalización

  • Definir preferencias de mensajería
  • Notificaciones
  • Definición de preferencias para entregar servicio personalizado

Contenido Presentado

  • Acceder a contenido de pago (carnada)
  • Contenido recomendado no solicitado por el usuario
  • Des-suscripción de lista de correo

Interacción

  • Compartir
  • Comentar una publicación
  • Calificación de post (upvote, downvote, like, etc)

Transacción

  • Formas de Pago
  • Carros de Compra
  • Cambiar cuenta de pago a cuenta gratuita
  • Desbloquear características (compras dentro de la app)

Veracidad de la elección

  • Evaluación de producto o servicio
  • Comparación de productos

Seguridad

  • Solicitar permisos del usuario
  • Captcha o elementos de seguridad

Ayuda

  • Chatbots

Etapa 2: Wireframes

Nombre: ARPAUX El nombre se desgloza el AR: Archivo PA: Patrón UX: Interración del Usuario

Un wireframe es un bosquejo visual de la pantalla web, a la que se aspira, en la que se presenta con sencillez sus elementos principales.

En el primer wireframe se muestra la pantalla principal del sitio, en la cual se muestra el titulo y debajo la descripción del sitio, es decir, con que te vas a encontrar y como se puede usar el mismo. Al avanzar, se encuentran las categorías de patrones, las cuales van a tener un circulo que lo identifique, ya que tendrá simbolismo para poder reconocerlo, al igual cuenta con el nombre de la categoría y una breve descripción o los nombres de los patrones principales que contiene.

En el segundo wireframe, puedes ver el despliegue de un categoría. Tendrá una descripción mas completa de este, al igual que vas a encontrar la lista de todos los patrones con una breve descripción.

Al avanzar, en el tercer wireframe, podemos ver la ventana que presenta el patrón por si mismo. En ella, nos vamos a encontrar con una definición completa de él, junto con imágenes o ejemplos de lo que equivale a una buena practica de este patrón, al igual que una mala practica y finalmente se adjunta la partitura de interacción para poder comprender a otro nivel el funcionamiento de este.

Wire1vq.png  Wire2vq.png  Wire3vqq.png