Catalina Jorquera Kruberg Tarea 4 - Plexus

De Casiopea


TDI CJK E4 2.2.png


TítuloCatalina Jorquera Kruberg 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
4
Alumno(s)Catalina Jorquera Kruberg

Creando un sitio web

Tarea que consiste en el preámbulo del proyecto principal del ciclo, que consiste en diseñar un sitio web donde visualizaremos de mejor manera todas las buenas y malas practicas de Experiencia de Usuario en Patrones de Interacción.

En base a los tipos de patrones que se fueron investigando en el taller, el trabajo de divide en dos partes donde en la primera se deben organizar los tipos de patrones según el criterio del alumno y las semejanzas que puedan tener algunos entre si. Y como segunda parte del trabajo se presentará una propuesta de "wireframe" para un sitio web en donde se explicaran los conceptos de patrones y se escogerá un patrón en especifico donde el alumno entregara una propuesta sobre como se explicaría una buena y mala práctica de patrones UX.



Parte I: Cardsorting

Patrón de presentación

  1. Segmentación del contenido
  2. Cuentas verificadas (normalmente de celebridades) en RRSS

Patrón inscripción al sistema

  1. Creación de cuenta (registro)
  2. Captcha o elementos de seguridad
  3. Auntentificación de usuario (ingreso o login
  4. Cambio de contraseña
  5. Recuperar cuenta


Patrón de distracción

  1. Chatbots
  2. Acceder a contenido de pago (carnada)
  3. Contenido recomendado no solicitado por el usuario
  4. Wizard o tunneling (pop up u otros elementos de interfaz que guían al usuario)


Patrón de Desarrollo

  1. Actualización de información constante
  2. Solicitar permisos de usuario
  3. Desbloquear características (compras dentro de la app)
  4. Aplicaciones codependientes


Patrón de interacción directa

  1. Notificaciones
  2. Compartir
  3. Comentar una publicación
  4. Calificación de post (pivote, downvote, like, etc)


Patrón de configuración

  1. Definición de preferencias para entregar servicio personalizado
  2. Cambiar de cuenta de pago a cuenta gratuita
  3. Definir preferencias de mensajería


Patrón de proceso final

  1. Evaluación de producto o servicio
  2. Eliminar cuenta
  3. Eliminar suscripción
  4. Eliminar contenido en RRSS
  5. Des-suscripción de lista de correo


Patrón de proceso de compra

  1. Predicción de búsqueda (autocomplete u otros)
  2. Carro de compra
  3. Compensación de productos
  4. Formas de pago
  5. Trackeo de envíos


Parte II: Wireframe

Plexus

Se asemeja con el concepto medico "plexo" que habla de las conexiones nerviosas del cerebro. De esta forma plexus se refiere a que debido a que existe una gran cantidad de patrones para formar un sitio web, estos se ven enlazados con el objetivo de funcionalidad. De manera que falle uno de sus patrones se pierde dicho objetivo, viendose como patrones codependientes que trabajan en sincronía.

El patrón en específico que se escogió es acerca de la actualización constante de información o push to refresh. Siendo un patrón perteneciente a la recolección de datos, este se encuentra dentro del grupo de patrones de desarrollo. El Patrón push to refresh presenta distintas características para tener un buen funcionamiento, además se divide en dos conceptos de tipos de actualización manual y actualización automática.


 TDI CJK E4 2.1.png  TDI CJK E4 2.2.png  TDI CJK E4 2.3.png
 TDI CJK E4 2.4.png  TDI CJK E4 2.5.png  TDI CJK E4 2.6.png
 TDI CJK E4 2.7.png  TDI CJK E4 2.8.png  TDI CJK E4 2.9.png
 TDI CJK E4 2.10.png  TDI CJK E4 2.11.png  TDI CJK E4 2.12.png
 TDI CJK E4 2.13.png  TDI CJK E4 2.14.png  TDI CJK E4 2.15.png
 TDI CJK E4 2.16.png