4359003
Descripción
Mapa Mental por Sofía Z Dávila, actualizado hace más de 1 año
|
Creado por Sofía Z Dávila
hace casi 9 años
|
|
Definiendo la propuesta
- Investigación del usuario
- LAS PERSONAS
- Para crear las Personas hace falta una
investigación real que nos aleje de meras
conjeturas, analizando muchos usuarios
posibles y determinando cuáles son los
patrones de comportamiento y pensamiento
que tienen en común entre ellos, evitando caer
en sus características individuales,
centrándose solo en aquello que comparten.
- Para crear las Personas hace falta una
investigación real que nos aleje de meras
conjeturas, analizando muchos usuarios
posibles y determinando cuáles son los
patrones de comportamiento y pensamiento
que tienen en común entre ellos, evitando caer
en sus características individuales,
centrándose solo en aquello que comparten.
- EL VIAJE DEL USUARIO
- Las Personas vistas individualmente pueden servir para conocer un modelo de
usuario, pero también hace falta saber cómo se comporta y siente ese modelo,
cuando tiene un objetivo que cumplir en un contexto de uso determinado. Aquí
es donde interviene el user journey o «Viaje del usuario», una forma de contar
visualmente y de principio a fin, el proceso que lleva a cabo una Persona desde
que tiene una necesidad hasta que la satisface usando la aplicación.
- Las Personas vistas individualmente pueden servir para conocer un modelo de
usuario, pero también hace falta saber cómo se comporta y siente ese modelo,
cuando tiene un objetivo que cumplir en un contexto de uso determinado. Aquí
es donde interviene el user journey o «Viaje del usuario», una forma de contar
visualmente y de principio a fin, el proceso que lleva a cabo una Persona desde
que tiene una necesidad hasta que la satisface usando la aplicación.
- LAS PERSONAS
- Definición funcional
- Todas las acciones e interacciones que hacen falta para que un usuario consiga su objetivo, se traducen en
funciones que debe tener la aplicación. Siguiendo el Viaje del usuario, se puede detectar cuáles son las
necesidades que tiene en cada etapa y cuáles herramientas requiere para poder avanzar a la siguiente.
- PROPONER UNA VISIÓN
- Puede pasar muchas veces, sobre todo cuando el producto ya está en marcha, que los usuarios pidan
funciones que consideran deberían incorporarse. Esto puede ser un arma de doble filo, porque algo que
sirva para un usuario particular no necesariamente sea útil para los demás. En este caso, establecer un
balance entre las opiniones de los usuarios y la propuesta de la aplicación será fundamental.
- Puede pasar muchas veces, sobre todo cuando el producto ya está en marcha, que los usuarios pidan
funciones que consideran deberían incorporarse. Esto puede ser un arma de doble filo, porque algo que
sirva para un usuario particular no necesariamente sea útil para los demás. En este caso, establecer un
balance entre las opiniones de los usuarios y la propuesta de la aplicación será fundamental.
- Todas las acciones e interacciones que hacen falta para que un usuario consiga su objetivo, se traducen en
funciones que debe tener la aplicación. Siguiendo el Viaje del usuario, se puede detectar cuáles son las
necesidades que tiene en cada etapa y cuáles herramientas requiere para poder avanzar a la siguiente.
- Arquitectura de información
- La arquitectura de información es una forma de organizar el contenido y funciones de toda la aplicación,
de forma que puedan ser encontrados rápidamente por el usuario. En sentido global, la arquitectura de
información considera la relación entre los contenidos de diferentes pantallas y a nivel particular, la
organización de contenidos dentro de la misma pantalla.
- La arquitectura de información es una forma de organizar el contenido y funciones de toda la aplicación,
de forma que puedan ser encontrados rápidamente por el usuario. En sentido global, la arquitectura de
información considera la relación entre los contenidos de diferentes pantallas y a nivel particular, la
organización de contenidos dentro de la misma pantalla.
- Wireframes
- Un wireframe —cuadro de alambre, según su traducción— es una
representación muy simplificada de una pantalla individual, que permite
tener una idea inicial de la organización de los elementos que contendrá,
identificando y separando aquellos informativos de los interactivos.
- ¿PARA QUÉ SIRVE UN WIREFRAME?
- 1. Como herramienta personal de exploración. 2. Como herramienta para comunicar ideas
abstractas. 3. Como un mecanismo para realizar las primeras evaluaciones de interfaz.
- 1. Como herramienta personal de exploración. 2. Como herramienta para comunicar ideas
abstractas. 3. Como un mecanismo para realizar las primeras evaluaciones de interfaz.
- FORMAS DE DISEÑAR WIREFRAMES
- - Papel: Se trata simplemente de tomar una hoja de papel y dibujar las
pantallas y componentes de interacción con un bolígrafo. - Stencils: Este sería
el paso siguiente y algo más «profesional» que un wireframe dibujado a mano
alzada, manteniendo la esencia del trabajo en papel. - Plantillas: consiste en
utilizar archivos digitales de plantillas que contengan los elementos básicos de
interacción y de interfaz —botones, listas y cabeceras—, para construir en el
ordenador, utilizando programas de diseño como Photoshop.
- ELIGIENDO LA FORMA ADECUADA
- Es recomendable probar diferentes opciones, hasta que se
encuentre aquella que brinde comodidad, permita trabajar
de una forma ágil y representar adecuadamente las ideas
para las diferentes pantallas de la app.
- Es recomendable probar diferentes opciones, hasta que se
encuentre aquella que brinde comodidad, permita trabajar
de una forma ágil y representar adecuadamente las ideas
para las diferentes pantallas de la app.
- - Papel: Se trata simplemente de tomar una hoja de papel y dibujar las
pantallas y componentes de interacción con un bolígrafo. - Stencils: Este sería
el paso siguiente y algo más «profesional» que un wireframe dibujado a mano
alzada, manteniendo la esencia del trabajo en papel. - Plantillas: consiste en
utilizar archivos digitales de plantillas que contengan los elementos básicos de
interacción y de interfaz —botones, listas y cabeceras—, para construir en el
ordenador, utilizando programas de diseño como Photoshop.
- Un wireframe —cuadro de alambre, según su traducción— es una
representación muy simplificada de una pantalla individual, que permite
tener una idea inicial de la organización de los elementos que contendrá,
identificando y separando aquellos informativos de los interactivos.
- Prototipos
- Generalmente, se trata de maquetas con una interacción suficiente para poder navegar entre las
diferentes pantallas.
- DE QUÉ PANTALLAS HACER LOS PROTOTIPOS
- Los prototipos están destinados a pruebas, por lo tanto, deben desarrollarse solo aquellas pantallas
necesarias para completar de principio a fin la tarea que se quiere probar.
- Los prototipos están destinados a pruebas, por lo tanto, deben desarrollarse solo aquellas pantallas
necesarias para completar de principio a fin la tarea que se quiere probar.
- FORMATOS DE PROTOTIPOS
- - Documentos navegables: Los prototipos pueden presentarse en forma de documentos que se han usado
toda la vida para presentaciones comerciales o distribución de información, añadiendo la interacción
necesaria para navegar de una parte del documento a otro. - Versiones web: Muchos software de
prototipos —de escritorio o en la nube— permiten crear representaciones de la app en forma de sitios web
—y que por lo tanto necesitan conexión a Internet y un navegador— basados en HTML5 y CSS3 para
conseguir interacciones y animaciones que se asemejan en gran medida a las de la aplicación. - Otros
formatos: Briefs, utilizando este programa de escritorio puede crearse una simulación de aplicación, que
necesita un visor especial —una aplicación gratuita— en el teléfono de destino para poder abrirse. POP,
una aplicación que permite usar la cámara del móvil para fotografiar wireframes en papel y dotarlos de
interacción para navegar entre las diferentes pantallas.
- - Documentos navegables: Los prototipos pueden presentarse en forma de documentos que se han usado
toda la vida para presentaciones comerciales o distribución de información, añadiendo la interacción
necesaria para navegar de una parte del documento a otro. - Versiones web: Muchos software de
prototipos —de escritorio o en la nube— permiten crear representaciones de la app en forma de sitios web
—y que por lo tanto necesitan conexión a Internet y un navegador— basados en HTML5 y CSS3 para
conseguir interacciones y animaciones que se asemejan en gran medida a las de la aplicación. - Otros
formatos: Briefs, utilizando este programa de escritorio puede crearse una simulación de aplicación, que
necesita un visor especial —una aplicación gratuita— en el teléfono de destino para poder abrirse. POP,
una aplicación que permite usar la cámara del móvil para fotografiar wireframes en papel y dotarlos de
interacción para navegar entre las diferentes pantallas.
- Generalmente, se trata de maquetas con una interacción suficiente para poder navegar entre las
diferentes pantallas.
¿Quieres crear tus propios Mapas Mentales gratis con GoConqr? Más información.