Post on 22-Jan-2016
DIPLOMADO ANDROIDUSER INTERFACE DIA 2
Prototipos de media (wireframes)
COMO SON:
• Grises
• Sin imágenes
• Sin diseño
CUANDO DE USAN:
• después de definir la arquitectura y antes de iniciar la
fase creativa y de diseño emocional
PARA QUÉ:
• Para mostrar la arquitectura con claridad
• Para ver los componentes de la interfaz
• Para iterar con el equipo
Prototipos de media
Balsamic http://balsamiq.com/products/mockups/ (free)
Codiqa https://codiqa.com/ (licenciado)
Índigo http://www.infragistics.com (licenciado / 30 días free)
Pencil http://pencil.evolus.vn/ (free)
Axure Prototipos interactivos (licenciado / 30 días free)
Sencha http://www.sencha.com/products/architect/ (licenciado)
Prototyper http://www.justinmind.com/ (licenciado / free)
Protoshare http://www.protoshare.com/ (licenciado / 30 días free)
Fluid https://www.fluidui.com/ (licenciado / free 10 screens)
POP: appstore /google play (free)
Software disponible
Ejercicio por equipos:
Crear su propio prototipo con PROTOTYPER de Justmind instalado en los equipos
Mínimo 4 páginas
20 minutos
En el primer pantallazo ¿se puede saber que es esta app y para que sirve?
¿Los términos usados son claros y obvios ?
Al hacer clic en cada opción, ¿encontró lo que esperaba encontrar?
Déjele una lista de sugerencias a sus compañeros
Ejercicio 2 (20 Minutos)
Cambio de grupos y prototiposDeje que su prototipo lo analice otro grupo y ustedanalice otro prototipo
PREGÚNTESE
Revise el informe de sus compañeros…, ¿qué se puede mejorar?
Ejercicio 3 (10 Minutos)
Evaluación heurísticaRealizada por expertos
Ejercicio 4
Vamos a corregir el prototipo pero vamos a aplicar
principios básicos para crear buenos CTA (call to actions)
Qué son los call to actions (CTA) ?
Herramientas de verificación
User test: http://www.usertesting.com/
Verify: http://verifyapp.com
Solidify: http://solidifyapp.com/tour/examplesVerify
Five second test http://fivesecondtest.com/
Landing page: www.landerapp.com