Your SlideShare is downloading. ×
0
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

2,402

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 …

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
12 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,402
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
123
Comments
0
Likes
12
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Simple Steps to UX/UI web design #UXLearn Presented by Ellie Cachette, VP of Product Marketing, @ecachette
  • 2. Agenda • • • • • • Problema UX vs UI Objetivos del UX Objetivos del UI Herramientas de Diseño Resumen
  • 3. ¿Cuál es el problema?
  • 4. Koombea flow process
  • 5. UX/UI UX es como funciona y como se siente UI es como luce
  • 6. - Crispetas - Descongelar - 30 segundos
  • 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. 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. ¿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. Componentes del UX 1.  2.  3.  4.  Definición de Usuario Mapas del Sitio Flujo de Usuario Wireframes
  • 11. Definición de Usuario
  • 12. Arquitectura de la Información
  • 13. Flujo de Usuario
  • 14. Wireframes
  • 15. Koombea flow process
  • 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. UX No es UI http://www.uxisnotui.com/downloads/a4.pdf
  • 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. UI   Branding Color, Esquemas: fuentes, Logo, Estilos Wireframing
  • 20. Propósito detrás del UI Interfaz de usuario •  Adquisición de Usuario •  Marca •  Generar confianza
  • 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. Qué NO hacer:
  • 23. Herramientas de diseño fáciles de usar
  • 24. HotGloo Hotgloo.com
  • 25. Balsamiq Balsamiq.com
  • 26. Invision invisionapp.com
  • 27. La diferencia entre UX/UI Freelance vs Agency
  • 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. 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

×