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

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

Post on 27-Jan-2015

107 views

Category:

Design

4 download

Embed Size (px)

DESCRIPTION

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.

TRANSCRIPT

<ul><li> 1. Simple Steps to UX/UI web design #UXLearn Presented by Ellie Cachette, VP of Product Marketing, @ecachette</li></ul> <p> 2. Agenda Problema UX vs UI Objetivos del UX Objetivos del UI Herramientas de Diseo Resumen 3. Cul es el problema? 4. Koombea ow process 5. UX/UI UX es como funciona y como se sienteUI 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. Propsito detrs del UX Experiencia de Usuario *Cumplir con los objetivos del negocio 1. Adquisicin de usuario 2. Activacin de usuario 3. Retencin de usuario 9. Cmo el UX resuelve problemas? Usabilidad Diseo VisualInvestigacin del UsuarioArquitectura de La InformacinUX Diseo de InteraccinEstrategia de Contenido 10. Componentes del UX 1. 2. 3. 4.Denicin de Usuario Mapas del Sitio Flujo de Usuario Wireframes 11. Denicin de Usuario 12. Arquitectura de la Informacin 13. Flujo de Usuario 14. Wireframes 15. Koombea ow process 16. Todo empieza con empata. Diseamos para sus clientes ante todo. - Diego Coronado, Director Creativo.La tecnologa es inecaz sin una interfaz que logre llegar a la gente de una manera signicativa. Por ende el diseo necesita ser ms humano, no solamente pixeles. 17. UX No es UI http://www.uxisnotui.com/downloads/a4.pdf 18. UI- Interfaz de Usuario Un hbil diseador de interfaces entiende la importancia de proporcionar al usuario una solucin a un problema denido 19. UI Branding Color, Esquemas: fuentes, Logo, EstilosWireframing 20. Propsito detrs del UI Interfaz de usuario Adquisicin de Usuario Marca Generar conanza 21. Cmo llegamos al UI? 1. El problema ha sido denido 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 codicar la interfaz UI Design! 22. Qu NO hacer: 23. Herramientas de diseo fciles de usar 24. HotGloo Hotgloo.com 25. Balsamiq Balsamiq.com 26. Invision invisionapp.com 27. La diferencia entre UX/UI Freelance vs Agency 28. FreelancerCreatividadArmona de MarcaPerfectiva nuevaAcceso a las ltimas tcnologasAcceso a recursosCambios rpidosConsIn-houseFlexibilidad ProsAgenciaExpertosEspecialidades limitadasCostosFalta de creatividadLa Marca puede variasCambios rpidos pueden variasBurocracia 29. 386 Park Ave South, 10th FloorAlguna Pregunta? Podemos ayudarte. Mndanos un correo a mvp@koombea.comNew York, NY 10016625 2nd St., Suite 280 San Francisco, CA 94107Cra 53 # 79-01 L-301@koombea #UXLearn /koombeaBarranquilla, Colombia </p>