You are on page 1of 11

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 dar el usuario
acciones
7. Usa el lenguaje de tus usuarios
Diseña con función de los
3. objetivos de tu compañía 8. Toma decisiones por tus usuarios
Respeta la integración de tu 9. Usa una fuerte jerarquía visual
4. marca
10. Alinea siempre los objetos en tus
5. Enfoca al usuario en una sola diseños
tarea a la vez
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!