Mòdul 4: Factors clau a l’hora de dissenyar un web d’una empresa

Mai 6, 2009 at 10:35 am Deixa un comentari

Esteban Trigos és el nostre tutor d’aquest mòdul, en parlarem de desenvolupament de websites, d’interfaces d’usuaris, de diseny de webs, de tecnologia, d’analítica i mètrica i posicionament en buscadors. Completet, eh?

Us deixo amb la primera pràctica d’aquest mòdul:

Análisis de todos los aspectos de diseño, usabilidad y accesibilidad de un periódico online, ya sea nacional o local.

El periodico escogido es el Diari El Punt, de carácter local y de fuerte presencia en Catalunya. Lo escojo por ser de los últimos en renovar (en este caso estrenar) su sitio web.

http://www.elpunt.cat/

• Sistema de retículas

elpun1

La estructura de la página está dividida principalmente en dos espacios: el izquierdo, a su vez dividido en 3 columnas, incluye toda la información relaciona con la actualidad; el derecho, a una columna, incluye opciones de navegación, idiomas, servicios, encuestas y publicidad. Si utilizamos la barra de desplazamiento scroll, el espacio derecho pasa a dos columnas donde encontramos editoriales, opinión, humor y enlaces a blogs de los periodistas. Por otro lado, la parte superior de la página y en forma de pestañas encontramos el acceso directo a diferentes secciones y servicios del web, también ocupa el lugar central y superior de la página un espacio para la publicidad. El diseño del site es de tipo fijo.

• Accesibilidad:

elpun2

Como puede apreciarse por el análisis realizado a través de http://www.tawdis.net la accesibilidad no ha sido suficientemente valorada a la hora de diseñar el web. Se han encontrado 14 problemas de tipo automático y 190 problemas de tipo manual de prioridad 1, 50 problemas de tipo automático y 251 problemas de tipo manual de prioridad 2 y 23 problemas de tipo automático y 53 problemas de tipo manual de prioridad 3. De hecho no consta que haya obtenido ningún certificado de W3C, aunque permite aumentar el tamaño de la fuente en cada noticia.

Algunas mejoras propuestas por tawdis:

Añadir texto alternativo a las imágenes, audios o videos.

Asegúrarse de que toda la información transmitida a través de los colores también esté disponible sin color, por ejemplo mediante el contexto o por marcadores.

Identificar claramente los cambios en el idioma del texto del documento y en cualquier texto equivalente.

En las tablas de datos, identificar los encabezamientos de fila y columna.

Organizar el documento de forma que pueda ser leído sin hoja de estilo.

Asegurarse de que las páginas sigan siendo utilizables cuando se desconecten o no se soporten los scripts, applets u otros objetos programados.

Evitar características desaconsejadas por las tecnologías W3C.

Asociar explícitamente las etiquetas con sus controles.

Asegurarse de que los colores de fondo y primer plano en imágenes tengan suficiente contraste para que sean percibidas por personas con deficiencias de percepción de color o en pantallas en blanco y negro.

Identificar claramente el objetivo de cada vínculo.

Proporcionar metadatos para añadir información semántica a las páginas y sitios.

Proporcionar información sobre la maquetación general de un sitio (por ejemplo, mapa del sitio o tabla de contenidos).

• Tags

No existe nube de tags, si un buscador por dias, secciones o canales:
elpun3

• Tipo de navegación

El tipo de navegación que encontramos en el web estaría dentro de lo que denominamos sistemas específicos, muy utilizados en periódicos y blogs. En la parte superior la navegación por páginas es sencilla, dividida en dos áreas: por secciones por un lado o para acceder a otro tipo de servicios en un plano superior y no despliega menús. Lo más interesante en cuanto a navegabilidad es la posibilidad de poder seleccionar el municipio que más interese y obtener las noticias y temas relacionados con la localidad escogida:

elpun41

Este mapa se ofrece la primera vez que uno llega a la página, posteriormente te redirige directamente a la localidad que se ha seleccionado permitiendo navegar por el resto des de el interior del web. El resto de opciones y servicios (el tiempo, teléfonos de interés, anunciantes…) también pertenecen a la localidad escogida.

La navegación a través de las noticias y secciones es a base de links y noticias relacionas.

• Web social

elpun5

Posiblidad de redifusión de los contenidos en múltiples canales sociales, también se incentiva la participación a través de comentarios en las noticias.

• Posibles mejoras

La incorporación de una nube de tags y el uso de palabras clave facilitaría la búsqueda de información, también a añadiría a la columna derecha una sección como “lo más leído” o “lo más votado” así como herramientas de participación y posibilidad de puntuar las noticias. Un mapa del sitio ayudaría también a la navegación.

La adaptación de los contenidos web basados en la “Iniciativa web Móvil” del W3C, asegurandose una experiencia de usuario satisfactoria en dispositivos móviles.

La creación de comunidades (blogs, youtube, flirck…) alrededor de los servicios ofrecidos sería otro aspecto a mejorar.

El uso de microfromatos, agregando significado semántico a cada uno de los elementos.

Quique Azcona

Advertisements

Entry filed under: Master 2.0. Tags: , , , , .

Twitter i les IV Jornades de Periodisme UMH Pràctica 2, mòdul 4: L’us del Flash

Deixa un comentari

Fill in your details below or click an icon to log in:

WordPress.com Logo

Esteu comentant fent servir el compte WordPress.com. Log Out / Canvia )

Twitter picture

Esteu comentant fent servir el compte Twitter. Log Out / Canvia )

Facebook photo

Esteu comentant fent servir el compte Facebook. Log Out / Canvia )

Google+ photo

Esteu comentant fent servir el compte Google+. Log Out / Canvia )

Connecting to %s

Trackback this post  |  Subscribe to the comments via RSS Feed


Twitter

twitter

Twitter Updates

    follow me on Twitter

    Piulejades

    Del.icio.us

    Categories

    Llicència

    Creative Commons License
    Aquesta obra està subjecta a una llicència de Reconeixement-No comercial 3.0 Espanya de Creative Commons

    %d bloggers like this: