The Real Dark Side

Slides of Design UI and UX with Star Wars

Transcript

1. THE REAL DARK SIDE Errores comunes en el diseño de UI y UX
2. Hola! Soy Leon Arango Estoy acá porque amo aprender cosas nuevas y compartir mis experiencias con la comunidad. Puedes encontrarme como: • Github: @breakermoob • Instagram: @breakermoob • Speakerdeck: /breakermoob
3. vav v COMO UNIRTE AL LADO OSCURO Mala interfaz de usuario Mala experiencia de usuario
4. INTERFAZ La que quieres La que tienes VS
5. DOKIMOS.ORG
6. Características • Identidad • Diagramación • Color • Tamaño de fuente • Animación Flash
7. ARNGREN.NET
8. Características • Identidad • Diagramación • Color • Tamaño de fuente • Animación flash • Saturación de elementos
9. Mitos • El diseño es fácil y barato • Solo se diseña una vez • Si funciona, entonces el diseño no importa • Cualquiera puede diseñar
10. 100% FAKE NO REAL 10 LINKS MEGA
11. Conoce a tu enemigo
12. Truco “Conoce a tu enemigo y conócete a ti mismo; en cien batallas, nunca saldrás derrotado” -Sun Tzu
13. Nuestro peor enemigo, puede ser nuestro mejor aliado
14. Menos es Más El espacio en blanco no es malo, solo hay que saber diagramar de manera correcta y ubicar lo mejor posible nuestros componentes
15. Expectativa VS Realidad
16. UX • Hardware • Software • Usabilidad • diseño de interacción • Accesibilidad • diseño gráfico y visual • calidad de los contenidos • Disponibilidad • Utilidad • Y mas.
17. Acéptame o no me iré
18. Molestias Los demos, tutoriales y notificaciones, son componentes importantes. Pero en algunas ocasiones las notificaciones o demos suelen ser molestas, así que es mejor habilitar una opción para inhabilitarlas.
19. NaNaNaNaNaNaNa BATMAAAAN!!
20. Diseño de Formularios en Vertical
21. Nivel 1 - Nostradamus
22. Nivel 2 - Hackerman
23. .________________.
24. Menú Hamburguesa
25. Navegación ¿Para qué existen?: Los menús hamburguesa resultan muy útiles en los móviles, donde el espacio es todo un lujo. Problema: Alguna información importante queda escondida y la implicación del visitante con la página sufre por eso.
26. “Lo aprendido deberás transmitir” -Maestro Yoda
27. ¡Que la fuerza los acompañe!
28. Referencias http://www.quintopartido.com https://www.cinemascomics.com http://www.staffcreativa.pe/blog https://speakerdeck.com/android10 https://www.mdirector.com https://www.bbc.com/