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
Kid Cowboy 103
marilutwin
0
240
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
280
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
150
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
880
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
130
Les petites aventures de CSS, saison 2025
goetter
3
4k
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
120
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
3.9k
Storyboard Honey
rocioparronrubio
0
270
ビジネス成果を最大限に発揮するPORTFOLIO
ataxi1003
0
190
問いの変遷
iflection
0
140
NAHO SHIMONO_Portfolio2025
nahohphp
0
810
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.8k
The Invisible Side of Design
smashingmag
299
51k
Docker and Python
trallard
44
3.4k
Side Projects
sachag
455
42k
The Cult of Friendly URLs
andyhume
79
6.4k
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
Making the Leap to Tech Lead
cromwellryan
134
9.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Unsuck your backbone
ammeep
671
58k
Faster Mobile Websites
deanohume
307
31k
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