Después de la decisión, trabaje en la función de mensajería grupal. Comenzamos a dividir la solución en segmentos comprensibles para aclarar el proceso adicional de construcción del wireframe.
Descripción de la solución a trabajar: Cree una función de mensajería que permita el chat tanto privado como grupal, así como funciones como marcar y resaltar mensajes, planificar un presupuesto, enviar medios en una aplicación de viaje.
Contenido del Articulo
Choque
Mensajes privados: función para enviar mensajes de texto directamente
Crear un grupo: la oportunidad de discutir los detalles del plan de viaje.
Oportunidades grupales –
- Enviar mensajes de texto: un formato de intercambio de texto medio como cualquier chat grupal que le permite intercambiar palabras, enviar multimedia (imágenes, videos y archivos de audio), la opción de búsqueda de palabras y etiquetar mensajes.
- Opción de planificador de presupuesto: un cuestionario que pregunta a los participantes sobre sus preferencias de ubicación, alojamiento, comidas y actividades con el fin de crear un presupuesto de viaje indicativo.
- selección de opciones de votación: una pregunta con opciones desde la cual los participantes pueden resolver cualquier opinión contraria y ver la mayoría de los votos.
Primera iteración: estructuras alámbricas con lápiz y papel
Para empezar a transformar nuestra solución en un producto, teníamos que empezar por algún lado. Después de saltar de un sitio a otro y discutir cómo empezar, creamos wireframes desde el lápiz hasta el papel basándonos en nuestro conocimiento.
Segunda iteración: wireframes de baja precisión (en Procreate)
No muy diferente de los wireframes en papel y manuales, pasamos a los wireframes en procreate. Después de analizar nuestros diseños de lápiz a papel, llegamos a la conclusión de que cada participante tenía su propia idea de cómo se vería la pantalla. No fue la mejor idea para empezar, pero con el cerebro exhausto y el dolor de espalda, seguimos adelante de todos modos.
Entonces, después de darnos cuenta, ¡decidimos huir! Es una broma. Decidimos hacer un ejercicio más, pero esta vez juntos. Hicimos los siguientes wireframes, combinándolos entre sí.
Imagen 1: La primera imagen tiene tres pantallas. Contacto, chat y grupo. “Contacto” se refiere a la persona a agregar, “chat” se refiere a un grupo de amigos que planifican un viaje y “grupo” se refiere a la capacidad de agregar miembros a un grupo y formar un grupo.
Esta iteración no funcionó en absoluto. Nos dimos cuenta de que nuestro enfoque no estaba en la creación del grupo, sino en lo que el grupo mismo aporta. Estos diseños no respaldaron nuestra validación y solución y, por lo tanto, no se promocionaron.
Imagen 2: La primera imagen tiene tres pantallas. Hogar, grupo y encuesta. “Inicio” se refiere a la persona que se puede agregar, “chat” se refiere a la pantalla de inicio de los usuarios donde pueden intercambiar mensajes con individuos y grupos. También había un botón rojo en la pantalla para crear un nuevo grupo. En la segunda pantalla, “grupo” representa a todos los miembros del grupo que pueden hablar entre sí, y en la pantalla, tres “encuestas” muestran la opción de enviar una encuesta para abordar cualquier diferencia de preferencia. Esta iteración realmente funcionó en esta etapa. Todas las pantallas de esto eran relevantes y podían llevarse a cabo. Nos dimos cuenta de que nuestro enfoque no estaba en la creación del grupo, sino en lo que el grupo mismo aporta.
Imagen 3: En esta imagen, 6 pantallas describen el proceso de planificación presupuestaria. Las pantallas 1-5 solicitan las preferencias del usuario y la pantalla final muestra el presupuesto estimado para el viaje deseado. Esta iteración también funcionó y continuó.