Curso Diseño UI - 2. Qué es el Diseño UI
Summary
TLDREl curso de diseño y enseña a entender el diseño como una forma de comunicación entre el usuario y el sistema digital. Explica que una interfaz de usuario (IU) es un medio que permite a una persona interactuar con un sistema informático, ya sea para recibir o ingresar información. Se enfatiza la importancia de la interfaz gráfica de usuario (GUI) para simplificar las interacciones y hacer que la vida de las personas sea más fácil y agradable. El diseño de IU tiene un impacto significativo en nuestra vida cotidiana y en el futuro, ya que las interfaces gráficas están en todos lados, desde dispositivos móviles hasta automóviles y televisores.
Takeaways
- 😀 El diseño es una disciplina que permite la comunicación entre usuarios y sistemas digitales.
- 🔍 La interfaz de usuario (UI) es un medio que permite a las personas interactuar con sistemas digitales a través de señales comprensibles.
- 🎛️ Una interfaz es un dispositivo que transforma señales de un aparato en señales comprensibles para otro, como en el caso de una interfaz de audio.
- 👤 Un usuario es alguien que utiliza habitualmente un servicio, y en el contexto digital, es quien interactúa con interfaces de usuario.
- 💡 El diseño gráfico de interfaz de usuario (GUI) abstrae los comandos de código a través de elementos visuales como botones y gestos de usuario.
- 🌐 Interfaces gráficas de usuario están presentes en aplicaciones, sitios web, dispositivos móviles, relojes digitales, televisores y automóviles.
- 🛠️ Los diseñadores de interfaces de usuario tienen la responsabilidad de crear experiencias que faciliten la vida de las personas y que sean agradables.
- 🌐 La importancia del diseño de interfaces de usuario crece con la proliferación de tecnología en la vida cotidiana.
- 🎨 El trabajo del diseñador de interfaces de usuario es no solo funcional sino también estético, con el objetivo de hacer el mundo más amable y agradable.
- 🌟 Los diseñadores tienen la oportunidad de influir en cómo las interfaces gráficas de usuario moldearán el futuro y la experiencia del usuario.
Q & A
¿Qué es el diseño según el comienzo del curso?
-El diseño, en el contexto del curso, se define como una forma de transformar las señales generadas por un aparato en señales comprensibles para otro, específicamente en el ámbito de la interfaz de usuario (UI).
¿Por qué es importante establecer una definición estándar de diseño en el curso?
-Es importante para asegurar que todos los participantes tengan un entendimiento común de qué es el diseño, permitiendo así una comunicación efectiva y una comprensión clara del tema.
¿Cuál es la diferencia entre 'diseño' y 'diseño de interfaz de usuario'?
-El diseño es un término más amplio que puede incluir muchos tipos de diseños, mientras que el 'diseño de interfaz de usuario' se centra específicamente en la creación de interfaces que permitan a los usuarios interactuar con sistemas digitales.
¿Qué es una 'interfaz' según el contexto del curso?
-Una interfaz es un dispositivo capaz de transformar las señales generadas por un aparato en señales comprensibles para otro aparato, permitiendo así la comunicación entre dos entes que por sí solos no pueden comunicarse.
¿Qué significa 'interfaz de usuario' y cómo se relaciona con el diseño?
-Interfaz de usuario (UI) es un medio que permite a una persona comunicarse con un sistema digital, ya sea para recibir información, ingresar información o dar instrucciones al sistema. El diseño de una interfaz de usuario busca hacer esta comunicación lo más eficiente y entendible posible.
¿Por qué es necesario profundizar en la comprensión de 'interfaz de usuario' más allá de su definición básica?
-Es necesario para comprender completamente el rol que juega en la experiencia del usuario y cómo el diseño de estas interfaces puede afectar positivamente la interacción con sistemas digitales.
¿Qué es un 'usuario' en el contexto del curso?
-Un usuario es alguien que utiliza habitualmente un servicio, y en el contexto de diseño digital, se refiere a las personas que interactúan con interfaces de usuario para utilizar sistemas digitales.
¿Cómo se relaciona la interfaz gráfica de usuario con la vida cotidiana de las personas?
-Las interfaces gráficas de usuario están en todos lados, desde aplicaciones y sitios web hasta dispositivos móviles, relojes digitales, televisores y automóviles, integrándose en nuestra vida diaria y facilitando la interacción con la tecnología.
¿Por qué es importante el diseño de interfaces gráficas de usuario en la actualidad?
-Es importante porque permite a los usuarios interactuar con sistemas complejos de una manera sencilla y eficiente, sin necesidad de conocer el lenguaje de programación subyacente.
¿Cuál es la visión del futuro para los diseñadores de interfaces de usuario según el curso?
-La visión del futuro para los diseñadores es crear interfaces que hagan que la vida de las personas sea más amable y fácil, permitiéndoles realizar tareas de manera eficiente y sin complicaciones, a la vez que se esfuerzan por hacer el mundo más agradable y bello.
Outlines
📘 Introducción al Diseño de Interfaces de Usuario
Este párrafo inicia con una definición del diseño y se enfoca en el diseño web. Se menciona que 'diseño' proviene de 'user interface', lo que significa 'interfaz de usuario'. Se explica que una interfaz es un dispositivo que transforma señales de un aparato en señales comprensibles por otro. Se da un ejemplo de una interfaz de audio, que convierte señales electromagnéticas en señales digitales para que una computadora las entienda. El concepto de 'usuario' se define como alguien que utiliza un servicio, y se enfatiza la importancia de la interfaz de usuario para permitir la comunicación entre el usuario y un sistema digital.
🖥️ La Transformación del Código a Interfaz Gráfica
El segundo párrafo explora cómo los diseñadores toman el código y lo transforman en interfaces gráficas amables para el usuario. Se menciona que la mayoría de las personas no entiende el lenguaje de máquina, y por eso los diseñadores crean interfaces gráficas que simplifican las tareas, como adjuntar archivos a un correo electrónico, en lugar de escribir código. Se introduce el acrónimo GUI (Graphical User Interface) para describir estas interfaces gráficas, y se destaca su importancia en la vida cotidiana, ya que están presentes en computadoras, dispositivos móviles, relojes digitales, televisores y videojuegos.
🌟 El Futuro del Diseño de Interfaces de Usuario
El último párrafo reflexiona sobre el impacto del diseño de interfaces de usuario en el futuro. Se destaca el papel del diseñador en hacer que las interfaces hagan la vida más fácil y amable para las personas, permitiéndoles realizar tareas sin complicaciones. Se sugiere que el objetivo del diseñador es no solo hacer el mundo más amable, sino también más bello. Se concluye con una perspectiva motivadora sobre la importancia y el potencial del trabajo en diseño de interfaces de usuario.
Mindmap
Keywords
💡Diseño UI
💡Interfaz de usuario
💡Gráfico UI
💡Lenguaje de máquina
💡Interacción usuario-sistema
💡Interfaz gráfica
💡Sistema digital
💡Experiencia de usuario
💡Smart TV
💡Diseñador de interfaces
Highlights
El diseño se define como una forma de comunicación entre el usuario y el sistema digital.
La interfaz de usuario es un medio que permite a una persona comunicarse con un sistema digital.
Una interfaz es un dispositivo que transforma señales de un aparato en señales comprensibles para otro.
El usuario es alguien que interactúa con un servicio o sistema.
Interfaces gráficas de usuario (GUI) son una forma de abstraer código a través de elementos visuales.
Las interfaces gráficas facilitan la interacción con sistemas informáticos sin necesidad de conocer lenguaje de máquina.
El propósito de la interfaz gráfica de usuario es simplificar las acciones del usuario y traducirlas al lenguaje de la máquina.
Interfaces gráficas de usuario están presentes en aplicaciones, sitios web, dispositivos móviles y muchos otros lugares.
El diseño de interfaces gráficas de usuario es crucial para mejorar la experiencia del usuario con la tecnología.
El trabajo del diseñador de interfaces de usuario es influir en la creación de un futuro donde las interfaces hagan la vida más fácil.
El objetivo de los diseñadores es hacer que el mundo sea más amable y accesible para las personas a través de la tecnología.
Interfaces gráficas de usuario también están presentes en dispositivos como relojes digitales y televisores inteligentes.
El diseño de interfaces gráficas de usuario es una disciplina que abarca una variedad de dispositivos y sistemas.
El impacto práctico del diseño de interfaces gráficas de usuario es mejorar la interacción diaria con la tecnología.
El futuro del diseño de interfaces gráficas de usuario es prometedor con la integración en más dispositivos y sistemas.
El diseño de interfaces gráficas de usuario es una herramienta para hacer que la vida sea más amable y eficiente.
El diseñador de interfaces gráficas de usuario tiene la responsabilidad de crear experiencias que sean tanto funcionales como agradables.
Transcripts
bien para comenzar el curso de diseño y
white creo que lo más importante es
establecer que es el diseño y white así
que vamos a partir con esta definición
probablemente algunos de ustedes ya
sepan lo que es el diseño igual o tengan
alguna noción pero vamos a explicarlo de
igual manera para que todos tengamos de
aquí en adelante una definición estándar
y entendamos de qué es lo que hablamos
cuando hablamos de diseño web entonces
de dónde viene este concepto del diseño
higüey bueno y hay es una forma de
pronunciar las dos letras
y la letra i en una pronunciación
inglesa porque habitualmente se dice en
inglés porque suena raro decirlo en
español sueña suena raro decir soy un
diseñador uy cierto no nadie quiere ser
un diseñador uy pero por eso suena más
bonito decir soy un diseñador y guay
pero en el fondo de de eso se trata de
las letras y la letra
y de dónde vienen estas dos letras bueno
vienen del concepto y user interface
y qué significa usar interface
interfaz de usuario así que con eso ya
tenemos claro lo que significa el diseño
igual y podemos seguir adelante no no es
así porque ahí hay que profundizar un
poquito más y entender bien de qué se
trata este concepto de diseño igual
porque si te digo interfaz de usuario
capaz y entendemos cosas diferentes así
que vamos a profundizar un poquito más
partamos definiendo qué es una interfaz
bueno una interfaz es un dispositivo
capaz de transformar las señales
generadas por un aparato en señales
comprensibles por otro aparato son un
poco abstracto pero no lo es tanto si
observamos un ejemplo veamos por ejemplo
una interfaz de audio que es lo que hace
una interfaz de audio captura las
señales electromagnéticas creo que son
electromagnéticas que envía un micrófono
o las señales electromagnéticas que
envía una guitarra por ejemplo o las
señales en el formato que sea pero una
interfaz de audio toma estas señales las
procesa y te las devuelve como señales
digitales a través del cable usb de tal
forma que tu computadora
leer estas señales y trabajar con ellas
bien eso es lo que hace una interfaz
toma señales toma contenido que viene de
una forma lo agarra lo convierte en una
señal de otra de un tipo distinto para
que otro contexto lo pueda entender
entonces es un dispositivo en el fondo
que permite que dos entes que por sí
solo no pueden comunicarse esta interfaz
permite que estos elementos puedan
finalmente comunicarse o transferencia
información bien se entiende lo que es
una interfaz veamos ahora qué es un
usuario pareciera ridículo pero tenemos
que hacer esta definición que es un
usuario alguien que usa habitualmente un
servicio entonces
por ejemplo podemos mencionar a una
persona que hace uso del servicio del
transporte público bien el transporte
público está ahí funcionando y las
personas que se suben con tanto estilo
como la persona que sale aquí en la foto
esa persona es una usuaria del servicio
de transporte entonces en este contexto
en el contexto de este curso estamos
hablando acerca de diseño de digital de
interfaces por lo tanto tenemos que
tomar estos dos conceptos el concepto de
interfaz que ya vimos que es algo que
permite que dos elementos se comuniquen
entre sí y lo que es un usuario y vamos
a llegar a una definición que más o
menos sería lo que tenemos escrito acá
que una interfaz de usuario es un medio
que permite a una persona comunicarse
con un sistema digital ya sea para
recibir información e ingresar
información y darle instrucciones a este
sistema es decir tenemos un sistema
digital tenemos un sistema informático
que funciona en base
funciona a partir de bases de datos de
servidores de procesamiento de procesos
de almacenamiento todo eso es lo que hay
por debajo todo eso es un sistema
informático un sistema digital y tenemos
a una persona que quiere hacer uso de la
información que está dentro de este
sistema una interfaz es
[Música]
un dispositivo que va a permitir que
esta persona se comunique con este
sistema ya sea para recibir información
que este sistema le puede entregar e
ingresar información a este sistema o
darle ciertas instrucciones al sistema
ahora esto se puede hacer sin
necesariamente tener un diseño
particular y es lo que bien gráfica
paulo stanley en este cómics porque
sobre todo en el año 2000 muchos de
nosotros vimos bastante bastante
en el imaginario colectivo esta idea de
la pantalla negra con el texto verde que
lo que muchos desarrollo los
desarrolladores hacen hoy en día que es
de escribir en el terminal entonces que
se escribir en el terminal que es esta
pantalla de solo código simplemente
escribir en lenguaje de máquina darle
instrucciones a la máquina obtener
información de la máquina o del sistema
pero la mayoría de la gente no habla
este lenguaje del sistema no habla este
lenguaje de máquinas por lo tanto ahí es
donde nosotros los diseñadores
comenzamos a tener ingerencia porque lo
que nosotros hacemos es tomar esto mismo
que se hace a través de código y
convertirlo en algo amable en algo que
la gente pueda entender por lo tanto en
vez de escribir en vez de que por
ejemplo para subir una fotografía para
adjuntar una fotografía a un email una
persona tendría que escribir ciertas
variables algunas funciones
y una serie de líneas de código que
hagan que esto tiene un archivo se
adjunte al correo electrónico pero
nosotros los diseñadores pensamos desde
el punto de vista del usuario que sería
más fácil y lo que hacemos es poner un
botón que diga adjuntar archivos
entonces la persona hace clic en el
botón de adjuntar archivos se abre una
ventana seleccione el archivo y el
archivo está adjunto eso es una una
versión para personas que no saben
escribir código por eso vamos a agregar
una letra extra a nuestra nuestro
acrónimo en vez de quedarnos sólo con
higuain vamos a agregar una que al
principio
o sea que ahora vamos a tener una un
acrónimo que es the white o wi o como
quieras pronunciarlo me da lo mismo pero
vamos a tener estas tres letras que en
el fondo todos nosotros deberíamos
utilizar esta esta terminología que es
mucho más apropiada de dónde viene guau
qué guay
uy o como quieras llamarle bueno esto es
el acrónimo para graphic y user
interface que es una versión más acotada
de lo que vamos a aprender dentro de
este curso que es una interfaz de
usuario gráfica que significa que sea
una interfaz gráfica que abstraer todo
aquello que tendríamos necesariamente
que escribir con código lo abstrae a
través de dibujar botones a través de
dibujar cosas que podemos arrastrar y
soltar entonces a través de todos estos
gestos o a través de todos estos
movimientos que un usuario puede hacer
ya sea con el mouse o con su dedo sobre
algún dispositivo
lo que hace esta interfaz gráfica es
hacer que
hacer esta conexión entre el usuario y
la máquina sin que necesariamente el
usuario tenga que aprender el lenguaje
de las máquinas permite que a través de
un lenguaje sencillo a través de
movimientos simples la máquina entienda
lo que podríamos decirle en código en el
fondo una interfaz gráfica de usuario es
una piedra rosetta que lee estas estos
movimientos o estos estas acciones que
un usuario toma en un contexto de una
aplicación lo trabajo lo transforma en
código y se lo devuelve a la máquina
para que procese de cierta forma eso es
una interfaz gráfica de usuario bien y
dónde están las interfaces gráficas de
usuarios están en todos lados
no es no es una frase nueva pero
realmente hoy vivimos en el futuro
entonces las interfaces gráficas usuario
las vamos a encontrar en las
aplicaciones en los sitios web que
visitamos en nuestros computadores de
escritorio en nuestros laptops y en
nuestras en nuestros dispositivos
móviles ya sean en tablets son celulares
entonces vamos a tener interfaces
rodeándonos prácticamente todo el día
pero eso no se queda ahí porque además
tenemos interfaces gráficas en los
relojes porque hoy día ya se están
poniendo muy de moda los relojes
digitales en las televisiones porque en
los televisores porque sobre todo con
las smart tv ya no solamente tu
televisor es una pantalla que transmite
lo que emiten las televisoras sino que
también tienes menús tiene elementos que
te permiten acceder a netflix a youtube
a navegar en internet tienes muchas
cosas entonces también tenemos
interfaces gráficas de usuario en los
televisores tenemos en los videojuegos
los videojuegos básicamente son
interfaces gráficas de usuario en los
automóviles también tenemos el otro día
recuerdo ir en un taxi y el automóvil
tenía una pantalla muy bonita en donde
te mostraba un montón de información de
la canción que estaba escuchando el
conductor de mostrar la información del
gps te mostraba información a la hora de
estacionar la cuenta distancia estás con
el otro vehículo entonces tenemos
interfaces de usuario en todas partes
incluso ahora estoy mirando a una
interfaz de usuario
lapan la cámara con la que estoy
grabando mi rostro me muestra mucha
información y está muy cool porque me ve
me permite ver que también encuadrado
estoy dentro de la toma y además puedo
ver cuántos él hizo que estoy utilizando
cuántas la apertura cuánto es él
cuánta es la exposición etcétera
etcétera así que tenemos interfaces
gráficas por todos lados
y vamos a seguir teniéndolas en muchos
más lugares en el futuro así que el
trabajo que tenemos nosotros como
diseñadores de interfaces de usuario es
muy grande muy potente y a mí me gusta
mirarlo de la siguiente forma tómalo o
déjalo pero a mí me gusta mirarlo de la
siguiente forma de nosotros depende
crear un futuro en donde todas estas
interfaces hagan que la vida de las
personas sean más amables o que sean más
fáciles que les permitan realizar las
tareas que quieren realizar de manera
fácil y sin quedarse sin quedarse
atrapados en entender cómo funcionan los
sistemas sin sin quedarse atrapados en
entender cómo funciona la informática lo
que queremos o nuestro objetivo en
nuestro trabajo como diseñadores de
interfaces es hacer que el mundo sea más
amable con las personas y ya que estamos
en eso si también podemos hacer que sea
más bello genial es un agregado que
viene muy bien así que desde mi punto de
vista el trabajo que tenemos es muy
importante y al mismo tiempo muy
motivador
un mundo que sea más amable para las
personas y además que sea bello
es en esa medición puede que no la
comparta si lo tuyo sea más
estrictamente funcional está bien pero
quería compartir contigo este futuro
bonito que veo para nosotros como
diseñadores bien eso es todo por ahora
nos vemos en la próxima elección soy yo
5.0 / 5 (0 votes)