Diseño de interacción

Dimensiones del diseño de interacción:

Palabras.
Representaciones visuales.
Espacio.
Tiempo.
Comportamiento.

Consejos útiles para trabajar la interacción:

Definir cómo se interactúa.
Dar pistas del comportamiento.
Anticiparse a errores potenciales.
Dar feedback permanente.
Diseñar pensando de manera estratégica.
Simplificar lo más que puedas.

Otra muy importante es no inventar la rueda de nuevo, utilizar patrones o elementos con los que el usuario ya es afín para que no tenga que pensar en como utilizar nuestro producto sino que sea natural para el/ella

Reto 12

• Aviso pop up de producto añadio a lista de favoritos.
• Mensaje de pago exitoso (fundamentale ne la pasarela de pago).

Reto 11

• En Twitter cuando hay tweets nuevos en el icono del home se agrega un circulo, indicando una notificación mediante ese simple llamado de atención.
• En Instagram cuando tienes una notificación nueva (like o respuesta a un comentario) el icono de corazón pasa de ser lineal a full color y además se suma un tooltip con un poco más de detalle sobre lo que pasó.

Me gusta mucho el double tap de Instagram. Eso podría funcionar bien en la App Móvil de Platzi para agregar cursos o dar like a comentarios o a los videos de la clase. También estos datos generarían métricas de los contenidos de las clases que tienen mejor apreciación de los usuarios.

Reto 11:
MedicAPP:
Añadir recordatorio: Botón principal y presente en la pantalla principal de la APP, proporciona añadir recordatorios de medicamentos a tu task
Cambio de escena: Swipe laterales para cambiar entre escenario personal, y de usuario de sanidad pública

El diseño de interacción se basa en los principios estudiados en HCI (Human Computer Interaction), para tratar de entender cómo se relacionan las personas con los dispositivos y las máquinas. Es un campo muy interesante que tiene bastante teoría, pero lo importante es aplicarlo en nuestros prototipos de alta fidelidad, para así poder compartirlo con el equipo las ideas previamente analizadas como viables (fase de Research), y poder mejorar, validar y testear el producto.

Diseño de interacción

El diseño de interacción (IxD) planifica y aplica puntos de interactividad en sistemas digitales y físicos. El diseño de interacción tiene como objetivo optimizar la relación entre el usuario y el producto.

*“Cada vez que haces doble tap para dar un like en Instagram, cada vez que mueves tu mouse para seleccionar un icono del escritorio, cada vez que llenas un formulario y recibes un mensaje de error, hubo un diseño de interacción.” - Andrea Cantú

Dimensiones del diseño de interacción

1. Palabras: comprensibles para cada segmento de usuario.
2. Representaciones visuales: íconos, infografías, imágenes, fotografías, etc. deben estar alineadas siguiendo al objetivo, para que el segmento de usuario pueda asimilar y comprender de manera correcta la información.
3. Espacio: situación y elemento en el que se produce la relación entre la persona y el sistema (celular, control, mando a distancia, etc.).
4. Tiempo: duración de la respuesta de nuestro sistema a lo que el usuario solicita hacer.
5. Comportamiento: cuestiones culturales y conductuales.

Consejos útiles

• Definir cómo se interactúa.
• Dar pistas del comportamiento.
• Anticiparse a errores potenciales.
• Dar feedback permanente.
• Diseñar pensando de manera estratégica.
• Simplificar lo más que puedas.

Guardar las elecciones anteriores: para reducir la carga cognitiva
Sugerir opciones de solución: para disminuir el esfuerzo
Poder tener una carpeta para guardar los temas que le han gustado

1. Vibración
   Los usuarios utilizan los sentidos de la vista, tacto y oídos para conocer el resultado de una acción.
2. Barra de progreso
   Permite conocer el avance de una tarea.

• Steps (pasos) en la carga de información del cultivo.
• Gamification (Ludificación) Premiar logros con puntos, medallas o valores que fortalezcan el cultivo sustentable.

reto 12

1. pasar el cursor por encima de una imagen para que está o haga zoom o me muestre otra imagen relacionada con el mismo producto.
2. corrección en contraseña al “sign up”. no coinciden, o caracteres especiales, etc.

📌| En resumen:

El diseño de interacción (IxD) planifica y aplica puntos de interactividad en sistemas digitales y físicos. El diseño de interacción tiene como objetivo optimizar la relación entre el usuario y el producto.

Esta clase me recuerda mucho a las 10 heuristicas de Nielsen.

Reto 12 - MommyFood

Interacciones en la app móvil:

• Swipe (left & right): Moverse entre las diferentes recetas

• Pull down: Para ver los comentarios que otras usuarias han dejado de una receta en específico

Interacciones básicas para el website de mi agencia:

• Formulario de contacto. El objetivo es guiar al usuario para que de manera simple pueda establecer comunicación con nuestro equipo.
• Elementos visuales que permitan una mejor representación del sitio. GIFs e ilustraciones que vayan en sentido de la narrativa de venta.

Interacciones basadas en casos de éxito:

Swipe (left/right): Para un proceso de evaluación simple en donde elegimos dar un “like” o “dislike” a un item de una lista.

Pull down: Para descubrir algún elemento o menú oculto on propósitos estéticos que no incluyan funciones determinantes dentro de la app.

Interacciones SimplyCT

Botón añadir APP: Con ella seleccionamos la app que queremos vincular a nuestra app para poder manejarla desde aqui, consistirá en una ventanita emergente donde habrá que rellenar usuario y contraseña.

Botón silenciar APP: ¿Estas harto de sus notificaciones? Dando a este botón evitarás que te llegue nada

-Súper en línea-

Algunas interacciones:

1. Elección de producto por peso o por cantidad
   2.Panel de revisión de productos seleccionados

1. Al agregar un producto al carrito en un ecommerce, se muestra la interacción que te indica que ha sido agregado.

2. Al concluir la compra se muestra la interacción de compra exitosa o pago exitoso.