Diferencia entre revisiones de «Paola Chicano Tarea 4 - Taller de Diseño de Interacción 2020»

De Casiopea
Línea 70: Línea 70:
===Pantallas de inicio a la materia:===
===Pantallas de inicio a la materia:===


[[Archivo:Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (7).jpg|300px]]
[[Archivo:Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (7).jpg|600px]]


'''Versión Móvil:''' La página principal tiene en su parte superior una toolbar con opciones desplegables, luego el título junto a una leve introducción, abajo lleva las tres preguntas planteadas en el encargo también desplegables para cuidar el espacio de la pantalla y finalmente en su parte posterior tiene las categorías de patrones con hipervínculos a las listas de patrones en una página anexa.
'''Versión Móvil:''' La página principal tiene en su parte superior una toolbar con opciones desplegables, luego el título junto a una leve introducción, abajo lleva las tres preguntas planteadas en el encargo también desplegables para cuidar el espacio de la pantalla y finalmente en su parte posterior tiene las categorías de patrones con hipervínculos a las listas de patrones en una página anexa.

Revisión del 04:31 31 mar 2020


Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (1).jpg


TítuloPablo Chicano 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)Pablo Chicano

Etapa 1:

Utilizar la herramienta de Arquitectura de Información (AI) CardSorting, de caracter abierto y de manera grupal donde organizaremos los patrones que hemos estudiado, tomando en cuenta dos acciones:


Cardsorting de categorías de patrones:

patrones de seguridad:

  • Captchas o elementos de seguridad
  • Cambio de contraseña
  • Solicitar permisos del usuario
  • Trackeo de envíos
  • Aplicaciones codependientes

Patrones de cuentas de usuario:

  • Creación de cuenta
  • Autenticación de usuario (ingreso o login)
  • Recuperar cuenta
  • Eliminar cuenta
  • Cuentas verificadas (normalmente de celebridades) en rrss
  • Definir preferencias de mensajería

Patrones de suscripción:

  • Eliminar suscripcion
  • Des-suscripcion de lista de correo

Patrones de transacción monetaria:

  • Cambiar de cuenta de pago a cuenta gratuita
  • Acceder a contenido de pago (carnada)
  • Desbloquear características (compras dentro de la App)
  • Carros de compra
  • Formas de pago

Patrones de interacción del servicio con el usuario:

  • Notificaciones
  • Contenido recomendado no solicitado por el usuario
  • Wizard o tunneling (pop ups u otros elementos de interfaz que guían al usuario)
  • Chatbots
  • Segmentación del contenido (desde la paginación al scroll infinito)
  • Predicción de búsqueda
  • Actualización de información constante

Patrones de interacción con el contenido:

  • Comentar una publicación
  • Patrones de evaluación (evaluación de producto o servicio y calificación de post (upvote, downvotem luke, etc))
  • Definición de preferencias para entregar servicio personalizado
  • Comparación de productos
  • Compartir
  • Eliminar contenido en RRSS


Etapa 2:

Comenzar a diseñar el modo de como se va a visualizar esta información mediante WireFrames, tomando en cuenta dos etapas de la navegación:


Proponer un nombre para el sitio web - repositorio de patrones UX:

"Patrones UX y su influencia en la relacion entre usuario y servicio."

Pantallas de inicio a la materia:

Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (7).jpg

Versión Móvil: La página principal tiene en su parte superior una toolbar con opciones desplegables, luego el título junto a una leve introducción, abajo lleva las tres preguntas planteadas en el encargo también desplegables para cuidar el espacio de la pantalla y finalmente en su parte posterior tiene las categorías de patrones con hipervínculos a las listas de patrones en una página anexa.

Versión Web: La página principal, a diferencia de la versión móvil, posee una toolbar más completa gráficamente, no tiene menús desplegables de las preguntas sino los textos completos en virtud del espacio y las categorías de patrones se encuentran a la derecha de esta.

Pantallas que muestren un patrón:

Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (6).jpg Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (3).jpg Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (4).jpg Pablo Chicano - Taller de Diseño de Interacción - Tarea 4 (5).jpg