Introducción en el desarrollo de interfaces (UI) y experiencia (UX) en aplicaciones (móviles). 13 puntos claves para que tanto el desarrollo como la app tenga éxito. Impartido por Martin Redigolo, diseñador y co-fundador de Startup Astronauts* y del boletín semanal de innovación en negocios, diseño y tecnología ▅▅ stuff (youstuff.me)
26. @martinredigolo
6/¿CUÁL ES EL PROCESO DEL PROTOTIPADO Y DESARROLLO?
Project Manager
Coordinación Cliente
Organización Materiales
Diseñador UX
Arquitectura contenidos
Árbol de contenidos
Wireframe
Diseñador UI
Desarrollo elementos
visuales
Programador
Programa la APP en base a
pantallas del Maquetador/
UI y con flujos según UX
Maquetador
Programa pantallas
estáticas en base a UI
28. @martinredigolo
7/WEBAPP VS NATIVE VS HIBRIDA VS RESPONSIVE
Navegar OfflineNO SI
Navegación rápidaNO SI
Tiempo ImplementaciónRÁPIDO LENTO
AprobaciónNO SI
UX GamingBAJA ALTA
Funciones dispositivo
Camera, Sensores, …
NO SI
Costes DesarrolloBAJOS ALTOS
Aprobación VersionesNO SI
WEBAPP NATIVE
29. @martinredigolo
7/WEBAPP VS NATIVE VS HIBRIDA VS RESPONSIVE
VENTAJA
Comparten
contenido
HTML
La APP nativa carga
contenidos HTML
“UIWebView”
30. @martinredigolo
7/WEBAPP VS NATIVE VS HIBRIDA VS RESPONSIVE
El contenido se adapta a
las pantallas utilizando
CSS, JS,…
!
Ventajas
• El mismo contenido
• La misma programación
• UI/UX optimizado
!
Inconvenientes
• Conexión
• Hardware sin aprovechar
!
• Página Web
44. @martinredigolo
9/¿QUÉ QUIERO QUE SE VEA ANTES?
Recomendaciones para el Diseño
• No intentes apiñar todo en la parte
superior. Parte tus contenidos en trozos
digeribles.
• Incluye una descripción clara sobre lo que
vas ofrecer en tu App/site.
• Mantén una navegación lógica y clara.
• Desarrolla un copy/texto interesante.
• No olvides de incluir más contenido “útil”
e interesante por debajo del “Fold”
• Testea tu App/site en diferentes
dispositivos para comprobar el diseño y la
experiencia