Prototipos UX

Prototipos

gemafuentesanchez@gmail.com

Prototipos

2014gemafuentesanchez@gmail.com

Prototipos

Representación esquemática que muestra

el contenido y comportamiento de un sitio web.

Herramienta de comunicación, discusión y test.

Focalizada en la AI

Permite testar e introducir mejoras en fases tempranas.

C O M U N I C A C I Ó N

D I S E Ñ O

T E S T

gemafuentesanchez@gmail.com 2014

Objetivos

Comunicación

Entre todo el equipo

Con los clientes

Ideas abstractas sean concretas, visibles y testables.

Fomentan la iteratividad.

Mejoran la calidad, claridad y la completitud de las especificaciones funcionales del sistema.

Diseño / desarrollo

Diseño y desarrollo

Definir funcionalidad, estructura y contenidos antes de empezar a programar y de crear el diseño visual.

Dan soporte a los diseñadores a la hora de escoger entre varias alternativas.

Permiten a los diseñadores explorar diversos conceptos del diseño antes de establecer los definitivos

Diseño y desarrollo

Dispositivos

Integrar activamente a los usuarios en el desarrollo.

Evaluar el sistema desde las primeras fases del desarrollo (+ barato).

S K E T C H I N G

W I R E F R A M E S

M O K U P S

S T O R Y B O A R D

P R O T O T I P O F U N C I O N A L

Métodos de trabajo

Sketching

Boceto rápido e informal

que se realiza en papel

para transmitir una idea o concepto

con rapidez y claridad.

Wireframe

Esquema visual de una página web,definiendo al detalle el contenido y estructura.

¿Qué información debe contener un Wireframe?

• Inventario de contenido.

• Elementos de la página.

• Etiquetado.

• Layout.

• Comportamiento.

Consejos

• No utilizar color (excepto links)

• Textos (especificar caracteres max/min, que sea legible)

• Poner el foco en la estabilidad y jerarquía

• RIA

• Explicarlos en persona

StoryBoard

Secuencia de wireframes

que muestran cómo se realiza una tarea.

MockUp

Prototipo de Alta Fidelidad destinado a comunicar/testar un aspecto concreto de la

aplicación (diseño / funcionalidad)

Prototipo funcional

Puede ser de alta o baja fidelidad

pero su objetivo es mostrar /testar

la funcionalidad del sistema

Alta fidelidad

S O F T W A R E

P L A N T I L L A S

Herramientas

Software

Los profesionales• www.axure.com • www.omnigroup.com/omniGraffle/

Los apañaos (con versión gratis)• balsamiq.com/• https://moqups.com/• http://www.gliffy.com/• http://www.mockflow.com/• https://app.uxpin.com/

Específicos• https://popapp.in/ (móvil)• http://stripgenerator.com/strip/create (storyboards)

Plantillas

• http://konigi.com/tools/graph-paper

• http://speckyboy.com/2013/04/29/30-wireframe-templates-and-toolkits/

• http://www.hachemuda.com/2012/01/5-cuadernos-de-papel-perfectos-para-prototipado-diseno-web-y-de-interfaces-de-usuario/

• http://developer.yahoo.com/ypatterns/about/stencils/

Bibliografía

Artículos

• http://www.sidar.org/recur/desdi/traduc/es/visitable/maner/Prototipado.htm

• http://olgacarreras.blogspot.com.es/2007/02/wireframes.html

• http://designshack.net/articles/inspiration/close-photoshop-and-grab-a-pencil-the-lost-art-of-thumbnail-sketches/

• http://www.slideshare.net/rots/taller-de-wireframes-5540204

Recursos

• http://www.smashingmagazine.com/2009/09/01/35-excellent-wireframing-resources/

• http://wireframes.tumblr.com/

• http://wireframes.linowski.ca/

Ejemplos

• http://www.jeff.io/posts/sketches-wireframes-css

Un Juego

• http://dedesigntheweb.com/

Prototipos UX

Design

Prototipos Flexibles

8 prototipos

UX Research

UX Presentation

UX Nights Vol 02.03: Equipos ágiles de UX

Diseño ux

Introduccion a ux - IxDA Mendoza - Taller UX

Prototipos Investigacion

Hablemos de UX - José Ma. Medina, UX UI designer

Prototipos automotrices

Prototipos personales

Especificacion Prototipos

UX Exercise.pptx

Prototipos textuales

Ux agilista

Prototipos CASA DO - Consultores en Steel Framingconsulsteel.com/prototipos/Prototipos-2016-Consul-Steel.pdf · Prototipos CASA DO CASA DO 3D – CENTRO Metros Cuadrados: 75 m2 Plantas:

Modelo prototipos

Prototipos calculadora

prototipos -farmacos

Prototipos Electronicos