Proceso de prototipado UI/UX de aplicaciones móviles



El prototipo es una parte importante del proceso del diseño de interacción, en el cual cada pantalla de la aplicación es refinada hasta que consigue el nivel necesario de usabilidad y desarrollo. La aplicación futura pasa por una seria de transformaciones interesantes, desde un boceto básico hasta un prototipo muy desarrollado, con muchos detalles, y luego al diseño final. La incorporación de algún tipo de prototipos en el proceso de diseño es un paso crítico en la creación de aplicaciones buenas.


Cuando tienes definido el concepto, entendido los casos de uso principales, y establecido la lista de funcionalidades, es hora de pensar en como va a ser la interfaz de usuario de la aplicación y la experiencia de usuario (UI/UX).

Sesión de Brainstorm UI/UX



En este momento es importante organizar una sesión de Brainstorming. El equipo del proyecto se reúne junto con el cliente, en un lugar adecuado para ello. En este momento se hacen una serie de bocetos rápidos de 2 o 3 pantallas principales. La primera meta es conseguir un boceto simple en blanco y negro, la cual nos va a mostrar la estructura básica de la aplicación. Estos bocetos son rápidos de hacer y nos permiten probar amplios conceptos de la interfaz de la app.

La mejor manera de conducir este Brainstorming es permitir a todo el mundo hacer un boceto con sus propias ideas en 2 o 3 minutos, y luego mostrarlo al equipo y discutir las distintas opciones. Esto permite a cada participante expresar sus ideas libremente, sin presión o sin sentirse influenciado por las ideas de otros.

Esta demostrado que esta es la mejor manera de conseguir ideas innovadoras e interesantes para la Experiencia de usuario y el diseño de interacción de la app final.



Reiterar en papel el prototipo



Tan pronto como tengas tus primeros bocetos en papel, revísalo reiteradamente hasta afinarla mas. Estos prototipos sencillos pueden revelar puntos débiles en el concepto de diseño y te permite resolverlos antes de que se avance en temas mas complicados de la app (tales como la maqueta o prototipo de alta fidelidad o la codificación)

Y no te olvides de llevar a cabo una prueba de usuario rápida en algún momento de la discusión. Invita a algún conocidos o miembros de la empresa que no estén familiarizados con el proyecto y pídeles que hagan como que van a hacer algo con la aplicación, alguna tarea fácil.

Una pizarra, marcadores, posits y papeles con el contorno del móvil dibujado, esto es lo que necesitarías en este punto.




Wireframes y diagramas de flujo de usuario.



Estos Wireframes nos muestran la estructura y funcionalidad pero no tienen un diseño visual. Este prototipo de interfaz esta unido a la app final con muchos detalles y funcionalidades , y nos permite echarle un vistazo a la usabilidad con mas detalle

En este punto necesitaras producir todas las pantallas clave de tu app y pensar cuidadosamente el diagrama de flujo del usuario. Al igual que antes revísalo reiteradamente y haz testeos de usuario. Revisa los prototipos basados en los resultados del test de usuario.



Prototipo de diseño, concepto visual



Este es el punto final del proceso de diseño, cuando añades todos los detalles y defines el estilo visual de la app. Este prototipo de diseño ya tiene pinta de producto final, y podría funcionar como una aplicación realista en tu smartphone.

Usando herramientas tales como Axure RP o Proto.io, puedes hacer que las pantallas interactuen las unas con las otras como una aplicación digital. El prototipo de diseño interactivo es lo que mejor funciona para validar la experiencia de usuario.



Más sobre el tema y otros: Pablo M. Francisco

Fuente: este post proviene de Pablo M. Francisco, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Todos los pagos y compras online, todos los "Me gusta", comentarios, mensajes, twits, chats, todas las gestiones que hacemos por internet dejan un rastro que contiene nuestros datos personal ...

This my first post in english. Please try to understand any mystakes :). Today 80% of consumers are concerned about mobile marketing. Thousands of mobile phone users world wide were surveied on their ...

Recomendamos

Relacionado

general desarrollo web html5 ...

El prototipo de una app o web móvil, es una de las partes más importantes del diseño de interacción, en el cual cada pantalla de la aplicación es refinada hasta que consigue el nivel necesario de usabilidad y desarrollo. Desde un boceto simples hasta un prototipo muy desarrollado con muchos detalles, el diseño pasa por muchos cambios interesantes durante el desarrollo. Su incorporación es un paso ...

app móvil desarrollo web tecnologia ...
Aplicaciones móviles empresariales, próxima opertunidad multimillonaria!

Ya es momento de dedicarle la verdadera importancia al tema "Aplicaciones móviles EMpresariales". Según estudios del IDC, un 30% de las empresas que tengan más de cinco aplicaciones móviles en 2015 se dará cuenta de los beneficios de agilidad empresarial. Las organizaciones de TI dedicarán, al menos el 25% de su presupuesto de software para el desarrollo de aplicaciones móviles, para su ...

Tecnología

Las aplicaciones móviles que continuamente instalamos en nuestros teléfonos inteligentes son una de las mayores amenazas para nuestra privacidad digital. Mediante ellas se recopilan grandes cantidades de datos personales, como el correo electrónico, contraseñas, fotos, ubicación y mensajes personales. Las aplicaciones móviles a menudo son la causa de la filtración involuntaria de datos. Por ejemp ...

general aplicaciones

Aquí teneis un pequeño listado de aplicaciones que sirven para escanear vinos, conseguir recomendaciones y saber más sobre ellos. Vivino | iOS ? Android ? Windows Phone Toma una foto a la etiqueta del vino y espera a que el escáner de Vivino haga lo suyo trayendo en instantes un montón de datos importantes sobre la botella: maridajes, cosechas, ofertas en tiendas online, reseñas de los profesional ...

informática internet diseño ...

Para comprender el mundo del Diseño de Productos Digitales, es necesario saber los conceptos básicos. Hoy, veremos qué es User Interface (UI). Qué es User Interface (UI) Según Usability.gov, el diseño de la interfaz de usuario (o User Interface Design) consiste en anticipar de lo que los usuarios podrían tener que hacer y asegurarse de que la interfaz tiene elementos que son de fácil acceso, en ...

Todo sobre Apps aplicacion aplicaciones móviles ...

Upplication es un creador de aplicaciones móviles y una startup española fundada por los emprendedores José Luis Vega de Seoane y Víctor Rodado en octubre de 2013. En la actualidad cuenta con más de 30.000 apps creadas desde su lanzamiento y con clientes en 73 países de todo el mundo. La idea surge en 2011 a partir de un post que escribe Víctor Rodado en su blog. Hablaba del “mobile boomR ...

Móviles

Hacer una lista con las mejores aplicaciones móviles para mejorar la productividad no es una tarea sencilla debido a la gran cantidad de apps que se pueden encontrar en la actualidad y a los gustos y preferencias de cada usuario. De todas formas, hay algunas aplicaciones para el móvil que destacan entre las demás por las opciones que nos ofrecen o por la eficiencia con la que realizan la tarea par ...

General

Hoy en día se ha vuelto de lo más habitual conocer gente a través de aplicaciones móviles ya sea para mantener una relación sentimental o simple y llanamente para tener amistad. Así que si no nos queremos perder en esta cantidad de herramientas y ofertas que tenemos a nuestro alcance, es mejor conocer a fondo las Aplicaciones Gratis para Ligar que existen en el mercado. Cada día hay más, así que a ...

usabilidad experiencia del usuario ux ...

La tecnología avanza muy rápido y eso conlleva a encontrar usuarios con nuevas necesidades y exigencias. Para poder complacer a los usuarios es importante darle las facilidades de acceder a nuestros contenidos de manera dinámica, rápida y atractiva. User experience es una parte fundamental que debemos tener presente en el diseño para atraer al usuario. UX está compuesto por diferentes conceptos ...

Tecnología e Internet

Tal como es costumbre todos los años, Apple decide premiar a las mejores aplicaciones y juegos de la App Store, mostrando así su aprecio por los desarrolladores, tanto grandes como pequeños. Este año se ha hecho énfasis en la diversidad y creatividad. Sin mayor preámbulo, estas son las mejores apps y juegos del 2019 que podemos conseguir en la App Store de Apple: Mejor app para el iPhone: Cámara S ...