Cómo empezar con tus wireframes.
Los guiones gráficos son simplemente representaciones visuales de su aplicación. Utilizo guiones gráficos para ayudarme a comenzar con mi estructura alámbrica o IA.
Un guión gráfico es como un dibujo de lo principal que su aplicación/producto pretende lograr. Su problema y su declaración de objetivos juegan un papel muy importante en esto.
Imagen de Freepik
Un guión gráfico es un conjunto de marcos que describe visualmente la experiencia del usuario con su aplicación. Aquí luchas contra el recorrido del usuario desde el problema hasta la solución. Se trata de la trama, la narrativa, el personaje y la escena. Es por eso que dije antes que necesitarías tener una declaración de tu problema y objetivo.
– La declaración del problema aparece después de haber realizado la investigación de usuarios y descubierto el problema que su aplicación podría querer resolver.
Un buen ejemplo de planteamiento de un problema es “Zareen es una madre soltera de mediana edad que necesita ayuda para encontrar y jugar fantásticos juegos de arcade porque quiere establecer un vínculo con su hijo, jugador profesional”.
Esta declaración incluye el personaje, el escenario, el punto débil y lo que esperan encontrar.
– Ahora convierta el enunciado de su problema en un enunciado de objetivos, esto suele ser como “Ayuda a los usuarios a encontrar y obtener una vista previa de los juegos de arcade rápidamente”. Luego puedes pasar al guión gráfico. Por lo general, este sería un viaje que muestra la frustración de Zareen, cómo encuentra su producto y cómo su producto hace que su problema desaparezca. (No te preocupes, te ayudaré con ejemplos bien detallados)
Hay dos tipos de guiones gráficos.
1. IMAGEN GRANDE: Esto se centra en la experiencia del usuario. Muestra las emociones del usuario mientras usa su producto. Cómo sería su flujo diario si usaran su aplicación. Esto le ayudará a comprender toda la experiencia del usuario del producto, los diferentes desafíos, los posibles puntos débiles y los tipos de interacciones que encontrará el usuario.
Punto clave: el guión gráfico general se centra en la experiencia del usuario.
Usando el ejemplo inicial de nuestra aplicación de vista previa de juegos arcade, este guión gráfico normalmente será así:
a. Zareen es frustrado porque le resulta difícil encontrar y descargar excelentes juegos arcade.
b. Zareen encuentra nuestra aplicación y la descarga.
C. Zareen se registra y navega por la aplicación.
d. Zareen encuentra un juego que parece interesante y que además tiene excelentes críticas y recomendaciones.
mi. Zareen mira la previa de este juego.
F. Zareen es satisfecho y felizmente descarga el juego.
Aquí puedes ver cómo nos centramos en la experiencia y las emociones del usuario. En el tablero, asegúrese de indicarlo visualmente. Ejemplo que se muestra a continuación. (Tus habilidades para dibujar no importan, como puedes ver jajaja).
Guión gráfico: panorama general
El guión gráfico de Big Picture también resalta los “cómo” y los “por qué”. ¿Cómo utilizarán nuestros usuarios nuestra aplicación de vista previa del juego? ¿Por qué encontrarán útil la aplicación? ¿Cómo medimos el éxito de la aplicación? Estas preguntas no deben subestimarse, ya que son una parte fundamental de su proceso de diseño.
2. PRIMER PLANO: Esto se centra en el producto o característica. Mientras que Big Picture se centra en el cómo y el por qué, Close up se centra en el “qué”. ¿Qué sucede en cada pantalla a la que llega el usuario? ¿Qué debe hacer el usuario para llegar al objetivo final? ¿Cuáles son los posibles problemas que podría encontrar el usuario al interactuar con su producto?
De estas preguntas se trata el primer plano. Se centra en las características del producto y en las cosas que el usuario debería hacer para alcanzar el objetivo que usted indicó anteriormente.
No es necesario esbozar todos los flujos del producto. Sólo los que serían necesarios para ese viaje. Usemos nuestra aplicación de vista previa del juego nuevamente.
a. Zareen abre la aplicación.
b. Zareen está integrado en la aplicación.
C. A Zareen se le muestran varias categorías de juegos arcade, puede usar un filtro para agilizar y ayudar con su búsqueda.
d. Zareen encuentra uno con excelentes críticas y recomendaciones.
mi. Zareen hace clic en él y mira la vista previa del juego.
F. Zareen está satisfecha con lo que ve y hace clic en el botón de descarga.
Ahora puede notar en el ejemplo que se muestra a continuación que ya tiene esbozada su característica principal. Esto le ayudará a generar ideas prácticas centradas en la UX para su producto.
Guión gráfico: primer plano
Punto clave: el guión gráfico de cerca se centra en el Producto.
Es posible que desees crear ambos tipos de guiones gráficos para un proyecto completo. Cuando necesites convencer a tus stakeholders e involucrarlos más, puedes usar el panorama general, y cuando quieras comenzar a trabajar en el diseño, puedes usar el primer plano. Intente experimentar con ambos tipos.
¡Eso es un envoltorio! No dude en comunicarse conmigo si tiene ideas o preguntas.
Gracias,
Joyce Eboh N.
missjoycered@gmail.com