Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
¿Cómo iniciar en UX/UI?
Search
Gabriela Muñoz
August 10, 2020
Design
1
290
¿Cómo iniciar en UX/UI?
Gabriela Muñoz
August 10, 2020
Tweet
Share
More Decks by Gabriela Muñoz
See All by Gabriela Muñoz
Fundamentos de UX
supergabs
0
180
UX/UI #DescubreTech
supergabs
1
200
¿Y cómo hacemos UX en SaaS?
supergabs
0
660
Principios UX Design Hacksureste
supergabs
1
340
Principios UX Design
supergabs
0
260
Lo que debes saber de UI para mobile & desktop
supergabs
0
280
Other Decks in Design
See All in Design
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
400
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
2
280
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
440
Cyber Heart Online Book
hjnasby
0
130
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
690
CMS管理画面のアクセシビリティ
magi1125
8
2.2k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
320
portfolio_YumiYasuda
yum0418
0
290
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
440
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
1.4k
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.7k
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Balancing Empowerment & Direction
lara
1
440
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Being A Developer After 40
akosma
90
590k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
How STYLIGHT went responsive
nonsquared
100
5.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Navigating Team Friction
lara
187
15k
Music & Morning Musume
bryan
46
6.6k
Raft: Consensus for Rubyists
vanstee
140
7k
Transcript
¿Cómo iniciar en UX/UI?
Agradecimientos 2 Esta presentación será compartida :-)
Agenda ◍ Conocimientos básicos ◍ Proceso de diseño ◍ Escenario
actual en la industria 3
1. Conocimientos básicos ¿Por dónde comenzamos? 4
Fundamentos • ¿Qué es diseño? • ¿Qué es diseño centrado
en el usuario? • ¿Qué es usabilidad? • ¿Qué es UX? + artefactos de UX • ¿Qué es UI? + herramientas de UI 5
¿Qué es diseño? Diseño es un proceso, se trata de
planear cómo va a ser o cómo va a funcionar algo. Siempre orientado a una necesidad. 6
Diseño centrado en usuario Es un enfoque de diseño cuyo
proceso está dirigido por información sobre las personas que van a hacer uso del producto. 7
Usabilidad 8
Usabilidad Es la facilidad con la que las personas utilizan
una herramienta u otro objeto para conseguir un objetivo específico. 9
Usabilidad 10
Heurísticas Nielsen 11 ◍ Visibilidad del estado del sistema ◍
Mismo lenguaje del usuario ◍ Consistencia en estándares ◍ Flexibilidad y eficiencia de uso ◍ Ayudar a los usuarios a identificar, diagnosticar y solucionar errores. ◍ Ayuda y documentación
¿UX no es UI? 12
¿Qué es UX? 13
¿Qué es UX? Es descubrir, investigar y mejorar la experiencia
de una persona con un producto o servicio. 14
Necesidades De usuarios Negocio ¿Qué es UX? Tecnología 15 UX
UX ◍ Investigación ◌ Cuantitativa ◌ Cualitativa ◍ Pruebas de
usabilidad ◍ Comunicación con marketing, comercial, desarrollo, negocio. 16
¿Qué es UI? 17
Interfaz de usuario Es aplicar lo que se descubrió de
a una interfaz de usuario, casi siempre es una interfaz gráfica. 18
Interfaz de usuario 19
UI Kits ◍ Material Design 20
UI Kits ◍ Human Interface 21
Herramientas ◍ XD Adobe ◍ Sketch ◍ Figma 22
Herramientas Prototipado ◍ Marvel ◍ Zeplin 23
2. Proceso de Diseño ¿Cómo resuelves problemas? 24
Proceso de Diseño 25
Design Thinking
Lean Startup
Design Sprint
¿Entregables? ¿Qué son y por qué importan? 29
30
User personas Una persona es una descripción ficticia, pero realista,
de un usuario típico o potencial de un producto. -Nielsen/Norman Group 31
User personas 32
Site map Es la lista de páginas que tendrá un
sitio web o una aplicación móvil 33
Historias de usuario Descripción de tareas a realizar, desde el
punto de vista del usuario ◍ Responden a las preguntas “Quién”, “Qué” y “Por qué” 34
User Flow Es la ruta que sigue un usuario en
un sitio web o aplicación para completar una tarea. 35
User Flow 36
Wireframes Es un boceto que tiene como objetivo definir el
contenido y la posición de bloques de un producto digital. Incluye menús de navegación, bloques de contenido. 37
Wireframes 38
Wireflows Combinan las metas del usuario, tareas e interacciones entre
pantallas. Aprende más: https:/ /uxdesign.cc/when-to-use-user-flows-guide-8b26ca9aa36a 39
Wireflows 40
Mockups 41
Prototipos interactivos 42
3. Escenario actual ¿UI Designer, UI/UX Designer, UX Designer? 43
Tipo de empresas • Agencia • Consultora • Producto -
Servicio 44
Roles • UI/UX Designer • UX Designer • UI Designer
• UI/UX Designer Developer 45
Tipo de vacantes 46 UX Designer UI /UX Designer
Tipo de vacantes 47 UI /UX Designer Developer UX Designer
¿Qué necesito para aplicar? • CV • Portafolio • Linkedin
actualizado Muchaaaaa confianza 48
4. Recomendaciones ¡Aprende más! 49
Recomendaciones 50 Don’t make me think - Steve Krug About
Face Jacob Nielsen Nielsen Norman Group UX Collective
RETO! ◍ Financiera ◍ Aerolínea ◍ Salud 51
◍ Identifica la funcionalidad que te enoja! ◍ ¿Cómo la
mejorarías? ◍ Describe tu solución ◍ Dibuja ◍ Comparte en Twitter :-) 52
Gracias 53 Más de mi: Medium - @gabrielaa.ayon SpeakerDeck- @supergabs
¿Preguntas? 54
Credits Special thanks to all the people who made and
released these awesome resources for free: ◍ Presentation template by SlidesCarnival ◍ Photographs by Unsplash 55