Chapter 1: Introduction
1.3 Oxidative stress
Para responder a esta pregunta en la edición análoga nos remitimos a formatos establecidos dentro de las diferentes publicaciones impresas. Algunos de estos formatos son libros, revistas, fanzines, boletines, suplementos, coleccionables, periódicos, pasquines, catálogos, entre otros.
En el mundo digital se rebasan estas posibilidades. Pues se pueden crear publicaciones multimedia y esta es una de las principales características de la web. Los textos son móviles, maleables y abiertos, entonces además de adaptar los formatos análogos a la web, surgen unos nuevos como:
Blog- es la contracción de la palabra ‘weblog’ y consiste en un sitio web basado en la idea de bitácora, es decir contenido que se actualiza periódicamente donde se publican artículos, comentarios, opiniones y algunas veces imágenes, videos y vínculos con otras páginas. La mayoría de los blogs usan textos, pero debido a la demanda y posibilidades de publicar con otras herramientas, han nacido blogs enfocados en el arte (artlog), fotografías (photoblog), dibujos (sketchblog), videos (vlog), música (MP3 blog) y archivos de audio (podcasting). También existe el micro-blogging, que usa ‘entradas’ muy cortas.
Revistas virtuales: publicación periódica que tiene contenidos especializados y se le llama virtual porque el contenido está en línea, pero la mayoría es en esencia la misma publicación impresa con un programa que permite pasar las páginas. Sin embargo, hay revistas virtuales que incluyen contenido multimedia y posibilidades de interacción.
62 Periódicos virtuales: Publicación periódica que trata temas de actualidad y coyuntura, también tiene contenido multimedia y propicia la interacción de los usuarios. Su objetivo es difundir información como noticias, recomendaciones, etc. Está dirigido a diferentes tipos de audiencia. Algunos ejemplos son: las páginas de noticias BBC.com, caracoltv.com.
Libros electrónicos: Los libros electrónicos pueden definirse como sistemas de información capaces de poner a disposición de sus usuarios una serie de páginas, conceptualmente organizadas del mismo modo que los de un libro de papel, con las que además poder interactuar. (Baker, citado en Díaz, Catenazzi y Aedo, 1996, p. 104).
Páginas comerciales: son aquellas cuyo objetivo es vender y dar a conocer uno o varios productos propios o ajenos. Algunos ejemplos son: Amazon, Mercado Libre, Ebay, entre otros.
Página personal: tiene la finalidad de dar a conocer el trabajo, o el portafolio de servicios de una persona o grupo de personas. Podríamos definirlo como una hoja de vida virtual. Ejemplos: páginas de diseñadores, colectivos de artistas, músicos etc.
Página corporativa o institucional: Difunde la misión, visión, objetivos, bienes y servicios que ofrece una empresa o institución. Algunos ejemplos son, páginas de universidades, bancos, Entidades Promotoras de Salud etc.
Por último, están las redes sociales virtuales y consideramos que Facebook es un editor que
brinda la plataforma tecnológica para propiciar ciertas conversaciones y de esta manera permitir el intercambio de contenidos específicos.
63 Cabe añadir que los formatos en la web no son estáticos, ni taxativos, pues en todo momento se entrecruzan y redefinen. Puede haber contenidos que se adapten y necesiten más de un formato.
Como los formatos se entrecruzan y mezclan, surgen sitios web que tienen el mismo propósito, es así como existe la competencia, que no es otra cosa que responder a las preguntas: ¿Hay algún tipo de publicación similar en el mercado? ¿Hay alguna otra publicación con formato y propósito afín?
En el caso de Facebook la competencia son todas las demás redes sociales virtuales como Myspace, Hi5, Sonico, Twitter (que combina el micro-blogging con las redes sociales), LinkedIn, Orkut, entre otras. Sin embargo, y como hablamos de imbricaciones la
competencia también depende del perfil de usuario, pero según el propósito ‘principal’ que enuncia Facebook está compitiendo con las otras RSV.
3.3.1.3 Público:
Este parámetro responde la pregunta ¿hacia qué tipo de población va dirigido mi publicación? Facebook nació en la Universidad de Harvard en EE.UU., y principalmente
iba dirigido a los estudiantes de pregrado de la Universidad, pero gracias a las nuevas características del sitio, en las que se incluyen menos requisitos para el ingreso, tuvo una expansión y ahora él público es indefinible.
Como ya se dijo, y según las estadísticas publicadas en el sitio, más de las dos terceras partes de los usuarios no son estudiantes, y el grupo de mayor crecimiento son los mayores
64 de 35 años, contrario al público objetivo en un inicio que fueron los estudiantes universitarios. Sin embargo, a todos los individuos se les impone socialmente ser juveniles y estar a la moda, siguiendo el goce privado y personal. Es por esto que consideramos que estos grupos de personas son las de mayor crecimiento, pues ya no importa la edad física, ni estatus social, sino el que siga un estilo de vida juvenil y hedonista.
Si hablamos del editor de impresos, él debe tener un público completamente definido, debe conocer su edad, formación académica, intereses, sexo, ubicación geográfica, capacidad adquisitiva etc. Para que su publicación sea exitosa y logre difundirse efectivamente. En general en las publicaciones on-line es más difícil conocer qué tipo de público accede a la publicación, porque está al alcance de cualquiera. En el caso de Facebook, para acceder y
publicar contenido el sujeto se muestra como público, es decir da sus características de usuario para ingresar a los diferentes contenidos.
Según los encargados de mercadeo se debe saber sobre el público ¿cuál es la edad promedio de la audiencia? ¿El género de la mayoría de visitantes? Nivel educativo. Aspectos de cultura y religión que puedan afectar a la audiencia (esto afecta percepción en el uso de colores, imágenes y símbolos). Necesidades de la audiencia (accesibilidad, si tienen deficiencias visuales, auditivas o fisiológicas). Habilidad técnica de los usuarios (qué tanto se puede jugar con el diseño de la interfaz). Con qué tipos de sitios están familiarizados los usuarios (si por ejemplo están familiarizados con páginas comerciales, sabrán que significa el ícono ‘carrito de compra’).
Lo anterior implica que los contenidos pueden llegar con efectividad a quienes están interesados en consumirlos. Para el editor esto significa que, si bien es cierto debe delimitar las características de su público, no debe restringir la publicación en acceso, pues van a ser los usuarios por medio de la interacción con el contenido, quienes van a ir moldeando o
65 guiando los temas y el tono de la conversación dentro de los parámetros que dispone el editor.
3.3.1.4 Diseño:
Este parámetro se refiere a la forma en la que van a ser presentados los contenidos y debido a nuestra sociedad inmersa en el mundo de la imagen, el cómo se hace es indispensable y fundamental en cualquier publicación.
El diseñador y el editor deben hacer un excelente trabajo de navegabilidad y usabilidad, para que sea tan intuitivo el recorrido del usuario, que se despreocupe sobre cómo usarlo, para centrar toda su atención en el contenido.
El término usabilidad es la base del diseño Web contemporáneo y responde a la pregunta ¿qué debo tener en cuenta para que el sitio sea fácil de usar? es un atributo que mide qué tan sencillo es usar la página. Diseñar una página se convierte en un acto que se centra en los usuarios, la gente que lo usa determina la evolución del mismo, y por eso se habla del ‘diseño de la experiencia del usuario’.
La experiencia de usuario es el conjunto de factores que intervienen en la interacción del usuario permitiendo la generación de una percepción positiva de dicho servicio, producto o dispositivo, por la disposición – en este caso – de un entorno virtual. Cabe añadir que, la experiencia de usuario no sólo depende del diseño, sino de aspectos relativos a las emociones y sentimientos que transmite la página Web.
66 De hecho en las directrices de publicidad del sitio dicen que “la base de la marca Facebook
es la experiencia del usuario, y la apariencia de nuestros productos, funcionalidad, personalidad y utilidad deben reforzar esa experiencia.”19 La idea principal es hacer llegar a los usuarios mensajes adaptados a sus intereses o necesidades.
Según el experto en usabilidad Jakob Nielsen20 los usuarios vuelven a los sitios web por cuatro razones: contenidos de gran calidad, actualización frecuente, mínimo tiempo de descarga y facilidad de uso. Además de que el contenido sea relevante para las necesidades de los usuarios, y tenga una cultura corporativa centrada en redes.
El experto en diseño y uso de la web Steve Krug dice que la regla principal en la usabilidad es ‘no me hagas pensar’. Esto quiere decir que cuando se mire un sitio web exitoso debe ser obvio, claro, evidente y fácil de entender.
Por otro lado, el tiempo para aprender debe ser mínimo. El usuario no averigua cómo funciona el sitio, pues no es seguir un manual de instrucciones, simplemente se lanza a usarlo, por esto los componentes del diseño deben tener constancia y el visitante debe encontrar la información que busca lo más rápido posible.
El diseño Web no es una ciencia exacta porque se sabe muy poco de cómo se desarrollará y se sabe aún menos de la evolución del comportamiento humano y la cultura. (Nielsen, 2000)
19 Directrices de publicidad en Facebook (2009) [en línea], disponible en:
http://www.facebook.com/lexicon/new/?topic=dancing&topic_2=--none--
&map_normalize=0&maps=&country=GB#/ad_guidelines.php, recuperado: 27 de julio de 2009.
20 Jakob Nielsen especialista en usabilidad web y director del Nielsen Norman Group fue ingeniero de Sun
Microsystems. Es autor de más de ocho libros y 75 artículos sobre la ingeniería de la usabilidad, diseño de interfaz de usuario e hipertexto. Tiene 45 patentes sobre como agilizar el uso de Internet.
67 Por supuesto este trabajo no es de diseño web, por lo que no se explicará cada paso, sino la descripción de los factores (sin ningún orden específico) que consideramos relevantes en el diseño de un buen sitio como el uso del color, la disposición en el espacio, navegabilidad, tipografía, uso de las imágenes, convenciones y página principal (Inicio y perfil).
- Colores:
El color predominante en Facebook es el azul, sobre fondo blanco. Según un estudio
realizado por Eva Heler, profesora de teoría de la comunicación y psicología de los colores, en el libro ‘Psicología del color’, el azul es el color que cuenta con más adeptos, pues es el preferido por el 46 por ciento de los hombres y el 44 por ciento de las mujeres, y menos del 3 por ciento nombran el azul como el color que menos les gusta. El azul es el color más nombrado en relación con la simpatía, la armonía, la amistad y la confianza, sentimientos que se basan en la reciprocidad.
Lo práctico, lo técnico y lo funcional, son los adjetivos más utilizados para referirse a este color. Por otro lado hay una creencia generalizada en que los hombres se identifican más en la escala del azul. Fisiológicamente el ojo humano posee menos receptores para las longitudes de onda azules, por lo que el texto en azul es más difícil de leer. Sin embargo, los usuarios están acostumbrados al azul como color de vinculación, o de los hipervínculos. (Nielsen, 2000)
Suponemos que la marcada tendencia de aceptación por el azul infiere en la decisión editorial de Facebook, en hacerlo el color predominante. También creemos que el uso de la
68
Convenciones:
Según la RAE las convenciones son normas o prácticas admitidas tácitamente, que responden a la costumbre. Por ejemplo, desde pequeños se aprende que una frase con grandes letras en un periódico es lo más importante, el titular. En Facebook hay
convenciones gráficas y escritas. Por ejemplo, la página principal se llama ‘Inicio’ (Home) y esta es una regla para cualquier sitio. Como afirma Steve Krug, todas las convenciones nacen de una idea brillante que funciona muy bien y otros sitios terminan adoptándola, por eso ya no necesitan explicación, como en una página comercial el ícono del ‘carrito de compra’.
Debido a que las convenciones ya implican un tiempo de aprendizaje, es recomendable usar las que ya se conocen, en vez de ‘reinventar la rueda’. En Facebook las convenciones están
explicadas con texto, a algunas les aparece un letrero cuando se pasa el mouse encima del ícono (rollover).
La explicación nos la da el escritor David Crystal cuando habla de la iconización que hace referencia a que los ‘emoticones’ surgieron como una manera de evitar las ambigüedades y malentendidos que se producen cuando se obliga al lenguaje escrito a asumir la carga del hablado. (Crystal, 2005)
69 Los íconos básicos de Facebook son estos:
- Navegación
Este parámetro se refiere a la ubicación del usuario dentro del sitio, que le permite hacer diferentes recorridos. La navegación responde a las preguntas ¿dónde estoy? ¿Dónde he estado y a dónde puedo ir?
Estos son algunos de los pasos más importantes para diseñar una página con buena navegabilidad y Facebook los cumple.
70
Identificador del sitio
La mejor manera de ubicar al visitante es creando una jerarquía visual y esto se logra cuando el aspecto de los objetos visuales representan de manera clara su relación con los otros objetos, además debe tener en cuenta de qué es el sitio y cuáles son las prioridades. Por ejemplo, lo que es más importante tiene que ser prominente, lo que está relacionado lógicamente se puede poner bajo el mismo título y todo lo que está relacionado puede ir dentro de un bloque o cuadro.
El primer elemento de navegabilidad y jerarquía visual consiste en poner el logotipo que identifica el sitio en cada página. Este es llamado el identificador del sitio, y en Facebook el
logo efectivamente aparece en la esquina superior izquierda (la primera parte que se lee) en todas la páginas.
Navegación principal
Son las secciones y subsecciones y van en el segundo nivel de jerarquía del sitio. Son los vínculos a las páginas principales. Las subsecciones en Facebook se muestran en un menú
desplegable. Además hay un menú de navegación principal en la parte inferior de la página.
71
Navegación local
Son los menús dentro de cada sección y permiten la navegación en esa página específica. El siguiente menú solo se encuentra en la sección o página ‘Amigos’ y dirige la navegación específica de esta página.
Navegación local en la sección ‘Fotos’:
Navegación local ‘Perfil’
Búsqueda
Debido a la cantidad de información, y el gran número de personas que prefiere hacer su investigación, es primordial tener un buscador. Este, según Steve Krug, debe tener un cuadro para poner los términos a buscar, un botón, y la palabra ‘buscar’. Facebook tiene un
72 buscador en la navegación principal (que aparece todo el tiempo) y otro en navegación local (aparece en cada página o sección).
Buscador navegación principal:
Buscador sección ‘Amigos’
Buscador sección ‘Grupos’
Buscador del ‘Buzón de entrada’
Hay otra herramienta útil para la navegabilidad y son las etiquetas que indican en qué lugar se encuentra el usuario. Estas separan las secciones, son claras y fáciles de entender, pues no se pierden de vista. Tienen que tener un contraste de color para lograr la ilusión visual en la que esa sección ‘pase’ a la parte delantera y desde el principio debe haber una seleccionada (sombreada) para que haya impacto.
73 Primera página
Es la parte más importante de cualquier sitio web, pues tiene que atraer a cualquiera que lo visite, sin importar sus distintos intereses.
Facebook tiene una página de entrada y bienvenida al sitio, donde el usuario debe poner sus
74 En esta página se encuentra:
Logo o identificador del sitio Navegación principal y local
Actualizaciones de usuarios (¿Qué han hecho y qué están pensando? Notas con videos, hipervínculos, fotos, comentarios, actividad dentro del sitio, etc.)
Destacados (sugerencias)
Actualización de estado propia (¿Qué estoy pensando?) Publicidad
75
- Disposición en el espacio (retícula)
Muestra qué lugar y cuánto espacio ocupa cada una de los elementos de la página. Corresponde a la jerarquía que da Facebook proponiendo un recorrido, que puede variar
dependiendo de la navegación que escoja el usuario
Lo primero que se observa es la división en tres columnas, la central, llamada ‘Boletín de noticias’ ocupa un 50 por ciento del espacio. La lateral izquierda, donde se ubica el menú local ocupa un 20 por ciento y la lateral derecha que contiene, solicitudes, sugerencias , publicidad y destacados, el otro treinta por ciento restante.
76 Es en esta primera página donde Facebook hace evidente el propósito principal de la
publicación que es crear y mantener las relaciones con los contactos, dando prioridad a las actualizaciones de los demás y dejando en un lugar discreto a las propias.
La tipografía de Facebook es ‘ ’. Una fuente tipográfica de palo seco o sans serif de
Microsoft y creada por el diseñador tipográfico Matthew Carter, que la concibió para ser leída en la pantalla del computador, principalmente para pequeñas cajas de texto21.
Facebook precisamente usa esta fuente para que sea legible la gran cantidad de texto que
soporta el sitio.
Urban Fonts. The history of the Font (2006) [en línea], disponible en:
http://74.125.113.132/search?q=cache:kDmyjwFP54QJ:www.urbanfonts.com/blog/six-typefaces-designed- by-matthew-carter/+Tahoma.+Matthew+Carter&cd=1&hl=es&ct=clnk&gl=co, recuperado: 27 de julio de 2009.
77 También, la publicación se asegura de cumplir con la disposición en el espacio limitando el número de caracteres con espacios en cualquier texto escrito por los usuarios, de esta manera la interacción con la página y con los otros visitantes está organizada por el diseño, que no se pueden evadir.
Número de caracteres con espacios permitidos en: Estado (¿Qué estás pensando?): 420 caracteres. Comentario en un grupo: 1000 caracteres. Comentario en una foto: 1000 caracteres. Comentario en el ‘muro’: 1000 caracteres. Comentario en el chat: 1020 caracteres.
Pie de foto álbum personal: más de 64.000 caracteres.
Al final, y para estar seguros de la usabilidad del sitio, se deben realizar pruebas con usuarios reales, pues una vez que el diseñador lleva unas semanas trabajando en el sitio, ya no puede verlo de forma objetiva y la única manera de comprobar si realmente funciona es probándolo, de esta manera se pueden hacer mejoras e identificar errores antes de que la página sea lanzada.