XTI editorial 2.0

Por fin el móvil y la industria editorial se unen. En la web xti.com.es se puede enviar un sms para participar en la edición de libros sobre temas de actualidad. El sms aparecerá publicado en el margen de las páginas acompañando al contenido elaborado por periodistas. Se centran mucho en biografías, pero también en otros temas de interés. Luego los libros se pueden comprar en papel o descargar el ebook. ¡Entrad y echad un vistazo!

La navegación

Aquí vamos a ver las dos mayores diferencia con respecto al diseño del web. La primera es que en un móvil la disposición de la pantalla es vertical y no horizontal como ocurre con el monitor de un ordenador. La otra, su reducido tamaño. Para salvar estas diferencias, vamos a seguir un paradigma muy sencill, que se concreta en poner en la home page, bajo un pequeño marco de contenido un listado con los enlaces.

Para ello, es fundamental insertar en todas las páginas del wap un enlace de escape a la home page. Si un usuario que está visitando una información quiere pasar a otra información saldrá a través de este enlace a la home page y buscará otras informaciones.

También es interesante insertar un vínculo en la parte inferior para subir a la parte superior sin necesidad del frame.

En cuanto al peso de las páginas para mantener una navegación fluida, es importante tener en cuenta no pasar de los 10 Kb de tamaño. Más peso podría ralentizarla. Páginas de alrededor de 25Kb puede tener sentido en algunas situaciones muy determinadas.

Los enlaces

En una web, encontramos dos tipos de enlaces:

1. Los internos: son producto de la estructuración que hemos diseñado. Necesarios para acceder a los distintos aspectos de la información.
2. Los externos: Necesarios para acceder a la información adicional que se encuentra fuera de nuestra página.

Para la wap, vamos a prescindir de los enlaces externos, ya que se requiere una redacción muy específica y estructurada y la mayoría de los webs no reúnen estos requisitos. Además, el número de waps es todavía muy limitado. Pero, cuando esto se generalice, aplicaremos los mismos criterios que en anteriormente hemos indicado para las páginas web.

Lo que está claro es que la mejor forma de digerir una información es la elaborada por un periodista. Y para ello, si la información está bien estructurada serán imprescindibles los enlaces internos, que ponenr en contacto las distintas partes de nuestro trabajo y que permiten al usuario elegir el itinerario de lectura.

Una de las aportaciones más importantes de la Red es el hipertexto. Pero el abuso del hipertexto tiene un efecto contraproducente. Un texto lleno de enlaces produce cierto rechazo entre los usuarios porque rompen el ritmo de lectura y deja la sensación de que si no clickeamos a todos nos estamos perdiendo algo.

Algunos estudios realizados señalan que la mayoría de los usuarios rechaza un texto con muchos enlaces. Pero no por esto vamos a obviar este recurso tan poderoso. Lo que haremos será llevar los enlaces al final del texto, para no entorpecer la velocidad de lectura y además, hacer una selección, dejando sólo aquellos que están muy relacionados con el tema. Si estas directrices son aconsejables para los webs, para las páginas wap, se hacen imprescindible.

Para no confundir al usuario, haremos coincidir el texto del enlace con el título de la página objetivo. Lo ideal es, por supuesto, que el título aparezca en el enlace, de modo que si cambia el título, el enlace también cambie.

Cada dato, cada información debe utilizar etiquetas claras que entienda perfectamente el usuario y que no induzca a la confusión. No hay nada más decepcionante para un usuario que descubrir una información que no necesita.

Dice Jonathan Price y Lisa Price (Texto Vivo, 2003) que el lector aprende al descubrir estructuras. Es raro que un visitante intente averiguar conscientemente la forma en que hemos organizado nuestro sitio. Pero cuando echa una ojeada a un menú, intentando simplemente comprender lo suficiente de la estructura para ser capaz de llevar a cabo sus tareas, da respuesta de forma implícita, como para sí mismo, a ciertas preguntas:

• ¿Por qué están todos estos temas juntos en un mismo menú?
• ¿Qué tienen en común estos temas?
• ¿Podría encajar el tema que estoy buscando en este menú?
• ¿Qué información se encierra bajo este ítem, o este otro?
• ¿En qué se diferencian estos dos temas?
• ¿Por qué están estos dos temas juntos?
• ¿Por qué aparecen los temas en esta secuencia concreta?
• ¿Contiene realmente este menú todo acerca del tema que creo que describe?
• ¿Qué ítem podría contener la información que persigo?

Por lo tanto, deberemos considerar varias estructuras alternativas antes de dar una por definitiva; conviene probar alguna de las tácticas siguientes; o todas:

• Eliminar temas duplicados
• Anotar temas mediante borradores y notas preliminares.
• Añadir un tema que se había perdido o borrar uno innecesario o irrelevante
• Crear un tema nuevo que sirva como elemento de menú que conduce a un grupo de temas secundarios (sí, todo esto debe ir junto, y me parece que este ítem nuevo es un buen nombre para el grupo).
• Disociar un conjunto de temas secundarios (ahora veo que esto no está realmente relacionado, y debería ir repartido entre otros temas)
• Ascender un tema secundario o degradar un tema principal
• Agrupar temas relacionados.
• Secuenciar actividades que se producen una tras otra.
• Extender un rango para incluir ítems que no siguen una secuencia o agrupación naturales.

Las fotografías

Es importante contar con el mayor número de alternativas de elección. Para pantallas tan pequeñas no son aconsejables vistas generales del tema; son preferibles los primeros planos, los detalles, así como los formatos verticales, ya que verticales son las pantallas de los móviles.

Aún así, hemos señalado anteriormente que el uso de imágenes tanto fijas como en movimiento debe estar limitada al mínimo imprescindible porque retardan mucho el tiempo de descarga y puede terminar con la paciencia de cualquier usuario. De cualquier modo, no hay que ser pesimistas y dada la rapidez con la que avanza la tecnología es seguro que a medio plazo, la velocidad de descarga habrá aumentado tanto que ya no tendremos que plantearnos estas cosas e insertaremos tantas fotografías o vídeos como queramos.

Selección y valoración de fotografías

• Conveniencia: El criterio más importante a la hora de elegir una foto es que ésta diga lo que se supone que debe decir. Que enriquezca visualmente la información en lugar de repetir lo que nos dice el texto.
• Impacto: Ha de tener una calidad que despierte en el usuario la curiosidad por contemplarla. Incluso cuando el tema puede considerarse de rutina, como por ejemplo, un accidente de automóvil, una reunión o cualquier otra información más o menos vulgar.
• Calidad: Es mejor prescindir de las fotos demasiado oscuras, demasiado claras o desenfocadas.

Funciones de la imagen fotográfica

• Informativa: La información debe ser la función esencial de la fotografía. Tanto mejor será una foto cuanto menos texto exija para ser explicada.

• Documental: En este sentido podemos distinguir dos aspectos:
  1. La imagen puede ser descriptiva: Es el caso de un buen dibujo, de un gráfico, de un mapa.
  2. Mostrar los detalles de una escena o suceso o del protagonista de un hecho. La imagen constituye, en este caso, una prueba o un medio de autentificación. Por lo general, la fotografía es la prueba fehaciente de que lo que se dice en un texto es auténtico.

• Simbólico: Una fotografía puede convertirse en un símbolo de algo, como la fotografía de un niño africano que representa el hambre.

• Humorística: La imagen tiene también una función de entretenimiento, como son los chistes, las caricaturas o una foto que capta el lado humorístico de algo.

Las variantes tipográficas

• Mayúsculas y minúsculas: Las minúsculas son más fáciles de leer y ocupan menos espacio. Los rasgos ascendentes y descendentes de las minúsculas proporcionan un mayor contraste entre las letras individuales y ayudan notablemente a su reconocimiento y agrupación en palabras y frases.
• Redonda y cursiva: Se debe evitar la composición de grandes masas de texto en cursiva. No obstante, la cursiva es muy útil como elemento de contraste empleada en pequeñas dosiis.
• Fina, seminegra y negra: Las variantes seminegras son, en general, las más adecuadas. La negra mancha demasiado y acaba por cansar, por lo que únicamente podemos utilizarla para destacar una palabra o provocar un constraste estético, como en el caso de los anuncios por palabras.

Otros factores que afectan a la legibilidad:

• Los negativos y las tramas: Negativo es la impresión de un texto blanco sobre fondo negro. Su incidencia es muy negativa en la legibilidad dado que el contraste es excesivo y acaba por cansar al lector en los estudios que se han hecho en texto de papel. La cosa cambia cuando el fondo es una pantalla de ordenador. Los monitores de ordenador, al formar las imágenes con puntos de luz fatigan mucho si el fondo es el blanco, ya que es el color que más luz proyecta sobre los ojos. Las pantallas de móviles, al igual que las de ordenador, también proyectan luz sobre los ojos del usuario, por lo que podríamos decir que no sería malo escribir los textos en blanco sobre fondo negro. Sin embargo, teniendo en cuenta las reducidas dimensiones de la pantalla y la brevedad de los textos, es más aconsejable la escritura de textos negros sobre fondo blanco, por una cuestión estética, de claridad, de limpieza y de percepción de la información. Lo blanco sobre negro da una impresión muy lúgubre.
• Las tramas: Entendemos por trama la sustitución del blanco del fondo de pantalla por otro color de mayor o menor intensidad. Cuanto más oscuro es el color, menos contrasta con la letra y se reduce la legibilidad. Por lo que si decidimos poner un fondo de color al texto, éste debería ser muy tenue. En cuanto a las letras tramadas también disminuyen el contraste con la pantalla y se reduce la legibilidad.
  Por otra parte, conviene dejar al menos un milímetro de separación entre el límite de la pantalla y el inicio del texto o de cualquier otro elemento informativo; es lo que se conoce como espacio reservado. Mucho más tampoco es conveniente porque nos haría perder espacio y estéticamente tampoco ganaríamos mucho. El usuario no está acostumbrado a ver grandes bordes blancos. Igualmente este milímetro de separación, también tendríamos que aplicarlo:
• entre cualquier tipo de cabecera y cualquier material informativo que se localice a continuación.
• entre el último de los elementos y el inicio del texto o elemento gráfico.
• entre fotografías, o cualquier otro elemento gráfico, y texto.•—entre pies de foto y texto.

La tipografía

Entendemos por tipografía el estudio de las diferentes categorías de letras, familias y recursos tipográficos y su incidencia en la legibilidad. Aunque las pantallas de los teléfonos móviles son cada vez de mejor calidad, debemos tener en cuenta que no llega a la calidad del papel, por lo que este handicap debemos valorarlo a la hora de elegir el diseño de los tipos.

Como las pantallas son puntos de luz, huiremos de los tipos con serif porque desvirtúan mucho el diseño de la letra, no aporta nada y contribuye a aumentar la fatiga del usuario.

La tipografía transmite un mensaje formal. Unas letras son más serias que otras, unas transmiten mayor sensación de modernidad que otras. Por supuesto, para el móvil debemos descartar los tipos tradicionales y que dan sensación de conservadurismo, ya que la tecnología móvil está a la vanguardia y los usuarios son personas modernas y adaptadas a los nuevos tiempos.

Además, estos tipos suelen ser los que tienen serif, y que como hemos dicho anteriormente no son aconsejables porque el serif puede ser un inconveniente para legibilidad, ya que son puntos de luz en una pantalla muy pequeña con cuerpos también muy pequeños. La legibilidad es el factor más importante a la hora de elegir la tipografía.

Factores que afectan a la legibilidad tipográfica:

• El diseño del tipo: ¿Son más legibles las familias tipográficas con serif o las familias sin serif? Para grandes cantidades de texto, está demostrado que los tipos con serif ayudan a leer con más velocidad, pero como para la wap nunca vamos a insertar grandes cantidades de texto, y teniendo en cuenta las desventajas señaladas anteriormente, descartamos los tipos con serif.
• El cuerpo de la letra: No por ser más grande el cuerpo, la letra es más legible. El cuerpo elegido debe estar en función de otros factores como la anchura de la columna. Por muy grande que sea la pantalla del móvil para el que diseñamos, siempre vamos a tener que considerarlo como una columna estrecha. Otro factor que debemos tener en cuenta, es que tampoco conviene alargar mucho las páginas. Además, en columnas estrechas, si empleamos cuerpos relativamente altos, nos veremos obligados a hacer particiones de palabras o a dejar numerosos blancos al final de columnas, algo estéticamente feo. Por todo esto, es aconsejables utilizar cuerpos bajos (dependiendo del tipo, siete u ocho puntos o incluso menos), porque el único inconveniente que tienen los cuerpos pequeños es la fatiga que puede producir su lectura y la pereza que despierta. Pero como nunca vamos a incluir grandes cantidades de texto ni veremos la totalidad del texto, por las reducidas dimensiones de la pantalla, no tendremos ese problema.
• Justificación: En cualquier caso, justificaremos las líneas a la izquierda con bandera a la derecha, para evitar espacios en blanco entre palabras.
• La altura x de la letra: Es la altura de los caracteres sin tener en cuenta los rasgos ascendentes ni descendentes. A mayor altura x más legibilidad.
• El interlineado: La distancia que existe entre las líneas de una composición. Para la prensa escrita, se suele aconsejar ahora un punto más de interlineado que de cuerpo de letra. En nuestro caso, no vamos a aplicar este consejo porque perderíamos un espacio importante y alargaríamos la página inútilmente, ya que no necesitamos el desahogo visual que sí necesitan en las páginas de un periódico y que es el motivo por el que lo aplican.

Las infografías

Las infografías, sencillas y que no pesen mucho, son muy interesantes para el móvil. Según un exhaustivo estudio de mercado para Estados Unidos, el lector prefiere color, gráficos, imágenes y lectura mínima, una prueba de ello es el mapa del tiempo, la forma más clara de ver la previsión meteorológica sin recurrir al texto.

Características de una infografía

• Vista: Dibujo esencialmente explícito, en el que todos los elementos reales están puestos exactamente en su sitio, con todo detalle y proporción. A su vez, las vistas pueden subdividirse en:
  a) Plano: Representación gráfica de la superficie de un terreno.
  b) Corte: Vista del interior de un cuerpo. Puede ser longitudinal, transversal o tridimensional.
  c) Perspectiva: Representación de los objetos en tres dimensiones.
  d) Panorama: Vista de un horizonte muy dilatado, como si se estuviera viendo pintado dentro de un cilindro.

• Gráficos explicativos
  a) Causa-efecto: Es el gráfico que explica la causa y el efecto de un hecho determinado. Habitualmente se utiliza para explicar cómo ocurre lo que ocurre.
  b) Retrospectivo: Dibujo en tiempo pretérito porque los hechos ocurrieron en un tiempo específico.
  c) Anticipativo: Anticipándose a la realización de un hecho del que se conocen detalles que inevitablemente ocurrirán.
  d) Paso a paso: Etapas de un proceso, como los fotogramas de una película.
  e) De flujo: Dibujo que descubre las conexiones y los pasos de un proceso o de una serie de procedimientos, como el plano de una fábrica con el proceso de fabricación de un producto determinado.

• Reportaje
  a) Realista: Busca representar los hechos, personas o cosas como los vio el autor.
  b) Simulados. Busca representar los hechos tal y como se imagina el autor que ocurrieron.
  c) Diagramas: Para datos numéricos.
  d) Mapas.

Algunas sugerencias de diseño

La home page

Es aconsejable llenar el cuadro de contenido de la primera página con la información y el elemento más importante recibido en las últimas horas. Este elemento puede ser un titular, un pequeño texto —no hay que olvidar que bajo esta información se encuentra el menú de navegación y no conviene alargar mucho la página—, una imagen o un vídeo.

De esta manera conseguiremos darle al wap una aspecto más dinámico y vivo . Si nos limitáramos a ofrecer en la primera página siempre el menú de navegación daríamos un aspecto aburrido y estático, todo lo contrario a lo que debe ser un medio de comunicación. La actualización de esta primera página debe ser constante. No debería pasar más de una hora si realizar un cambio.

Páginas interiores

No todos los medios de comunicación tienen la misma ordenación de las noticias, pero sí todos ordenan las informaciones de alguna manera. Aunque puedan cambiar el nombre de las secciones, todos los periódicos tienen una finalidad común: Ofrecer al lector, de forma ordenada, la información sobre temas concretos.

Esta ordenación jerarquizada de las secciones debe ir acompañada, por otra parte, de una cierta continuidad. Asimismo, un medio no puede alterar continuamente el orden de las secciones, sin crear el caos y el desconcierto en sus usuarios. No todos los lectores leen todas las informaciones pero sí todos buscan a diario aquella sección e incluso la página donde esperan encontrar la información que desean.

Tampoco debemos olvidar el criterio para la ordenación de los enlaces; los que creemos que van a ser los más visitados, arriba y los menos, abajo. De esta manera, colocaremos en el primer lugar en la lista de noticias de cada sección, la última o la que creemos que más va a interesar a nuestros usuarios y así sucesivamente.

Información de bolsa

Separación alfabética: Puede mejorarse el aspecto de esta información estableciendo un contraste de tipos negros y finos en las diferentes listas.

Cultura y Espectáculos

Debemos decidir el volumen de material fijo que va a llevar la página. El contraste de letras negras y finas representa una ayuda para el lector que intenta saber a qué hora empieza una película y en qué cine se proyecta. Si la ciudad tiene muchas salas e cine, convendría hacer más de una categoría para no alargar mucho la página. Una posibilidad es resaltar el nombre de la película con letras negras y emplear un tipo fino para el nombre de la sala de proyección y para los honorarios.

Anuncios por palabras

En las páginas de anuncios por palabras, el espacio es dinero. El sentido de esta sección, aparte del económico, es que puede ser un servicio muy útil (una vez más tenemos presente el concepto de utilidad) para muchos usuarios en momentos muy concretos: Un usuario acude a una entrevista de trabajo y sale decepcionado. En ese momento puede sentir el impulso de entrar de nuevo a la sección de Anuncios por Palabra de nuestra wap para saber si hay alguna oferta que le pueda interesar más.

Lo mismo puede ocurrir con los que visitan un piso de alquiler, los que quieren comprar un coche o los que tienen urgencia por hacer una compra en un momento determinado, pero no quieren hacer un desembolso tan grande como el que nos piden en las tiendas por los productos nuevos.

Para esta sección es interesante el contraste de tipos finos y negros, por ejemplo para separar dos anuncios dentro de la misma categoría.

Cada sección de anuncios es un enlace en el menú de navegación y dentro de cada sección deberíamos limitar al mínimo imprescindible el número de palabras para que nos cupieran, al menos, cuatro o cinco anuncios, en cada categoría sin alargarnos mucho en la utilización de los frames.