Archivo de la categoría: web

Personalización de interfaces gráficas en las páginas web- Objetivo general y específicos.

Por Gabriel Escobar

 Objetivo general:

Lograr una interfaz personalizada donde se pueda navegar confortablemente por toda su estructura solucionando situaciones en el ámbito personal y visual; teniendo en cuenta los gustos de las personas sobre las tendencias gráficas en la web y por otro lado sus problemas de visión más comunes como el daltonismo, visión borrosa, etc.

Objetivos específicos: 

  • Hacer un estudio sobre la forma de vida de las personas que constantemente manejan páginas web.
  • Tener en cuenta las tendencias gráficas web como son el minimalismo, el laser focus, etc. y como se implementaría en una forma más personalizada.
  • Lograr una personalización de contenidos de acuerdo a problemas de visión más comunes.
  • Analizar cual sería la forma en que una página web sea más personal teniendo en cuenta su funcionalidad.
  • Lograr que una empresa pueda conseguir más clientes con una interfaz web adaptada en el campo de la personalización.
Etiquetado , , ,

Analogía entre el punto en función de una interfaz

Acercamiento al desarrollo de ideas

Acercamiento al desarrollo de ideas

Ubicar el contexto del punto con respecto a la de una interfaz, en el momento de cierre de una ventana

Por: Daniel Del Valle

Etiquetado ,

Community management como oficio o actividad

A lo largo de este recorrido la pregunta siempre ha sido clara: que le aporta un diseñador gráfico al Community management. Pero para hacer esta declaración es necesario entender como se diferencia cualquier otra profesión del diseño gráfico y que aportan estas al mundo del cm.

Un Community manager puede ser cualquier persona que maneje las herramientas y los conocimientos, pero el verdadero valor reposa en que conocimientos extra puede aportar el cm. Por ejemplo en que se diferencia el aporte de un ingeniero de un comunicador, o un publicista y un diseñador gráfico.

Cada profesional es capaz de aportar cierto valor al trabajo como community manager. Un ingeniero es capaz de entender las métricas de análisis y las interfaces mucho mejor que cualquier otra persona, al igual que un publicista puede desarrollar campañas y contenidos con un valor mas publicitarios que los demás. Un comunicador por su lado, puede crear contenidos pensados para el publico y establecer una comunicación cliente maraca mucho mas cercana pero su enfoque en cuanto a la estrategia de marca seria débil. Pero un diseñador puede ser capaz de manejar estos campos en general y aportar a cada uno de ellos.

Un diseñador gráfico puede manejar métricas y entenderlas de forma que pueda sacar conclusiones pensadas en la marca, y no en el flujo. Es decir, si una estrategia o conclusión se saca pensada en la marca, el flujo en las paginas aumenta automáticamente. Una estrategia bien planteada es capaz de crear interacción y generar mayor flujo en las comunidades. Pero si la estrategia se concentra solo en generar flujo, entonces se pierde la esencia de la marca, se pierde el valor en los contenidos, por ende la estrategia fracasa y el flujo no aumenta para beneficio de la marca.

Es necesario hacer estas comparaciones porque a la hora de la verdad un community manager puede ser cualquier persona con conocimiento de marketing y redes sociales. El uso de herramientas para monitorear redes es relativamente fácil de aprender, entonces, cual es la diferencia entre un comunicador, ingeniero, publicista y diseñador a la hora de realizar esta actividad. Si nos enfocamos en la calidad del trabajo, es imposible determinar quien tiene ventaja. Pero si nos enfocamos en la aplicación de conocimientos, tanto el publicista como el diseñador llevan ventaja. Cabe resaltar que aunque las diferencias entre estos dos perfiles son pocas, un diseñador tiene ventaja en la parte de comunicación gráfica a diferencia del publicista, quien se enfoca en la comunicación de un mensaje promocional.

Etiquetado

El usuario es fundamental

Por: Verónica Escobar

En mis dos posts anteriores, me he preocupado por buscar la mejor y más fácil manera de realizar una página Web por diseñadores que no conocen muy bien el HTML y se les dificulta el manejo de éste; pero en ningún momento he mencionado el papel tan importante que juega el usuario y la comodidad que éste debe sentir al entrar a nuestra página Web, al fin y al cabo, diseñamos y construimos cosas para ellos.

 

De acuerdo con la conclusión de mi post anterior, menciono que hay dos tipos de páginas Web, las estáticas que no requieren constantemente de cambios y actualizaciones y las que si, llamadas dinámicas por su regular flujo de información que dura un tiempo relativamente corto. Independientemente del tipo de página Web que se vaya a realizar hay que tener muy en cuenta que estamos trabajando para un usuario que debe sentirse bien y a gusto con lo que va a encontrar en nuestra página Web.

 

“Cada día que pasa millones de nuevas páginas web se añaden a las ya existentes y se muestran en internet para ser visitadas. Su éxito es sin embargo muy dispar. Algunas cubren sus objetivos comuni- cativos recibiendo millones de visitas y otras pasan desapercibidas sin apenas registrar usuarios que se interesen por ellas.” dice Mario Pérez-Montoroen su articulo Arquitectura de la información en entornos Web, esto depende de la información que se tenga en la página, el posicionamiento de ésta en los buscadores, la usabilidad y accesibilidad.

 

La arquitectura de la información es un aspecto realmente importante para tener en cuenta al momento de la creación de la página Web, ya que ésta determina con cuanta facilidad el usuario va a encontrar lo que esta buscando, “si una web no es útil seguramente estará condenada al fracaso comunicativo.” Afirma Pérez Montoreon. La arquitectura de la información cuenta con las siguientes características: “sistemas de organización, de etiquetado, de navegación, de búsqueda y vocabularios o lenguajes documentales” según la Arquitectura de la información en entornos Web.

 

El sistema de navegación es el punto que me parece que mas se adapta al tema que he venido manejando, claro está sin quitarle importancia a las demás características mencionadas anteriormente; el sistema de navegación permite a los usuarios moverse fácilmente por las paginas y secciones que componen la Web; los principales sistemas de navegación son: los sistemas constantes, locales y contextuales. Los sistemas constantes se componen de la barra de navegación horizontal en la parte superior, los sistemas locales tienen la barra de navegación vertical complementando a los constantes y los sistemas contextuales son los hipervínculos que conectan una pagina con otra, complementando la información. Esto es indispensable en cualquier pagina Web, ya que permite al usuario tener una experiencia mucho mas confortable, teniendo por completo el control de ésta y va a navegar de una manera más fácil.

 

En conclusión, no importa que tan fácil o compleja sea la construcción de la pagina Web, lo que importa al final es que sea funcional para el usuario.

 

Cybergrafía:

«Arquitectura de la información en entornos web» de Mario Pérez-Montoro: http://diposit.ub.edu/dspace/bitstream/2445/23507/1/582665.pdf

Etiquetado , ,

Comunicar diseño pensado para el cliente

«La convivencia entre marca y consumidor retroalimenta y empodera a la audiencia a difundir la filosofía de la marca. En una buena interacción, ambos, marca y público, son emisores y receptores del mensaje, por lo que generan una comunicación cíclica que va complementándose; es decir, se muestra un enlace que crea vida y proyecta una marca cercana, efusiva que conversa y no se aísla.»  Humanizando marcas. Jorge Ruiz.

Toda marca maneja un lenguaje para dar a conocer su personalidad a los consumidores. Este lenguaje transmite una sensación que le permite al cliente relacionarse y sentirse identificado con ella, haciendo que la marca se vuelva confiable y creíble.

La comunicación se maneja en las estrategias publicitarias que se encargan de tomar aquellos detalles de la vida cotidiana, interpretarlos y conventirlos en mensajes empáticos. Pero no basta con que las marcas manejen estrategias publicitarias, cada parte de la ellas debe transmitir el mismo mensaje para que el usuario de verdad crea en el mensaje que se esta transmitiendo y es aquí cuando entra la importancia del diseñador gráfico en el manejo de la marca en las redes sociales.

Un community manager debe manejar no solo del conocimiento en mercadeo y publicidad sino que también debe entender la conceptualización de la marca en el mercado y el debe entender la naturaleza de esta. Cada marca maneja ciertos conceptos que ayudan a fortalecer la confianza en el cliente es por esto que un diseñador gráfico es la persona indicada para transmitir el mensaje de la marca por redes sociales.

La creación de contenidos para el internet no debe ser pensado para atraer nuevos clientes sino para fortalecer la comunicación con los actuales. Un diseñador gráfico con el conocimiento esencial sobre la naturaleza de la personalidad de las marcas es capaz de transmitir un mensaje de forma mas eficaz, ya que da a entender de manera directa y concreta al consumidor lo que necesita saber. De esta manera el mundo entiende como una marca piensa, como se desenvuelve y como pone el bienestar y la conexión con su publico objetivo en primera estancia, dando como resultado la atracción de nuevos clientes que buscan los lazos que la marca ofrece.

Etiquetado ,

Dreamweaver: ¿la mejor opción?

Imagen

Por: Verónica Escobar

En mi post anterior “Plataforma óptima para creación de página Web”, mencioné la dificultad para actualizar o modificar una página Web realizada en Dreamweaver, por esto, mi post de esta semana consiste en dejar un poco mas clara mi posición frente al tema.

Para contextualizarnos un poco, Dreamweaver es un programa creado por Macromedia en 1997, adquirido por Adobe en 2006, para la creación, construcción, diseño y edición de sitios Web. Es un excelente herramienta para aquellas personas que conocen mínimamente el manejo básico del código, lo cual es fundamental para el funcionamiento de todas las páginas Web; Dreamweaver permite elaborar excelentes trabajos profesionales de muy buena calidad y brinda libertad en cuanto a la estructura, el diseño y la estética.

Para las personas que no son diestras en el manejo del código HTML, es difícil y tedioso llegar un  buen resultado,  y si logran hacerlo, al momento de hacer una modificación o actualización, se ven obligados a buscar un diseñador con gran conocimiento del código o un programador.

Según  Sara Mompart, “Es imprescindible tener conocimientos avanzados de este programa y HTML para realizar cualquier pequeño cambio, aunque sólo sea en el texto”, lo que quiere decir, que al momento de cambiar algo, se modifica gran parte de la estructura de la página, lo cual nos obliga a reacomodar muchas de las cosas que se tenían resueltas la primera vez que ésta se realizó; por lo tanto si no se tiene un conocimiento previo de HTML, esa simple modificación, se va a convertir en un caos completo.

Teniendo en cuenta lo anterior, puedo concluir que Dreamweaver es un excelente programa para quien quiere realizar una página Web estática, es decir, que no requiere de constantes cambios o modificaciones de información, esto se lograría fácilmente desde el programa cuando se tiene un comocimieto avanzado de HTML. Si lo que se busca es realizar una página Web dinámica, lo mejor es buscar plataformas que tengan formato de blog, en las cuales se puede modificar el diseño, pero ya tienen una estructura básica definida que no se va a cambiar por mas contenido que cambiemos.

Cybergrafía:

http://img.redusers.com/imagenes/ebook/lpcu181/notagratis.pdf

http://lucytez-tecnologiasymuchomas.blogspot.com/2011/10/historia-y-evolucion-de-dreamweaver.html

http://www.saramompart.com/2011/11/web-en-dreamweaver-vs-web-en-wordpress/

Etiquetado , , ,

La metáfora como soporte para las redes sociales

        


         “El lenguaje es el arma más peligrosa,
          que hace que aceptes por ciertas, cosas bastante dudosas”

          El Chojin, en La perversión del lenguaje

Como ya lo han indicado Lakoff y Johnson en “Metáforas de la vida cotidiana”, los sistemas conceptuales definen nuestra realidad, nuestro mundo conocido. Sin embargo cuando entramos a un nuevo mundo, digamos una red social, a pesar de las impresiones que podamos tener y las ideas preconcebidas, nos enfrentamos a él practicamente con la mente en blanco, y terminamos por recibir los sistemas metáforicos que lo soportan para poder construir nuestros propios paradigmas y visión de dicho mundo.

Cuando hablamos de “dicho mundo”, para referirnos a las redes sociales, cada una como un mundo independiente, decimos que cada una es una construccción social. Un aparato que se mantiene a través de la voluntad de las personas que acuerdan comportarse de manera determinada y seguir ciertas convenciones y que se materializa cuando se legitiman.

La legitimación de las convenciones hechas entre los participantes, sucede en cuatro niveles de acuerdo con la teoría de Berger y Luckman en “Construcción social de la realidad” y sucede a fin de que podamos conformar la realidad social objetiva y por ende, los aparatos que la hacen posible.

Dichos niveles son:
1) Nivel Preteórico:Afirmaciones referentes a la manera de hacer las cosas
2) Nivel Teórico: Proverbios y máximas morales, son los juicios sobre la manera de hacer las cosas
3) Nivel Explícito: Conocimiento especializado perteneciente a las diferentes instituciones
4) Nivel Universal Simbólico: Significados objetivados socialmente, pero subjetivamente reales.

En el cuarto nivel es donde se estructura el lenguaje, donde se crean los símbolos y finalmente los sistemas conceptuales, que sustentan las lineas de pensamiento y justifican la comprensión sobre las acciones. Aquí es donde se formalizan las estructuras metafóricas y los sistemas de valor, la razón de ser de cada construccción social, el soporte que le da sentido. Y así mismo sucede con las redes sociales Twitter y Facebook, cada una tiene un sistema metafórico que le da forma y permite verla, vivirla y comentarla de manera consecuente.

En su extensión, Facebook ha conseguido ser una simulación del mundo natural, la extrapolación de la vida de una persona y sus relaciones interpersonales al ámbito virtual, y por eso no necesita una única metáfora muy fuerte, sino que se apoya en los conceptos y en la experiencia de ese mundo natural que cada quien ha recogido, para funcionar de manera acorde y conseguir un entendimiento del entorno generalmente similar para todos, a pesar de que hay lugar para la interpretación personal respecto a algunas dinámicas, pues éstas se institucionalizan de manera tácita.

En un inicio Facebook tenía una razón de ser bastante clara, “Facebook es un anuario”, la idea era hacer las veces de un anuario universitario que se mantendría actualizado, para conservar los contactos y mantener la cercanía y los circulos sociales entre universitarios. Sin embargo al usar la red social, se puede notar, que facilita las interacciones interpersonales de manera que cumplen perfectamente con la metafora “Facebook es un bar”aunque ocurre de manera involuntaria y como resultado de la experiencia del usuario. Esto implica que Facebook se convierte en un lugar público, donde es posible intimar con un amigo, conocer personas nuevas, hacer parte de conversaciones grupales, hablar solo en la barra, o sentarse a mirar lo que sucede. Dinámicas escogidas, más que aceptadas, por los usuarios como resultado de la intersubjetividad de la plataforma, que ofrece un espacio, con ciertas limitantes visuales y recomendaciones conductuales (como el ¿qué estas pensando? Que induce a la publicación de comentarios “al aire” o “en la barra”).

Así es como gráficamente se conduce al usuario a actuar y reaccionar de determinada manera, que por ejemplo, termina por abrazar el signo del pulgar arriba para “me gusta”, con la misma connotación que la del pulgar arriba en el mundo real, que de manera amistosa puede finalizar una conversación con un signo de aprobación; Por eso causa extrañeza, cuando una persona dice “me gusta” en su propia publicación, porque si estuviéramos en el mundo real, posiblemente nadie, en el ningún rincón del planeta, se levanta los pulgares a si mismo, y mucho menos cuando hay más personas involucradas.

Actualmente (la multinacional),busca introducir la metáfora: “Facebook es tu cara al mundo” que busca cumplir todavía más con esa intención de ser la extrapolación de la vida de cada uno al ciberespacio, en la medida que con la nueva herramienta que se está implementando, la Biografía, se permite navegar en la linea de tiempo de los usuarios con mucha facilidad. Por ahora esta medida, es una planeación para que en el futuro, los nuevos miembros, tengan desde la fecha de su nacimiento, un registro visual y tangible de su vida. Por ahora a pesar de la posibilidad de la herramienta para ir atrás en el tiempo más allá de la creación de Facebook, es muy poco el contenido disponible a causa de la ardua tarea que sería para cada quien reconstruir su vida en este mundo virtual. Sin embargo, la tarea llevada poco a poco, con el simple uso diario de facebook, y de habitar ese ciberespacio con todas las aplicaciones y su alcance, es lo que se quiere convertir en la “cara frente al mundo”.

A diferencia de Facebook que aplica las normas sociales del mundo natural a una realidad virtual, Twitter ofrece un viaje a otro mundo más retorcido, en el que se cambian las normas de manera drástica y se alcanza a distorsionar la realidad a favor de las convenciones que aplican dentro de este aparato social.

En twitter, “las personas son canarios”

Esta metáfora es en la que basa toda la experiencia que gira al rededor de Twitter, es la que cambia el orden de las cosas y exige que se hagan ajustes. Ello implica que las personas “trinan” o “Tweet” o “tuitean” en vez de hablar, y con ello su discurso, su textualidad y su representacion visual cambia de manera que se incluyen nuevos significados a antiguos caracteres: @ para referirse a un usuario; # para referirse a un tema; RT para repetir un tweet de otro usuario; TT para referirse a los temas mas “trinados” o “cantados”. Esto se convierte en un lenguaje que solo hablan aquellos en Twitter, un “ciber-dialecto”.

Un tweet puede ser tan sencillo y efímero como el canto de un pajaro, pero del mismo modo pueden agruparse para hacer una “melodía” o un alboroto. Sin embargo el usuario promedio, simplemente hace ruido y “canta” por gusto propio, para todo aquel que quiera escuchar. Aquí se evidencia el plantemiento posmoderno, en el cual es necesario pensar en algún lenguaje, y esa herramienta que se use es la que va a moldear el pensamiento a su imagen.

El éxito de la comunicación de estas metáforas se puede evidenciar a través de como los usuarios participan en la construccción social y encajan y se comportan de la manera esperada. Sin embargo si se analiza Facebook, hará evidente que la plataforma está disponible casi completamente en español, entonces la interacción con la interfaz sucede casi sin problemas, donde el usuario es mayormente conciente de lo que significa o lo que implican sus actos. Sin embargo, Twitter, a pesar de estar también disponible en español, se refiere a los “trinos”, oficialmente en inglés, la misma población se ha encargado de legitimar esta palabra aún sin estar totalmente consciente de su significado.
El éxito de la comunicación en twitter está dado por la representación visual, que crea un entorno en el cual se hace notoria la metáfora para el usuario, donde la foto de perfil predeterminada para los usuarios nuevos es un huevo, como el “canario” que acaba de nacer; el fondo predeterminado para una cuenta recién creada es el cielo, inherentemente ligado a las aves sin importar si se es de procedencia rural o urbana; donde el ícono de inicio es una pajarera; el logosímbolo mismo de Twitter es un pájaro. Todo esto ofrece un robusto soporte a la metáfora envolvente que se ha creado, y asegura la legitimación de los comportamientos de los usuarios, que a pesar de ser de otra cuna idiomática, consiguen entender la realidad de esa construccción de la que hacen parte.

Apoyo bibliográfico

LAKOFF, George y JOHNSON Mark.Metáforas de la vida cotidiana. 1995. [En línea] Disponible en: http://es.scribd.com/doc/32774245/Lakoff-y-Johnson-Metaforas-de-la-vida-cotidiana-Cap-1-a-6

LARA, Tíscar. Tuitéame, hay confianza 2011 [En línea] Disponible en:

LARA, Tíscar. Twitter y sus funciones comunicativas.2011 Revista lenguajes y textos. núm 34.




Ciudades aparentes / experiencias diseñadas

Un motor de búsqueda que cada cinco minutos analiza todos los blogs del mundo de habla inglesa para encontrar la frase “I feel”. Así recibe todo tipo de impulsos emocionales que luego muestra y dispone en una superficie interactiva.

“…en un mundo de relaciones los mapas relacionales no sólo ayudan a entender partes de ese mundo sino que se funden naturalmente con el mundo” (Ortiz: 2004)


Wefeelfine – son impulsos emocionales dispuestos en una superficie interactiva, con un gran reto expresivo porque trabaja con el concepto de los sentimientos. Cada uno de los círculos que aparecen en la pantalla representa un sentimiento, identificado con colores diferentes, de más cálido a más frío. Los cuadrados son imágenes que han sido publicadas en relación con un sentimiento y después de verlas se puede tomar la opción de enviarlas a otra persona. Los círculos tienen movimiento autónomo y los sentimientos que ejemplifican tienden a acercarse al corazón situado en la parte inferior izquierda o a ser asustadizos con respecto al cursor, dependiendo del tipo de sentimiento que representan. Además se pueden buscar sentimientos de todo tipo segmentándolos por criterios que van desde el género, la edad y la localización de quien lo publicó hasta la fecha en la que lo hizo o el clima que lo acompañaba en aquel momento. El hecho que una persona pueda encontrar un impulso emocional a través de este mapa relacional y pueda sentirse identificado o emocionado con su contenido… ¿es un relato del mundo a partir de la exploración de las emociones humanas?





Extracto de la ponencia titulada:

«La web como ciudad de actores y escenarios: estructuras de la referencia»

Diseño+ Cuarto Encuentro Internacional de investigación en Diseño / ICESI / Cali – Colombia 2010