Tecnología

Pablo M. Francisco Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

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í.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

¿Seguro que estamos seguros?

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 ...

Mobile marketing trends 2015

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 ...

Prototipado de aplicaciones móviles UI/UX

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 oportunidad multimillonaria!

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 ...

general app móvil desarrollo web ...

Desarrollo de aplicaciones móviles: así está el mercado

Los estudios confirman la tendencia La empresa VisionMobile realiza desde hace tiempo su informe Developer Economics, y en la sexta edición, que estudia el primer trimestre de 2014, se analizan las tendencias del mercado en cuanto al interés de los desarrolladores por el segmento de la movilidad. La base del estudio es sólida: tanto Intel como Mozilla son los principales patrocinadores ?hay mucho ...

Todo sobre Apps aplicacion aplicaciones móviles ...

Upplication, un creador de aplicaciones móviles para pymes y emprendedores

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 ...

general aplicaciones

4 aplicaciones móviles para los amantes del vino

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 ...

Noticias Marketing Digital ecommerce ...

Regresa Applause, el Congreso de Marketing de Aplicaciones Móviles

Por tercer año consecutivo vuelve Applause, el mayor congreso de marketing de aplicaciones móviles de España. Reunirá a mas de 300 profesionales y empresas, para mostrar las ultimas novedades en el marketing de aplicaciones móviles. El 1 de Junio se celebrará en el hotel W Barcelona el congreso Applause, organizado por PickASO, agencia de App Marketing de España, junto con TheTool, herramienta App ...

Aplicaciones aplicaciones evolución ...

¿Cómo las aplicaciones móviles influyen en la decisión de compra de smartphones?

Las aplicaciones móviles son una de las herramientas de batalla de los sistemas operativos para móviles en un entorno de mercadeo que es hostil aunque no lo parezca para el usuario. Las aplicaciones disponibles para cierto sistema y la exclusividad de algunas juegan un papel en el desarrollo de tendencias de compra en determinados modelos de teléfono, pero ¿Por qué ocurre esto?, ¿acaso las funcion ...

aplicaciones móviles aplicaciones para móviles apps ...

Top 10: Aplicaciones para móviles para niños

¿A tu hijo le encanta agarrar tu móvil para jugar? A pesar que mucho educadores aconsejan que los chicos no empiecen tan temprano a saber usar un móvil, existen aplicaciones para móviles que ayudaran a tu hijo a usar la creatividad y la memoria. Descargarlas y juega junto a ellos! Tenemos que adaptarnos al mundo actual. Nos acordamos de nuestra infancia donde los juegos eran reales y no virtuales, ...

Aplicaciones aplicaciones informáticas informaticas

Aplicaciones informáticas

Un Poco Sobre Aplicaciones informáticas Las aplicaciones informáticas, en informática es un tipo de proyecto informático creado como herramienta para proporcionar a un usuario realizar uno o varios tipos de trabajos. Esto lo distingue primordialmente de otros tipos de programas, los cuales los sistemas operativos (que hacen trabajar la PC), los utilitarios (que ejecutan las tareas de mantenimiento ...

APPS MOVILES Aplicaciones para Android iOS

7 herramientas para crear aplicaciones móviles multiplataforma

Si estás pensando en crear una aplicación para móvil o tablet y no tienes ni idea de cómo hacerlo una solución es acudir a alguna de las herramienta que te vamos a presentar a continuación. En este post te enseñaremos cómo crear una app móvil sin ser un experto. Aunque para algunas de ellas tendrás […] Este artículo es un contenido original del Blog de Diseño Grafico