alexiamariaca

[alexiamariaca]

PROCESOS DE COMUNICACIÓN

QUE ES: Es un intercambio de información entre un emisor y un receptor, utilizando un medio o canal para transmitir un mensaje que debe ser interpretado ya sea de forma directa o indirecta. Incluye elementos como el lenguaje o codigo en el que se podria interpretar el mensaje, que aseguran que el mensaje sea comprendido de formas alternativas.

LA COMUNICACIÓN EN LOS VIDEOJUEGOS

El proceso de comunicación ocurre cuando el juego, como emisor, transmite mensajes a través de mecánicas, narrativa y diseño o comandos explicitos, mientras el jugador, como receptor, interpreta estos mensajes y responde mediante acciones en el juego. Este intercambio fluye a través de canales como la pantalla y los controles, utilizando un código común como reglas o símbolos, y se completa con formas en las que el jugador responde o interactua con respuestas inmediatas, como efectos, recompensas o cambios en el entorno

Procesos de Comunicación en Videojuegos

Los videojuegos son una forma interactiva de comunicación que combina narrativas, estímulos visuales y sonoros, y espacios de interacción social.

Como principio de comunicación, se encuentra la intención o mensaje del juego, es aquel entorno en el que se desarrolla la historia o lore del juego, que como primer atractor, funciona como un enganche hacia aquellas personas que se encuentran interesadas ante ese topico y contexto.

1. La Narrativa: Contar Historias a través del Juego

La narrativa en los videojuegos va más allá de los textos o diálogos, es una experiencia inmersiva donde la historia se comunica mediante el entorno, las acciones del jugador y las decisiones tomadas, es una forma de comunicar algúna historia especifica en la que el juego quiere que el usuario interactue y entienda el hilo por el que fluye la historia.

Las acciones del jugador influyen en cómo se percibe la historia, haciendo que cada jugador sea partícipe de la comunicación narrativa.

Elementos:

Storytelling: Historias generadas por la interacción del jugador con el entorno

Cinemáticas y diálogos: Refuerzan el desarrollo del arco argumental, que te introducen a la historia como si fueras parte de ella.

Interfaces visuales: Indicadores como barras de salud, mapas y tutoriales iniciales actúan como canales de comunicación entre juego y usuario, de una forma manual, que ayuda al usuario a comprender la utilidad de cada comando.

2. Diseño Visual y Sonoro: El Lenguaje no Verbal de los Videojuegos

El diseño audiovisual traduce mensajes abstractos en estímulos perceptibles a los sentidos, que envuelven al jugador hacia una experiencia completa para comprender lo que esta tratando de hacer el juego:

Diseño visual:

Colores y formas guían al jugador. Como los objetos interactivos suelen destacarse con colores brillantes o luces.

Diseño sonoro:

Los efectos de sonido y la música indican peligro, éxito o tensión emocional según el momento o trama de la historia en el juego

3. Comunidades: La Interacción Social en los Videojuegos

Los videojuegos no solo comunican dentro del entorno digital, sino que también conectan a las personas del juego.

Multijugador online: Permite interacción directa entre jugadores mediante chats de voz o texto.

Contenido generado por usuarios: Plataformas como Twitch, YouTube y Discord expanden la comunicación, creando comunidades activas alrededor de los juegos, que forma Comunidades o grupos que comparten conversacion y opiniones según el tipo de contenido afin al ver los gameplays de los juegos de su preferencia.

4. Impacto Emocional: Comunicar Experiencias y Generar Emociones

Los videojuegos se comunican de manera emocional a través de sus mecánicas y narrativas:

Empatía e inmersión: Los videojuegos permiten experimentar dilemas éticos y emocionales, conectando al jugador con los personajes, sus personalidades o lo que deben pasar junto con el jugador, para hacer que conectes y hagas CLICK con la historia, los protagonistas o con el motivo de las interacciones.

El videojuego es un medio de comunicación multifacético que combina narrativa, interacción, dinamicas sensoriales y socialización para transmitir mensajes y experiencias. Cada elemento es un aspecto imoortante que conecta al jugador con el contenido, creando un flujo constante de mensajes entre el usuario, el entorno y otros participantes.

Jugar no solo es mirar una pantalla, tambien puede ser un libro en el que tú eres otro de los personajes.

[alexiamariaca]

La World Wide Web

1. Percepción del espacio digital

 

Podria estar relacionado a un bosque inmenso, en el que existen miles de caminos y senderos que conozco, pero otros que son completamente desconocidos,  y al adentrarme en ellos descubro nuevas cosas. Aunque la web es inmensa, la mayoría de mi tiempo lo paso en áreas muy específicas que me resultan familiares y confortables, o por más extrañas y complejas que parezcan ya se como recorrerlas o conozco como se ven, al igual que la asociación con los arboles.

La conexión que tiene cada arbol con un tema en especifico, que se fundamenta desde las raices de los principios del internet, las raices son fuertes y fundamentales, para sostener y nutrir al albol con firmeza, las ramas con cientos de hojas, son esos adyacentes que determinan nuevos e interminables vinculos.

Habitantes

Ese bosque está habitado por personas que buscan distintas aprender de la naturaleza del bosque, y lo nutren al alimentarlo (cada persona contribuye para el crecimiento de los arboles, simbolos de cada espacio existente en internet), cada persona llega al bosque de Distintos lugares, por lo tanto, tienen culturas, creencias y caracteristicas diferentes, que tambien ayudan a diversificar el lugar y las cosas que la naturaleza puede obtener.

Representaciones Gráficas:

Estructura completa de Naturaleza (raices de información, que alimentan a los arboles, para brindar los frutos disponibles a los usuarios en convivencia).

1.

2.

Sucesos Relevantes

En este bosque ocurren sucesos fuera de lo normal, tales como fuertes ventiscas de desinformación, hackeo o reseteo de plataformas, que arrazan con todas las hojas y frutos de los arboles, obligandolos a crecer de nuevos, como tambien temblores, que facilitan el encontrar información en el sendero(fyp) y tambien lluvia, que alimenta a la naturaleza del lugar con información base, sin contradicción y con fundamentos claros, como el agua.

Preguntas y Respuestas

Con el paso del tiempo, la gente cree que las respuestas a todas las dudas, y el encuentro con la verdad absoluta, incluso de su existencia o de un ser supremo en si, la hallarán en lo más alto y lejano del bosque, la cuestión es cual desición tomará el usuario, si quedarse resguardado por la sombra de loa arboles en el sendero, o decide desviarse y emprender una busqueda de aquellas respuestas que parecen tan lejanas y borrosas a cada persona.

Referencia a un videojuego:

El bosque: Los árboles representan diferentes sitios web, y los caminos entre ellos son como senderos invisibles que te guían a nuevas experiencias.

Los personajes en este bosque son exploradores con diferentes personalidades:

- Cazadores de conocimiento, que van de árbol en árbol buscando información, como si recogieran frutos de sabiduría.

- Escaladores, usuarios sociales, saltando de rama en rama, conectando con diferentes personas, como si estuvieran en una red de conversaciones que nunca para.

- Observadores silenciosos, que caminan sin hacer ruido, explorando y mirando sin dejar huella, consumiendo todo sin ser notados.

En este bosque, los personajes pueden crear sus propios espacios, como construir cabañas o fogatas donde otros se reúnen para compartir historias (contenido). Pero también hay quienes protegen el equilibrio del lugar, como Guardianes que vigilan que todo funcione bien y que nadie rompa las reglas, y preserven la naturaleza y pureza del conocimiento en los arboles.

Cada jugador tiene su manera de moverse por el bosque, y todos juntos forman este mundo dinámico, donde cada conexión entre árboles es un nuevo descubrimiento o conversación.

2. Como lo utilizo

- Suelo emplear redes sociales, como espacios de interacción social, donde mantengo contacto con amigos, contenido de mi interés e incluso oportunidades academicas.

Utilizo Plataformas de noticias, tanto a nivel nacional como tambien en contenido dirigido a distintos ambitos por los que suelo interesarme, entre esos paginas de articulos, vlogs y microposts sobre noticias nacionales, novedades del mercado y las tendencias del marketing, reseñas de arte, peliculas y musica, entre otras

Considero que estas paginas, distribuidas por instagram, facebook, x y google son mi principal fuente de información sobre lo que pasa en el mundo, y como puedo aprender sobre las cosas que pasan en todo el mundo.

- Herramientas de productividad como Google, canva y gemini, entre otros en los que organizo y realizo mis actividades y contenido.

- Entretenimiento, suelo pasar mucho tiempo en youtube, instagram y tiktok, en ellos visualizando todo tipo de contenido que mas allá de poder instruirme sobre muchas cosas, tambien me inspiran.

Estas son mis áreas clave, pero a veces exploro más allá cuando busco aprender algo nuevo o investigar temas específicos.

Relación con el contenido

- Soy principalmente una consumidora de contenido, pero ocasionalmente participo activamente en foros o redes sociales. Me gusta leer artículos y ver videos educativos sobre biologia, manualidades, ilustración y arte. Rara vez publico, pero me gusta compartir y apoyar contenido interesante.

Cuando accedo a la web, si no es para ver el contenido predeterminado que mi cuenta me ofrece, generalmente tengo un propósito claro, buscar información, leer noticias, trabajar en proyectos o relajarme viendo algún video. Sin embargo, a veces me dejo llevar por la curiosidad y acabo en sitios inesperados y nuevos

Sensaciones

Trato de evitar sentirme abrumado por la cantidad de información y uso herramientas ya que es vasta la cantidad de contenido que puedes llegar a ver en solo una hora, por lo tanto, gestionar a que le das tu atención es vital para discernir si esas paginas en las que tanto tiempo se pasa, valen la pena.

[alexiamariaca]

DISEÑO FINAL

METAFORA DE INTERFAZ

"Como una fogata, nuestro radar reúne a las personas, creando un espacio cálido y cercano para compartir y conectar."

CONCLUSIÓN:

La metáfora de la fogata captura la esencia del radar social de manera simple y humana. Al igual que una fogata reúne a las personas alrededor del calor y la luz, nuestra funcionalidad conecta a los usuarios cercanos de manera natural y sin complicaciones. La antorcha con el malvavisco añade un toque de camaradería y disposición a compartir, haciendo que la experiencia de conectar y colaborar sea aún más accesible y agradable. Esta metáfora convierte la tecnología en algo cálido y cercano, transformando las conexiones digitales en interacciones auténticas y significativas. :)

[alexiamariaca]

FORMATOS DEL ICONO

Grados de adaptabilidad

[alexiamariaca]

CONCLUSIÓN

Icono Final

Estructura:

Presenta una composición central, donde una llama, estilizada y abstracta, constituye el elemento más prominente como imagen de sombra o fondo. Dentro de esta, se encuentra una segunda llama en tonos rojos y naranjas, contribuyendo al contraste de la imagen, y dirigiendo el punto focal por asociación de tonos más claros.

En el centro de la composición se posiciona el malvavisco blanco atravesado por un palo, inclinado hacia la derecha. Este malvavisco actúa como el punto focal del diseño. La disposición de los elementos sigue una estructura jerárquica que guía la vista hacia el centro de la composición, desde el recorrido visual de la rama, hacia el malvavisco  que se encuentra centrado en las llamas, y a su vez, en todo el diseño.

Formato:

Utilizamos un formato 16x16, forma cuadrada que facilita su adaptabilidad en plataformas como redes sociales, aplicaciones móviles y productos físicos. La simpleza y claridad de los elementos garantizan su legibilidad en diferentes escalas.

Colorimetría:

En base a los tonos naturales del fuego, jugando con sus contrastes  el esquema de color utilizado es una combinación de tonos que refuerzan el tema central del diseño:

- Rojo (#FF1D00): Utilizado como color de fondo, evoca sensaciones de calor y energía. Este rojo saturado crea un fuerte contraste con los demás elementos del diseño, siendo el elemento que resalta.

- Negro (#000000): El color de la llama más externa, que aporta profundidad y enfoque al diseño, contrastando con el rojo del fondo, trazos del diseño en base a este color.

-Naranja/Rojo (#FF5500): Utilizado en la llama interna, refuerza la representación del fuego y la calidez que transmite el diseño, contribuye al efecto profundidad y punto focal.

-Blanco (#FFFFFF): El color del malvavisco, que se destaca en el centro del diseño, creando un contraste significativo con los tonos más oscuros y brillantes del fondo, siendo el captor de la lúz.

[alexiamariaca]

GRAFICACIÓN DE LA METAFORA

Diseño del Icono

Iconografía: Uso de elementos visuales que evocan sensaciones de calidez, nostalgia y comunidad, una representación simbólica del fuego y el malvavisco, elementos tradicionales asociados con reunión y comunidad en un entorno positivo.

Bocetaje: Inicio de bocetos preliminares, proceso de  exploración sobre diferentes formas y proporciones entre la forma de representar la  llama y el malvavisco. La fase de bocetaje permitió experimentar con la geometría de las llamas y la colocación del malvavisco, buscando un balance visual armonioso. Posteriormente, se optó por la graficación  del diseño utilizando software de ilustración.

BOCETOS

PARAMETROS DE DISEÑO

1. Formas Fundamentales: Basado en formas simples, como círculos, rectángulos, o líneas limpias, facilita su interpretación  y son reconocibles y fácilmente, teniendo como principal herramienta la sobreposición de elementos, generando perspectiva.

2. Versatilidad: La ausencia de sombras o degradados permite que el logo o ícono mantenga su integridad visual en condiciones de impresión en blanco y negro, donde los detalles sutiles como las sombras pueden perderse o distorsionar la imagen. Esto también simplifica su uso al ser reproducible con precisión, con todos sus elementos o solo en su forma base.

3. Grados Iconicos: Un diseño que funciona bien en blanco y negro suele ser un indicativo de que es sólido y claro. Si un logotipo puede comunicar su mensaje sin color, es probable que tenga una estructura fuerte. Esto también permite una mayor flexibilidad en su aplicación, ya que puede ser utilizado en diferentes fondos y superficies, donde los colores no siempre están disponibles.

4. Escalabilidad: Un diseño adaptable debe poder reducirse o ampliarse sin perder legibilidad ni distorsionarse. Los logotipos con detalles excesivos tienden a volverse confusos cuando se reducen, mientras que los diseños más sencillos mantienen su impacto visual en cualquier tamaño.

[alexiamariaca]

PROCESO REPRESENTACIÓN DE LA METAFORA

Descripción:

La fogata representará un "centro de conexión" donde los usuarios cercanos pueden reunirse virtualmente, y los malvaviscos simbolizan el acto de compartir algo especial.

Representación gráfica de idea:

- La fogata será el elemento central de la metáfora, representando al usuario en el centro de la pantalla. Simboliza la posibilidad de conectarse con otras personas.

- El malvavisco muestra la disposición de compartir y crear experiencias conjuntas con otros usuarios, promoviendo la interacción y colaboración.

Aplicabilidad:

Esta metáfora es visualmente atractiva y fácil de entender, ya que transmite ideas de conexión y comunidad. Se diferencia de metáforas más técnicas, como el radar, haciéndola única y memorable.

Representación:

Fogata: Ubicada en el centro de la pantalla, la fogata animada representa al usuario principal y actúa como el punto de enfoque de la interacción.

Malvavisco: Colocada a un lado de la fogata, simboliza la acción de compartir. Es fácilmente visible y reconocible, invitando a interactuar con otros usuarios.

Chispas que avivan la llama: Aparecen alrededor de la fogata representan a los otros usuarios cercanos. Varían en tamaño y movimiento según la proximidad y actividad de esos usuarios, creando un elemento interactivo.

Interacciones como Crecimiento de la Fogata: Cada vez que se envía un mensaje o se realiza alguna acción compartida, la fogata crece y se aviva, representando una interacción más fuerte y significativa.

PUNTOS IMPORTANTES

🔥 La Fogata como elemento central, apareceria en el centro de la pantalla como punto de enfoque para la interacción.

🔥 El malvavisco que estasituado ligeramente por encima y a un lado de la fogata, denota el encuentro de un amigo o persona cercana para compartir.

🔥 Las chispas que aparecen indican que hay personas cerca y puede varias segun la cercania, ademas de incrementar la actividad de la fogata, avivandola.

[alexiamariaca]

METAFORA FINAL

La Fogata en el medio Digital

La calidad de una comunidad

La metáfora de la fogata, un símbolo antiguo de reunión y conexión, se presenta como una poderosa herramienta visual para humanizar estas experiencias digitales en momentos de reunion y calidez humana.

Ofrece una representación más accesible y amigable de la interacción digital. Además, representa un sentido de nostalgia y familiaridad, lo que la hace inmediatamente comprensible para la mayoría de los usuarios, añadiendo su valor emocional, como metáfora visual también se alinea con las tecnologías actuales que facilitan su entendimiento por el calor que genera en los corazones de aquellos que piensan en ello.

UNA REUNIÓN ACOGEDORA

BASE DE LA METAFORA:

La fogata como símbolo de interconectividad

Es un espacio en el que las personas se encuentran, comparten historias y crean lazos sin necesidad de algo más que la proximidad y el deseo de conexión. En este sentido, la fogata simboliza perfectamente cómo funciona un radar social:

Atrae a las personas hacia un centro común de reunión eliminando barreras, al igual que el fuego crea un ambiente donde la interacción fluye sin esfuerzo. Alrededor de una fogata, las conexiones se hacen de forma orgánica, como si el calor y la luz misma invitaran a las personas a acercarse, abrirse y compartir.

LA MAGIA DE UNA FOGATA

Las fogatas tienen un poder psicologico y a la libre persepción de MAGICO ⭐ sobre las personas que se reúnen a su alrededor. El simple acto de sentarse junto al fuego crea un ambiente de intimidad y conexión, donde las barreras sociales se disuelven y las conversaciones fluyen de manera más natural, invitando a la reflexión, la honestidad y a compartir historias que, en otro contexto, podrían quedarse en silencio.

La fogata se convierte en un punto central que no solo ilumina el entorno, sino también las relaciones entre los que participan, creando un sentido de comunidad y pertenencia que va más allá de las palabras. Es un espacio donde las diferencias se desvanecen y donde lo humano, lo simple y lo auténtico toman protagonismo

UN ELEMENTO FUNDAMENTAL, Y SUAVECITO

Los Malvaviscos

Suavizando e intensificando la experiencia

Los malvaviscos juegan un papel clave en hacer de la fogata una experiencia más inmersiva y cercana. Al igual que compartir un malvavisco asado es un acto sencillo pero significativo, en el contexto de reunión social.

suavizan la interacción y la hacen más accesible. No solo se trata de estar junto a otros, sino de representar el hecho de compartir algo, pero no cualquier cosa, sino de tener una excusa para acercarse y disfrutar de la compañía mutua. El malvavisco es un pequeño detalle que convierte la experiencia de la fogata en algo más cálido y memorable, una oportunidad de romper el hielo y generar bonitos recuerdos juntos.

FUNCIONALIDAD FINAL

Estos elementos facilitan una experiencia más agradable y menos intimidante para acercarse a los demás. Así como un malvavisco hace que la experiencia de la fogata sea más dulce, esta funcionalidad añade un toque de suavidad, amabilidad y disposición a compartir, haciendo que los usuarios se sientan más cómodos interactuando y formando conexiones como lo harian en la realidad. 🏕🔥

[alexiamariaca]

PLANTEACIÓN DE METAFORAS

La intención principal de nuestra funcionalidad es expresar la forma en la que una cosa represente nuestro radar social, y asociarlo a un momento real

Detectamos y conectamos ideas que demuestren el como nos podemos relacionar con personas a nuestro alrededor sin necesidad de que sea estrictamente directo. Está diseñado para que las interacciones ocurran de manera espontánea y natural, permitiendo que descubras gente cercana de forma inmediata y sin complicaciones, tal como lo harías al cruzarte con alguien en la vida real, o incluso la forma en la que muchas cosas detectan en su entorno y se relacionan con el.

Herramientas Metaforicas

Para visualizar y entender nuestro concepto, buscamos humanizar este concepto, haciéndolo más cercano y comprensible.

METAFORAS PLANTEADAS

Esta funcionalidad de radar social se puede relacionar con diversas metáforas que apelan a los sentidos y conexiones en la naturaleza:

1. Sentidos del murciélago: Así como los murciélagos usan la ecolocación para moverse y encontrar lo que les rodea, este radar social actúa como un "sexto sentido", permitiendo que descubras a las personas cercanas sin necesidad de verlas o buscarlas activamente. Te guía de forma intuitiva, como si fueras capaz de "sentir" a las personas que están a tu alrededor, aunque sea por una plataforma, y no por geolocalización y ultrasonido.

2. Radar: Este localizador te permite identificar a quienes comparten tu espacio. Sin importar cuán grande o desconocido sea el entorno, el radar es tu herramienta confiable para orientarte en un mar, sabiendo que hay a tu alrededor, manteniendote al tanto, conectándote con los que están cerca.

3. Panal de abejas: En un panal, las abejas trabajan en armonía, conectándose entre sí sin interrupciones. Este radar social crea una red parecida, donde, sin necesidad de cables o conexión, puedes formar parte de una comunidad dinámica, utilizando cada espacio dentro de una comunidad tan cercana como unida. Todo fluye con la misma naturalidad con la que las abejas se comunican para crear algo en conjunto.

4. Fogata: Una fogata es el centro de atención y unión en muchos encuentros. Al igual que la gente se reúne instintivamente alrededor del fuego, este radar social actúa como esa fogata invisible que atrae a las personas hacia ti, creando un espacio de conexión humana auténtica y directa, ademas de ser la mas amigable, asociada a la cercania del calor del fuego, y de las personas que comparten alrededor de ella.

4. Telaraña: La forma en la que las arañas por medio de un proceso natural, forman redes de conexión que nos permiten ver tegidos bellicimos, que a traves de esa conectividad, nos permite conocer mucho mas sobre lo que se atrapa en esa red

CONCLUSIÓN DE LA IDEACIÓN

En cada una de estas metáforas, la funcionalidad del radar social se enfoca en hacer que las interacciones sean inmediatas, naturales y sin barreras tecnológicas, fomentando un entorno en el que las personas se conectan de manera orgánica, igual que en la naturaleza.

Creamos una imagen que haga evidente el cómo un momento te ayuda a conectarte, descubrir y conectar con las personas en tu entorno inmediato, sin obstáculos ni complejidades técnicas

La simpleza de lo que está al frente de ti

[alexiamariaca]

NUESTRA FUNCIONALIDAD

La elección de la funcionalidad nace a partir de una necesidad de Comunicación y Conexión sin limites.

METRO A METRO

La forma tradicional en la que se percibe esto, y ademas tiene una relación instantanea en nuestra mente es un radar o localizador para conectar personas sin necesidad de conexión o barreras.

Como un simbolo de una brujula humana responde a una idea muy sencilla, hacer que las interacciones sociales sean más naturales y espontáneas, como en la vida real.

Nos imaginamos en un lugar lleno de gente, y en lugar de depender de una red social simple y común, tienes una herramienta que detecta a las personas cerca de ti, y la forma en la que podemos asoviar esta idea con la vida real, es a partir de buscar y compartir entre intereses o conexiones.

La meta no es hacer dificil la comprensión de nuestra funcionalidad, y preocuparnos por las barreras de lo convencional.

Nos enfocamos en lo que importa: los momentos reales que están justo a nuestro alrededor

La funcionalidad se diseñó pensando en que las personas deberían poder conectarse de manera inmediata, permitiendo que las relaciones y las oportunidades surjan de manera orgánica y directa

PUNTOS A SEGUIR

1. Conexión cercana: El radar social detecta personas a tu alrededor que comparten intereses o están dentro de tu red, facilitando encuentros.

2. Visibilidad de oportunidades: Actúa como una herramienta que te muestra eventos, reuniones o personas relevantes en tu área cercana.

3. Información en tiempo real: Proporciona actualizaciones inmediatas sobre quién está cerca y qué está ocurriendo a tu alrededor.

4. Navegación social: Funciona como un mapa que te guía hacia posibles conexiones importantes, optimizando el tiempo y las oportunidades.

5. Facilidad de interacción: Permite identificar y acercarte a personas clave o actividades, agilizando el contacto y el inicio de conversaciones.

[alexiamariaca]

PROCESO SE IDEACIÓN

Símbolo de Conectividad en la Era Digital

En la era digital, siempre buscamos formas de entender las cosas no perceptible a simple vista, y transformar la forma en la que interactuamos y nos conectamos, surgiendo la necesidad de crear experiencias más humanas y comprensibles. La conectividad es la que se busca para facilitar la interacción que tenemos con la interfaz, o incluso con las personas en nuestro entorno.

Con mi grupo nos enfrentamos a todo un recorrido creativo que tenia como principal desafío el traducir conceptos complejos en interfaces intuitivas y faciles de captar.

CUAL ES EL PARAMETRO QUE LA SOCIEDAD USA PARA PODER SIMPLIFICAR MECANISMOS AL REDUCIRLOS A EXPERIENCIAS FAMILIARES?

Buscamos la herramienta visual para humanizar estas experiencias digitales que se encuentran en la escencia de la funcionalidad.

La simplicidad de un diseño se enmarca en base a conceptos que podamos entender, e identificar a partir de conceptos o momentos cercanos a nuestras propias experiencias.

NUESTRO PUNTO DE VISTA

La metáfora, cuando intentas explicar algo complicado y, en lugar de usar términos técnicos, lo comparas con algo cotidiano. Tomamos una idea abstracta, un procedimiento complejo al público sin conocimientos especializados sobre la funcionalidad, y lo revestimos con algo tangible y familiar para que sea entendible.

Buscamos una forma creativa de unir dos mundos, uno conocido y otro más difícil de describir, para generar una conexión que produza la idea perfecta para representar la funcionalidad.

[alexiamariaca]

METAFORAS

Avance Investigación

Los murcielago y la ecolocalización

Los murciélagos utilizan un sistema llamado Ecolocalización para navegar y cazar en la oscuridad. Emiten sonidos de alta frecuencia que rebotan en los objetos a su alrededor. Cuando las ondas de sonido regresan a ellos, los murciélagos interpretan el eco para identificar la ubicación, tamaño y forma de los objetos, e incluso el movimiento de sus presas. Este proceso les permite crear una imagen mental de su entorno.

Comparándolo con nuestra aplicación de comunicación por localización, podemos ver algunas similitudes. Las apps de este tipo no dependen de una conexión a internet, sino de la proximidad entre los dispositivos. Al igual que los murciélagos, los dispositivos "emiten" una señal que puede ser detectada por otros en su rango. Ambos sistemas funcionan en base a la emisión y recepción de señales, que les permiten detectar lo que está cerca y reaccionar en consecuencia. Sin embargo, mientras los murciélagos usan el eco del sonido para crear una imagen de su entorno, las aplicaciones suelen usar señales de radiofrecuencia o Bluetooth para detectar la presencia de otros dispositivos cercanos y comunicarse.

[alexiamariaca]

Photoshop:

Software para manipulacion de imagenes

Utiliza mapa de BITS (Grados iconicos)

Pixeles

↳Matriz: elementos/unidades de información ordenados y en patrón

-Uniendo esa informacion (INTERPRETACIÓN) produce un mensaje

Resolución: Puntos de impresión

Illustrator

Vectores: Información generica a traves de Puntos interelacionados interpretados por sistema

Derivado en Dimensión y Escala

(Menor info)

RGB: Color compuesto por luz/Aditivo/Añade grados hacia luz

↳BIT: Profundidad de color/ Pasos para adición info- 8bts (representa colores)

CMYK: Colores/ Sustractivo/ Luminosidad/ Capas/Mezcla de compuestos

Pintura ref.

[alexiamariaca]

DIGITALIZACION DE LA INFORMACIÓN

Interfaz gráfica

Teoría Matemática de la Información (Shannon y Weaver): Definir cómo medir y codificar la información para transmitirla eficientemente, usando conceptos como bits y entropía.

Codificación y transmisión: Transformar información en códigos que viajan a través de impulsos eléctricos, asegurando una comunicación precisa.

Mensajes y comunicación: Los mensajes son el contenido de la información que se transmite desde un emisor a un receptor.

Interfaz Gráfica de Usuario (GUI): Metáforas visuales facilitan la interacción con la información, reemplazando las líneas de comando.

Apple: Primeras interfaces gráficas comerciales que acercaron la tecnología al usuario promedio, reduciendo la curva de aprendizaje.

Intuición y ciencia ficción: Inspiración en la ciencia ficción para crear dispositivos tecnológicos intuitivos, sin curva de aprendizaje.

Microsoft y los intangibles: Microsoft centró su negocio en software, usando iconos figurativos para mejorar la usabilidad.

Paul Rand y diseño gráfico: Crear marcas visuales que acerquen la tecnología al público a través de diseños atractivos y sofisticados.

Objetos cotidianos y aspiraciones: Diseñar tecnología inspirada en objetos familiares para hacerla accesible y deseable. (linea blanca).

ACTUALIZACIÓN DE LA INTERFAZ

+Paul Rand diseñador

NEXT: Marca dirigida figurativo

Acercar a publico objetivo (+caro ×Sofisticación/ volumen, textura, calidad grafica)

Objetos de la familia

90s Hipertexto

Wordwideweb

Mac/os

Caricaturizado, Sobresatuado

Windows 95

Sistema reconocido por industria creativa

Mundo virtual es hermoso

Materialidad

Simulacion realista

Redondeo= Amigable

Representar lo universal

Glassmorfismo: Sobreposición

Figurativo

Squeumorfismo: 3d, estetica pulcra perfecta/ reflejo

ETAPA MOVIL

Tocar la musica

Telefonos tienen MAS

Telefono para trabajar: escribir, internet

Sistemas Touch: lapiz

Valor agregado: Paginas de programación para instalar

SMARTPHONE: Navegador y experiencia internet

Representacion SUBJETIVA:

Funcional only

DISEÑO PLANO: simplificado mejor funcionalidad

No referencias a cosas tan reales en lo digital

Diseño Material: Actual

1. Metafora de escritorio a Material

[alexiamariaca]

La Interfaz

1991: tecnologia

1996: Web a Bolivia

2000: Auge

Metáfora: Lenguaje, figura poética que pasa de 2 contextos diferentes con ideas implicitas y carácteristicas similares

Según Sensación/Persepción-subjetiva/literal

Influye la Carga Cultural

NIVEL DE SIGNIFICACIÓN: Según lenguaje y Significado.

Grados de SIMILITUD

Representar Conceptos

Ilustración: Recursos Metaforicos /Poeticos/Visuales representar ideas POLISEMICAS (+1 interpretación)

"Todo Significa, mas no todo Comunica"

Metáforas de ESCRITORIO

POST DIGITALIZACIÓN

Escritorio ↳ Basurero Papelera Ajustes Lo Botón/Ratón L↳ Time Machine.↳ Pinch TACTIL

↳Home navegación web↳ Breadcrumb rastro