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
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.1k
Dark mode : comment rejoindre le côté sombre ?
goetter
1
100
株式会社バクタム 会社説明資料
bactum
0
260
#Dubois Challenge 2025: Economics
ajstarks
0
130
ポートフォリオ_webデザイナー
nami_webdesigner
0
110
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
140
Liquid Iron
mcduckyart
1
110
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
1.4k
線で考える画面構成
natsuume
1
880
harutaka Vision Deck
zenkigenforrecruit
0
150
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1k
The Golden Whitney
ohtristanart
PRO
0
560
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Bash Introduction
62gerente
613
210k
The Invisible Side of Design
smashingmag
301
51k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
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