Alumnos: JAVIERA BERTI – PATRICIO RODRÍGUEZ – DARIO CUESTA

Magíster en Comunicación y Educación

PUC - 2010

Juan Carlos Camus:- Periodista

- Diplomado en desarrollo de multimedioseducativos.

- Coautor de guías para el desarrollo de sitiosweb del Gobierno de Chile.

- Profesor universitario.

¿ Cómo resolver adecuadamente el problema de desarrollar contenidos para sitios web y

espacios digitales?

Los contenidos digitales

• La impaciencia es lo que caracteriza a los usuarios decontenidos digitales o webs.

Los contenidos digitales

• CARACTERÍSTICAS:

– Actualización: renovación permanente y sin límites, no hay hora decierre.

– Multimedios: el computador permite la inclusión de distintos medios,destacando lo audiovisual.

– No lineal: el orden de uso de los contenidos lo define el público.Además se linkean con otros contenidos y existen los hipertextos.

– Personal: el usuario utiliza los contenidos y le agrega valor a través decontenidos generados por él mismo. Transforma y modifica.

Los contenidos digitales

• CARACTERÍSTICAS:

– Múltiples dispositivos de acceso:

PC / móvil / TV / consolas.

Los contenidos digitales

• CARACTERÍSTICAS:

– Múltiples dispositivos de acceso:

PC / móvil / TV / consolas.

– Los usuarios distribuyen el contenido:

no hay limitación física.

– Los contenidos adquieren múltiples formatos:

Ventaja y obligación al mismo tiempo

Los contenidos digitales

• CARACTERÍSTICAS:

– La interacción dirige las visitas: posibilidad de los usuarios deintervenir el contenido. TRES FORMAS DE INTERACCIÓN.

• El usuario elige sus contenidos.

• El usuario usa aplicaciones que producen contenidos.

• El usuario genera contenidos.

– Conocimiento de la audiencia: se puede registrar toda la actividad delusuario.

Los contenidos digitales

• Nora Paul (2005)

– Relatar historias en Internetimplica interactividad,multimedialidad y el resultadode la experiencia de quien lasutiliza.

– Las historias deben preocuparsede: la acción que permitedesarrollar, las relaciones queestablecen con el usuario, elcontexto que se entregamediante la oferta de medios ysu potencial comunicativo.

Capítulo 2: Contenidos digitales, un modelo.

Los contenidos digitales, un modelo.

• Los contenidos digitales forman un ecosistema caracterizadopor un ambiente, relaciones y componentes que buscan elequilibrio:

Los contenidos digitales, un modelo.

• COMUNIDAD.

• SISTEMAS Y PROCESOS.

• RELACIONES Y AUTONOMÍA.

• AMBIENTE

Modelo de desarrollo y gestión de contenidos digitales.

El modelo Margarita

• Elementos o áreas detrabajo del modelo:– DEFINIR: Cuáles son las

características básicasdel producto que secreará (definirobjetivos ynecesidades, contextoo plataforma).

El modelo Margarita

– CREAR: Generación de contenidos y soporte.

El modelo Margarita

– MEDIATIZAR: Elaborar contenidos distintos al texto en pantalla y definircaracterísticas del acceso a los mismos.

El modelo Margarita

– INTERACTIVAR:Definirinteracción delproducto.

El modelo Margarita

– ENVASAR: Preparar técnicamente el contenido para ser publicado.

El modelo Margarita

– PUBLICAR: Poner a disposición de los usuarios todo lo preparado.

El modelo Margarita

– GESTIONAR: Revisión de lo realizado a la luz de estadísticas einformación recolectada.

Capítulo 3: El test de los 5 segundos.

Christine Perfetti

Directora de estrategia y planificación de negocios de UIE(User Interface engineering).

El test de uso de los 5 segundos.

• Mostrar una página web a un usuario durante 5 segundospara obtener sus impresiones iniciales.

• Permitió descubrir que los usuarios hacen juicios importantesen los primeros momentos en que visitan una página.

El test de usabilidad de los 5 segundos.

• Mostrar una página web a un usuario durante 5 segundospara obtener sus impresiones iniciales.

• Permitió descubrir que los usuarios hacen juicios importantesen los primeros momentos en que visitan una página.

• Esta teoría ha sido ratificada por dos estudios (2006 Y 2009)con consultoras internacionales en EEUU.

El test de usabilidad de los 5 segundos.

• Estudio realizado en 2009 por Forrester Research para Akamai, sobre 1.048 consumidores on line en EEUU.

1%

2%

10%

27%

60%

Menos de 1 segundo

1 segundo

2 segundos

3 segundos

Más de 4 segundos

¿Cuánto tiempo está dispuesto a esperar por una página web, antes de abandonar el sitio web?

Tres veces 5 segundos.

• Cuando un usuario visita un sitio web se pueden reconocertres periodos que duran cinco segundos cada uno:

– El usuario escribe la dirección que intenta visitar o sigue un enlace deotra página web y espera 5 segundos a que el sitio muestre algunareacción. Al menos el título del sitio y algún contenido. Si no abandonoel sitio

– En los siguientes 5 segundos, el usuario debe estar leyendo lostitulares principales o el contenido y poder seguir alguno de ellos. Sino asumo que no está funcionando bien y me voy.

– En los últimos 5 segundos el usuario toma la decisión de hacer unaacción concreta o navegar por le buscador. Si el sitio no ofreceacciones adecuadas, el usuario no verá elementos de interés y loabandonará.

Tres veces 5 segundos.

1 2 3 4 5 6 7 8 9 10 11 12 13 14

Acciones

Imágenes

Textos

Títulos

Diseño

<Title>

Respuesta web

Tiempo

Abandono del sitio

Uso del sitio

Línea de conversión

Diseño de la experiencia

• Para enfrentar la premura del usuario es acertado usarherramientas que ofrecen disiciplinas como la arquitectura dela información y diseño de experiencias del usuario.

• Teniendo siempre como norte que el usuario puedaexperimentar con los contenidos.

• El contenido debe representar una oferta de valor para elusuario.

• ¿Cuáles son estas herramientas?

Diseño de la experiencia

• Desarrollo de personas:– Es la metodología que permite enfocarse en la audiencia, estableciendo sus

necesidades y entendiendo los objetivos de su visita al sitio, así podemosdiseñar pantallas que ofrezcan lo que busca.

– Consiste en la definición de arquetipos que representen a los potencialesusuarios con perfil demográfico y psicográfico.

• Desarrollo de wireframes– Es la metodología que permite hacer diseños simplificados detallando

estructura y elementos relevantes para atender a los visitantes del espacioque se desarrolla.

– Esto permite llevar a cabo pruebas tempranas de las interfaces.

Diseño de la experiencia

• Diseño de interacción:– Es la metodología que permite definir paso a paso las actividades que se

realizarán dentro del sitio web o espacio digital, explicitando lo que el usuariorealizará así como las respuestas del sistema a la interacción.

– Se utilizan esquemas que representan flujos.

– Es importante considerar los flujos de actividad como también atender loserrores para que el sistema sea usable.

• Test de usabilidad:– La usabilidad es la disciplina que mide la calidad de la experiencia que

tiene el usuario en el entorno digital, a través de mediciones y pruebas enel desarrollo de los contenidos y aplicación de las interfaces.

– Test a 5 personas, detecta el 85 % de problemas de usabilidad.

Diseño de la información

• Todas las pantallas deben ofrecer al usuario lo necesario paraentender el sitio web que visita, ofreciendo 4 zonas de datosque ayuden a las acciones de contextualizar, informar,promover e interactuar.

• Dependiendo de la pantalla, estas zonas aumentan odisminuyen su importancia.

Ejemplo de wireframe

Pie de página

Marca / Slogan

Botones de acción

Menú de secciones

Zona de información

y AcciónZona de promoción

Diseño de la información

• ZONA DE CONTEXTO:– Espacios de entrega de información y navegación, como logotipo,

nombre, menú, pie de página.

Diseño de la información

• ZONA DE INFORMACIÓN:– Área que ofrece los contenidos de la página a través de distintos

medios. Puede incluir enlaces para facilitar la interacción.

Diseño de la información

• ZONA DE ACCIÓN:– Es donde se facilita al usuario la realización de actividades, su

contenido y alcance depende del área que esté visitando.

Diseño de la información

• ZONA DE PROMOCIÓN:– Área que permite destacar contenidos existentes en el sitio, así como

publicar servicios o novedades

Capítulo 4: Cómo escribir en espacios digitales.

¿Cómo se llama el sitio web?

• Fácil de escuchar, escribir y leer.

• Debe tener alias si lo requiere.

• Debe ser recordado.

• Debe representar el contenido.

• Debe funcionar sin las www

Portada: jerarquizada para comunicar

• ¿Qué objetivo sequiere lograr con elsitio web?– Siempre se quiere

lograr algo.

– Darle orden y priorizarcon orden visual.

– Los usuarios prefierenlos textos sobre lasfotos en los puntos deentrada a las páginas.

Títulos: el problema del contexto.

• El contexto es la clave para que un usuario quiera indagar unsitio.

Títulos: el problema del contexto.

• El título web debe cumplir con:– Debe ser comprensible sin contexto.

– Las palabras del texto deben apoyar el clic del usuario.

– El título debe sostenerse en el tiempo.

– El título debe tener un largo adecuado.

– El título debe usarse según el estándar.

Títulos: el problema del contexto.

• Ejemplo:

Calidad Título Palabras Caracteres

Mínimo Presidenta inaugura hospital 3 29

Bueno Presidenta Bachelet inaugura hospital en San Miguel 7 52

ÓptimoPresidenta Bachelet inaugura hospital para niños en

San Miguel9 63

• Titular autoexplicativo que no requiere de contexto para ser entendido,que motive al usuario a hacer click para saber más y cuya extensiónpermita aparecer en los buscadores sin ser truncado.

¿Se deben usar bajadas?

• SI, aprovechando su existencia para transformarlas en lainformación para los buscadores (150 a 160 caracteres).

• Se usan también como la información entregada a través desistemas de suscripción de contenidos (RSS) y para ladistribución a través de correos electrónicos.

¿Cuánto escribir, largo o corto?

• El contenido debe ser distinto a cualquier medio impreso, yaque las personas actuan distinto frente a la pantalla quefrente al papel.

• CLAVES:– Ser sucinto.

– Escribir para comprensión.

– Usar verbos directos.

– Evitar las explicaciones negativas.

– Establecer jerarquías de información.

– Preferir los hechos a los discursos.

¿Cuánto escribir, largo o corto?

• CLAVES:– Crear subtítulos destacados.

– Destacar palabras significativas.

– Crear listas.

– Ofrecer enlaces hacia otras páginas.

– Preferir los botones a los textos.

– Evitar las abreviaciones y la jerga técnica.

Accesibilidad: el sitio disponible para todos.

• Se entiende por “accesibilidad web” la capacidad de facilitarel acceso de las personas con capacidades diferentes.

• Para tener una página accesible se hace necesario tener:– Imágenes (ojo con el tamaño, peso, lectura y texto alterno, tanto

fotografía como video).

– Audio (ojo con peso, player incorporado y control del usuario).

– Enlaces

– Colores

– Estructura de los contenidos.

¿Cómo aumentar la credibilidad de mi sitio web?

• Facilitar la certificación de la exactitud de la información quese provee.

• Mostrar que hay una organización real tras el sitio web.

• Destacar la experiencia de la organización en los servicios yproductos que se ofrecen.

• Mostrar que tras el sitio hay gente honesta y confiable.

• Facilitar el contacto.

¿Cómo aumentar la credibilidad de mi sitio web?

• El diseño del sitio debe parecer profesional.

• Hacer que el sitio sea fácil de usar y útil.

• Actualizar el contenido frecuentemente.

• Restringir el contenido que promociona.

• Evitar los errores de todo tipo, sin importar lo pequeños queparezcan.