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

Like this? Share it with your network

Share

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

on

  • 2,147 views

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.

Statistics

Views

Total Views
2,147
Views on SlideShare
2,009
Embed Views
138

Actions

Likes
10
Downloads
91
Comments
0

3 Embeds 138

http://www.teknevision.com 69
https://twitter.com 68
https://home.jolicloud.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Simple Steps to UX/UI Web Design- Español Presentation 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