A partir de la información obtenida, o como una progresión natural desde la fase conceptual, creamos prototipos de fidelidad media-baja para representar el recorrido del usuario de principio a fin. También utilizamos composiciones visuales para crear un prototipo interactivo con el que probar la usabilidad y la propuesta de marca. A medida que el proyecto avanza hacia el diseño completo, desarrollamos la arquitectura de la información (AI) y la taxonomía. A continuación se enumeran las metodologías que apoyan la creación de prototipos y el desarrollo de la arquitectura de la información.
WIREFRAMING
Un wireframe es una ilustración plana del diseño de una página de una aplicación o sitio web. Muestra qué va en la página y dónde y también puede utilizarse para mostrar la navegación global y secundaria, el etiquetado y la estructura.
Los wireframes son una herramienta valiosa a la hora de diseñar sitios web y aplicaciones porque son relativamente rápido y fácil de crear y cambiar siguiente revisión.
Nos permiten establecer cómo serán las páginas de una aplicación o sitio web en varios puntos de ruptura con notas que describen el comportamiento o la interacción. Los utilizamos para obtener el acuerdo de nuestros clientes sobre el diseño antes de pasar a la fase de creación de prototipos. Es mucho más barato y rápido ajustar los wireframes que los diseños más complejos más adelante en el proceso.
Qué incluimos en un wireframe
A la hora de crear wireframes, siempre hay que tener en cuenta las necesidades del proyecto. Puede bastar con crearlos a mano alzada con lápiz y papel o puede pedírsenos que utilicemos uno de los diversos programas de wireframing. Tanto si se crea a mano como con software, el wireframe incluirá los mismos componentes básicos que se indican a continuación:
- El diseño de todos los componentes de la página
- Los elementos interactivos
- Imágenes y copias
- Títulos y encabezamientos
- Cuadros de navegación y búsqueda
Podemos elegir entre desarrollar prototipos de baja, media o alta fidelidad y esa elección depende realmente de cómo se van a utilizar y con quién. A algunas personas les resulta bastante difícil entender los wireframes de baja fidelidad porque no hay marca, el texto es lorum ipsum y las secciones son sólo líneas dibujadas en la página. Aumentar la fidelidad puede proporcionar más claridad y es muy útil si se realizan pruebas de usuario.
Determinación del diseño
Nuestro diseñador de experiencia de usuario (UXD) trabajará con usted para comprender qué elementos de contenido deben aparecer en la página. También querrán entender el objetivos de la página para cada una de las páginas que se van a esquematizar y para entenderlas por plataforma... si estamos diseñando un sitio web responsivo o que tendrá versiones móviles. Los objetivos de página ayudan al UXD a priorizar la disposición del contenido y, en los formatos de pantalla más pequeños, la jerarquía del contenido.
Este es un proceso de colaboración y normalmente llevaremos a cabo esta actividad in situ trabajando junto a usted y su equipo. Como mínimo, necesitaremos una sesión informativa detallada con usted y, a continuación, acceder a usted en un proceso regular a través del proceso de diseño para comprobar e iterar los wireframes a medida que avanzamos.
Los resultados
Los wireframes se entregarán en el formato que se haya acordado previamente. A continuación se muestra un ejemplo de wireframe de baja fidelidad, que es el tipo de detalle que podría esperarse para cada página. No se elaborará un wireframe de cada página, ya que no tiene sentido elaborar un wireframe de páginas con diseños iguales o muy similares. Por lo tanto, los resultados consistirán en las páginas clave de todas las plataformas.
Ejemplo de un wireframe de baja fidelidad
PROTOTIPOS INTERACTIVOS
Los prototipos interactivos ilustran no sólo el diseño de la página, sino también la interacción prevista. Con los modernos programas de creación de prototipos es posible alcanzar un alto nivel de fidelidad y los prototipos pueden parecer una versión totalmente construida del sitio web o la aplicación.
El proceso de diseño
Seguimos una metodología estándar de diseño de la experiencia del usuario para crear prototipos, por lo que cabe esperar que muchas, si no todas, las etapas del proceso de diseño centrado en el usuario hasta esta ya se hayan completado.
Eso significa que nuestros prototipos se desarrollan a partir de:
- Una clara comprensión de la requisitos del usuario sobre la proposición
- Validación de la propuesta con los usuarios y las partes interesadas
- Bien desarrollado personas representando los segmentos de audiencia clave
- Casos de uso y flujos de trabajo
- Viajes de los usuarios
- Esquemas de la red
Con estos elementos en su lugar, podemos desarrollar los prototipos de diseño y requerir un tiempo limitado con usted y su equipo para ponerse en marcha.
Para facilitar la investigación de los usuarios, se crean prototipos basados en escenarios plausibles que incluyen interacciones que apoyan los objetivos de los usuarios.
Utilizamos un 25:50:20:5 enfoque del desarrollo de prototipos.
El primer paso es crear unas 25% del prototipo y luego obtener la opinión del cliente para asegurarnos de que vamos en la dirección correcta. A continuación, seguimos desarrollar hasta que tengamos alrededor de 75% del trabajo de diseño completo y entonces completar una revisión adicional. Después de esto llevamos el prototipo a versión completa terminada y permitir un 5% adicional del tiempo para ajustes y cambios.
También tenemos experiencia en trabajar con y como parte de equipos ágiles (o lean UX) y proporcionar el recurso UXD (así como el recurso de investigación).
SOFTWARE DE CREACIÓN DE PROTOTIPOS:
Nuestros diseñadores senior de UX están familiarizados con una serie de software de creación de prototipos, incluyendo productos populares como Axure RP, Invision, Omnigraffle, Boceto y muchos más... incluso HTML. A nuestros clientes les resulta más fácil si desarrollamos los prototipos en software que ya utilizan, y estamos encantados de hacerlo.
Muchos de estos programas nos permitirán crear prototipos para múltiples plataformas de forma rápida y eficaz, ya que disponen de funciones que cambian el tamaño de la pantalla de los móviles. También permiten compartir fácilmente los resultados con el cliente a medida que se desarrollan y al final del proceso de diseño.
ESTUDIO DE CASO:
Para un gran cliente minorista, nos pidieron que creáramos un prototipo interactivo para la investigación de usuarios que estaban planeando. Tenían diseños planos, por lo que pudimos tomarlos y crear puntos de acceso clicables para que fueran interactivos. Esto ahorró mucho tiempo y dinero y proporcionó toda la información necesaria para la investigación de usuarios.
REVISIÓN DEL RECORRIDO DEL USUARIO
La investigación documental se lleva a cabo para proporcionar una revisión independiente de los recorridos de los usuarios con el fin de garantizar que contienen suficiente información para facilitar la creación de prototipos. La investigación también se utiliza para priorizar los recorridos para el desarrollo y la prueba de prototipos.
Este es un paso valioso, tanto si nos contratan para construir los prototipos como si el equipo del cliente quiere construirlos en casa. Completamos una revisión detallada de todos los recorridos de los usuarios y proporcionamos un análisis independiente de:
- El viaje holístico del usuario
- El puntos de contacto y canales y comprobar el sentido de las entradas y salidas
- El flujo de trabajo y pasos del proceso con especial referencia a los desplazamientos alternativos
Identificamos áreas de mejora en los trayectos y microinteracciones durante y entre los pasos clave del trayecto del usuario.
También evaluamos qué aspectos de los recorridos de los usuarios se beneficiarán más de las pruebas de usuarios y el detalle necesario para apoyar las sesiones de prueba. De este modo, podemos ayudar a priorizar la actividad de creación de prototipos y evitar que las sesiones de prueba sean ineficaces. Esto puede deberse a que faltan pasos en el proceso, a que no se han construido interacciones clave que son cruciales para otros procesos o a que se han hecho suposiciones sobre lo que hará el usuario.
Nos basamos en nuestra amplia experiencia en pruebas de usabilidad de prototipos para proporcionar dirección y orientación que ahorren tiempo y dinero al equipo del cliente, o a nuestro propio equipo.
ESTUDIO DE CASO: REVISIÓN DEL RECORRIDO DEL USUARIO
En colaboración con un equipo interno, se nos proporcionaron los recorridos de los usuarios y se nos pidió que realizáramos una revisión experta antes de que el equipo interno desarrollara los prototipos que luego se nos pediría que evaluáramos con los usuarios. Nuestros comentarios permitieron al equipo interno centrarse en los recorridos de usuario clave que requerirían pruebas y abordar algunos problemas de flujo que no se habían detectado previamente.
¿Tiene un proyecto en mente?