Sacar una idea de tu cabeza al mercado no es un proceso simple. Hay muchos obstáculos que pueden estorbar si los dejas. Pero, si sigue unas cuantas reglas simples que le permitirán pasar de la idea a la estructura alámbrica, al prototipo y al mercado, puede minimizar estas dificultades y poner su idea en manos de usuarios reales mucho más rápidamente.
Hemos hablado mucho sobre la validación de ideas en el pasado reciente y esto es una parte esencial del proceso. En lugar de repasar el pasado, aquí hay una lista de nuestras mejores publicaciones que lo llevarán desde la idea hasta el inicio del proceso de diseño:
Una vez que esté contento de estar trabajando en una solución real para un problema real, puede comenzar a diseñar la solución. Si crees que esto va a ser un proceso muy largo, entonces estás equivocado. Debe ser un número muy intenso de etapas.
Wireframing
- ¿Estoy perdiendo el tiempo aprendiendo Microsoft SharePoint?
- ¿Cuáles son algunas tendencias recientes en TI en la India?
- ¿Cómo ayuda el servidor a la tecnología de la información?
- ¿Cuáles son los pros y los contras de los departamentos de TI que informan sobre finanzas?
- ¿Qué última tecnología es la mejor en tecnología de la información?
Wireframing es una forma de diseñar un servicio de sitio web a nivel estructural. Un wireframe se usa comúnmente para diseñar contenido y funcionalidad en una página que toma en cuenta las necesidades y los viajes de los usuarios. Los wireframes se utilizan al principio del proceso de desarrollo para establecer la estructura básica de una página antes de agregar el diseño visual y el contenido. ExperienciaUX
Tiene la solución en su cabeza y sabe que va a trabajar en un diseño basado en aplicaciones para comenzar. Ahora, la primera lección es que siempre debes comenzar con el móvil. El móvil primero es un concepto que fue defendido por Luke Wroblewski. Hay ventajas y desventajas en el argumento de que el móvil es el concepto primero, pero tenemos que comenzar en algún lugar y la razón básica para utilizar el móvil primero, en mi opinión, es que va a poner su aplicación en manos de los usuarios y mejorará la retroalimentación que obtendrá.
Entonces, vas a diseñar una aplicación para un dispositivo móvil. La segunda lección es ignorar por completo las tendencias. La primera etapa es esbozar la amplia superestructura de la aplicación: básicamente el esqueleto.
Esto puede hacerse muy fácilmente en papel y el papel es el mejor lugar para comenzar. Puedes moverte rápidamente a través de las pantallas. Reorganízalos a medida que avanzas. Mueve a través de numerosos borradores rápidamente.
Una vez que haya llegado a la etapa en la que está satisfecho con el diseño básico de la estructura alámbrica, debe comenzar a colocarlo en la pantalla. Con Fluid UI, esto se puede lograr muy fácilmente y será incluso más rápido que el armado de papel.
Una vez que haya diseñado las pantallas con un esquema básico, tendrá una primera idea real de cómo se verán. En esta etapa, es importante volver a su equipo, colegas, partes interesadas y obtener algunos comentarios. Ponga el alambre en su mano y muéstreles cómo se desplazarán las páginas, cómo pasarán de una página a la siguiente. La gran ventaja de esto es que los demás siempre verán las cosas que te pierdes porque estás demasiado cerca del proyecto. Esa es la razón principal por la que la retroalimentación y la investigación son esenciales y deben ser una parte constante del proceso.
Prototipado
Con algunas herramientas no es posible crear tanto esquemas de conexión como prototipos, y para muchas personas esto no es un problema. Sin embargo, poder pasar de la estructura alámbrica al prototipo también tiene muchas ventajas. Tienes los wireframes en el editor, has trabajado mucho en ellos y has recibido muchos comentarios que te ayudarán a seguir diseñando la aplicación.
Ahora necesitas pasar al prototipo. En esta etapa, se está moviendo hacia una representación de alta fidelidad de la aplicación. Quieres poder hacer dos cosas al final de esta etapa. Debe poder poner la aplicación en manos de las partes interesadas y ellos deben poder tener una idea muy clara de cómo funcionará la aplicación.
Pruebas de usuario
La prueba del usuario es un nombre poco apropiado. No estás ‘probando al usuario’. Estás probando la usabilidad de tu diseño. Si no le quita nada más que ese punto de esta publicación, habrá aprendido algo de valor.
Todos piensan que tienen una idea para una gran aplicación. Alguien podría incluso pensar que una aplicación donde se pueda ver una pinta perfecta de Guinness sería el boleto. Pero, seamos honestos, cuánta gente va a sacar una aplicación solo para asegurarse de que el barman esté sacando la pinta correctamente. No muchos, y de aquellos en quienes confío, ninguno de ellos son bebedores de Guinness. He investigado mucho y confío en que mis resultados sean correctos. Entonces, si su aplicación va a ser un éxito, debe apelar a una base de usuarios determinada y tiene que resolver algún problema para esa cohorte. Tiene que ser un problema real.
Ahora, encontrar la mejor pinta de Guinness a poca distancia es más probable que tenga éxito porque resuelve un problema que tendría un usuario.
De repente, una aplicación que no iba a ser de ninguna utilidad para nadie es ahora un recurso potencial para varias cohortes de usuarios.
Cinco usuarios encontrarán el 85% de los problemas de usabilidad.
Rolf Molich
Realmente no necesitas cientos de usuarios para llegar a esa conclusión. A veces, entre 3 y 5 usuarios pueden brindarle información muy poderosa sobre la utilidad de su solución. El punto más importante es que encuentre usuarios y realice investigaciones.
Si crees que estoy inventando esto, entonces solo necesitas echar un vistazo a la aplicación real que fue desarrollada por Guinness para resolver ese problema.
Ahora es el momento de obtener cableado, prototipos y pruebas de usuario con Fluid UI y resolver algunos problemas.
Fluid UI – Prototipado más fácil de Fluid Software en Vimeo.