Simple Steps to UX/UI Web Design- Español

4,378 views

Published on

Your guide to picking the right User Interface (UI) and creating the best User Experience (UX) in just a short amount of time. Learn how to quickly create mockups, landing pages, and build mock integrations that turn into large ideas.

Have more questions about UX/UI? Contact mvp@koombea.com for additional information or questions and we will get back to you shortly.

Published in: Design
0 Comments
16 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,378
On SlideShare
0
From Embeds
0
Number of Embeds
314
Actions
Shares
0
Downloads
204
Comments
0
Likes
16
Embeds 0
No embeds

No notes for slide

Simple Steps to UX/UI Web Design- Español

  1. 1. Simple Steps to UX/UI web design #UXLearn Presented by Ellie Cachette, VP of Product Marketing, @ecachette
  2. 2. Agenda • • • • • • Problema UX vs UI Objetivos del UX Objetivos del UI Herramientas de Diseño Resumen
  3. 3. ¿Cuál es el problema?
  4. 4. Koombea flow process
  5. 5. UX/UI UX es como funciona y como se siente UI es como luce
  6. 6. - Crispetas - Descongelar - 30 segundos
  7. 7. UX – Experiencia de Usuario UX, o experiencia de usuario, mide la facilidad y el placer que tienen los usuarios al navegar por un sitio.
  8. 8. Propósito detrás del UX Experiencia de Usuario *Cumplir con los objetivos del negocio 1. Adquisición de usuario 2. Activación de usuario 3. Retención de usuario
  9. 9. ¿Cómo el UX resuelve problemas? Usabilidad   Diseño Visual   Investigación del Usuario   Arquitectura de La Información   UX   Diseño de Interacción   Estrategia de Contenido  
  10. 10. Componentes del UX 1.  2.  3.  4.  Definición de Usuario Mapas del Sitio Flujo de Usuario Wireframes
  11. 11. Definición de Usuario
  12. 12. Arquitectura de la Información
  13. 13. Flujo de Usuario
  14. 14. Wireframes
  15. 15. Koombea flow process
  16. 16. “Todo empieza con empatía. Diseñamos para sus clientes ante todo”. - Diego Coronado, Director Creativo. La tecnología es ineficaz sin una interfaz que logre llegar a la gente de una manera significativa. Por ende el diseño necesita ser más humano, no solamente pixeles.
  17. 17. UX No es UI http://www.uxisnotui.com/downloads/a4.pdf
  18. 18. UI- Interfaz de Usuario Un hábil diseñador de interfaces entiende la importancia de proporcionar al usuario una solución a un problema definido
  19. 19. UI   Branding Color, Esquemas: fuentes, Logo, Estilos Wireframing
  20. 20. Propósito detrás del UI Interfaz de usuario •  Adquisición de Usuario •  Marca •  Generar confianza
  21. 21. Cómo llegamos al UI?   1. El problema ha sido definido 2. Flujos de usuario e historias han sido creadas 3. Experimentos para validar personas 4. Wireframes y bocetos 5. Mockups con UI incluida pueden ser realizados 6. Prueba de Usuario 7. Es tiempo de codificar la interfaz – UI Design!
  22. 22. Qué NO hacer:
  23. 23. Herramientas de diseño fáciles de usar
  24. 24. HotGloo Hotgloo.com
  25. 25. Balsamiq Balsamiq.com
  26. 26. Invision invisionapp.com
  27. 27. La diferencia entre UX/UI Freelance vs Agency
  28. 28. Freelancer Creatividad Armonía de Marca Perfectiva nueva Acceso a las últimas técnologías Acceso a “recursos” Cambios rápidos Cons In-house Flexibilidad Pros Agencia Expertos Especialidades limitadas Costos Falta de creatividad La “Marca” puede varias Cambios rápidos pueden varias Burocracia
  29. 29. 386 Park Ave South, 10th Floor ¿Alguna Pregunta? Podemos ayudarte. Mándanos un correo a mvp@koombea.com New York, NY 10016 625 2nd St., Suite 280 San Francisco, CA 94107 Cra 53 # 79-01 L-301 @koombea #UXLearn /koombea Barranquilla, Colombia

×