Camilo Caroca Tarea 4 - Ramiux

De Casiopea



TítuloCamilo Caroca 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)Camilo Caroca

Patrones de interacción Mala UX

Patrón: Contenido recomendado no solicitado por el usuario

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:

Categorizar los patrones en especies de familias taxonómicas (Ejemplo: los patrones de Autenticación de usuario, Captcha, entre otros podrían ubicarse en una categoría mayor denominada como Patrones de Seguridad). Realizar sub-categoría dentro del patrón estudiado (Dentro de tu patrón, cuantas clasificaciones reconoces).


Cardsorting de categorías de patrones:

Elementos de seguridad:

  • Captchas o elementos de seguridad
  • Cuentas verificadas (normalmente de celebridades)
  • Cambio de contraseña
  • Solicitar permisos del usuario
  • Trackeo de envíos
  • Carros de compra
  • Formas de pago

Cuenta de usuario:

  • Creación de cuenta
  • Eliminar cuenta
  • Autenticación de usuario (ingreso o login)
  • Recuperar cuenta
  • Definir preferencias de mensajería

Cambio de información:

  • Cambiar de cuenta de pago a cuenta gratuita
  • Acceder a contenido de pago (carnada)
  • Desbloquear características (compras dentro de la App)
  • Actualización de información constante

Elementos que guían al usuario a tomar decisiones:

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

Elementos de suscripción:

  • Eliminar suscripcion
  • Des-suscripcion de lista de correo

Elementos de opinión e interacción:

  • Comentar una publicación
  • Eliminar contenido en RRSS
  • Definición de preferencias para entregar servicio personalizado
  • Evaluación de producto o servicio
  • Definición de preferencias para entregar servicio personalizado
  • Compartir

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. Pantallas de inicio a la materia: ¿De que se trata los Patrones de Interacción? ¿Porque es importante identificar buenas y malas practicas en la Experiencia de Usuario? ¿Cuales son los patrones identificados?. Pantallas que muestren un patrón: Modo en como presentarías un patrón, junto con todo lo estudiado (De que se trata, como identificas las buenas y malas practicas, ejemplos que los fundamentan, junto con todas las herramientas utilizadas para registras las experiencias).

Pantalla de presentación del Wireframe

Nombre del sitio: Ramiux

El nombre del sitio nace del vinculo entre las palabras "Ramificación" y "UX", que en el fondo hace referencia a la ramificación de la experiencia de usuario que se quiere hacer en el sitio web.


Pantallas en versión Móvil

 Página principal  Scroll en la página principal  Despliegue de la barra de menú  Selección de una categoría   Página de las categorías  Scroll en página de categorías  Scroll en página de categorías

Descripción del sitio en ambos formatos de pantalla

El sitio web comienza mostrando en su página principal su descripción y algunas preguntas que ayudan a contextualizar y dar información concreta del sitio, en esta página principal también se presenta una galería que contempla a todas la categorías de patrones desarrolladas en el sitio web y finalmente se muestra información clave y ejemplos sobre las "Partituras", las cuales se realizan para poder comprender y transparentar de mejor manera los procesos en la experiencia del usuario.


Pantallas en versión PC

 Página principal  Despligue de la barra de menú  Scroll en la página principal  Selección de una categoría  Página de las categorías  Scroll en la página de categorías  Scoll en la página de categorías