DISEÑO DE

SERVICIOS DIGITALES
PLAN DE TRABAJO

1. Casos de uso
2. Arquitectura
3. Sketch y validación

4. MockUp y validación
FASES DE DESARROLLO

PROTOTIPO “Experiencia” del

BETA usuario

“Sensación”, maqueta
MOCKUP
Define la jerarquía de la información
WIREFRAME
Primer esquema que realizamos para
SKETCH ilustrar las intenciones de diseño
Representación gráfica de navegación
ARQUITECTURA Estructura y conexiones
MOCKUP Y VALIDACIÓN
El objetivo es desarrollar un prototipo que sirva para validar el
uso de un aplicativo, su funcionalidad y su viabilidad como
negocio. Este prototipo, una vez validado, servirá como insumo
principal para que los desarrolladores realicen su trabajo de
codificación y construcción del producto final.
MOCKUP

Un mockup es un prototipo funcional en el sentido

gráfico, de experiencia y de interacción, pero no desde el
punto de vista back-end, pues no contiene código que
permita la administración de datos y de funcionalidades de
cómputo.
PRINCIPIOS DE UI*

1. Todo tiene que verse como lo que

2. es
Siempre que se hace algo el usuario
debe obtener una respuesta

3. El contenido no debe necesitar

explicación

*UI: User Interface, ligado directamente a la interacción usuario-máquina.

 MOCKUP

http://www.onextrapixel.com/wp-content/uploads/2014/05/image-24.jpg
LOS DIEZ PASOS
LOS DIEZ PASOS

1. Primero define el problema 6. Minimiza la información que debe

2. Crea más valor usando menos
acciones
Diseña con función de los
3. objetivos de tu compañía
Respeta la integración de tu
4. marca
5. Enfoca al usuario en una sola
tarea a la vez
dar el usuario
7. Usa el lenguaje de tus usuarios
8. Toma decisiones por tus usuarios
9. Usa una fuerte jerarquía visual
10. Alinea siempre los objetos en tus
diseños
HERRAMIENTAS DE
PROTOTIPADO

BALSAMIQ: https://balsamiq.com/
INVISION: https://www.invisionapp.com/
AXURE RP: https://www.axure.com/
MOCKUPS: https://moqups.com
MARVEL: https://marvelapp.com/
¡HORA DE TRABAJAR!