Posts Tagged ‘webs’

Rediseño (realineación) de El Pais

Tuesday, November 21st, 2006

El periódico El Pais celebra la muerte del inmundo dictador rediseñando (o como hace notar Daniel Torres, realineando) su sitio. Desde luego esto no es una primicia, pero no puedo perder la oportunidad de comentar lo que me gusta (bastante) y lo que no de este trabajo.

Impresión inicial

Muy buena. El sitio está mucho menos recargado, más limpio y claro, en definitiva, más cómodo de leer. Los artículos destacados de portada utilizan un tamaño de letra algo más grande que facilita la lectura. Mejora sustancial en la organización de la información.

Los artículos

Muy mejorados:

  • Letra más grande
  • utilizan todo el ancho disponible
  • Ampliaciones de las imágenes en la propia página con DHTML
  • Las imágenes se situan generalmente en la columna derecha y hay el pié de foto se lee mejor.
  • Las acciones se agrupan y se situan al final del artículo
  • Me sobra la acción “enviar la noticia” en la parte superior de la misma, casi que me sobra también la de imprimir (¿tan difícil es darle a archivo / imprimir para el usuario? creo que no)

barra acciones articulos el pais

Y además se hacen sociales!! Puedes votar la noticia, añadirla a delicious, enviarla a digg, ver las referencias en Technorati y menearla.

El sistema de utilización del teclado falla tanto para aumentar el tamaño del texto como para moverte de un artículo a otro. Supongo que será algo temporal.

El menú

Ha mejorado sustancialmente respecto a la versión anterior. han quitado las carpetitas con el simbolo más a una estructura situada en cabecera. La organización de la información en el menú no ha cambiado en absoluto.

menu antiguo del pais

menu antiguo del pais

Maquetación

Xhtml estricto con un chorro de errores de validación, aunque reconozcamos que la mayoría se deben a problemas con la codificación de caracteres. La maquetación se hace sin tablas, desde luego y el uso de los encabezados es correcto. Han hecho un esfuerzo importantísimo en este tema.

Navegación con dispositivos móviles

Bueno, ahora si se puede navegar desde mi Blackberry a través de la versión PDA y es muy muy cómoda.

Pero lo que es más importante, se puede usar la página normal sin problema. La versión anterior era muy difícil de usar y la nueva maqueta hace que, sin css, la web pueda ser utilizada. Se echa de menos un detalle: un enlace al principio de la página con el típico “saltar al contenido” que evite tener que tragarse el menú de la web cada vez que cargas una página. Sin embargo, aunque todavía no lo he probado, me da la impresión de que no debe ser fácil navegar con teléfonos móviles.

Lo curioso es que no dan acceso directo a la versión PDA sino a una farragosa explicación sobre la versión PDA y la versión movil (basada en sms). Al final, casi que me quedo con la versión solo texto y paso de la otra.

Actualización: no se os ocurra intentar cargar la versión normal en un movil, he probado con un Nokia N70 y después de cargar casi 300kb le ha resultado imposible procesar la página. La versión PDA funciona muy bien y la solo texto todavía mejor.

Un error grave, en mi opinión, es no redirigir automáticamente a la versión PDA a los dispositivos móviles. Muy grave

Posicionamiento

Como apuntan en google dirson, han utilizado una buena estrategia para que el cambio de dominio no afecte a su pagerank ni a sus backlinks (links que apuntan al dominio). Tal y como recomienda Google, las cabeceras de las páginas dan un “HTTP/1.1 301 Moved Permanently”. No podían fallar en eso.

Me llama la atención que no hagan los títulos de las páginas dinámicos.

Rediseño del elmundo.es

Wednesday, June 7th, 2006

El inMundo acaba de lanzar el rediseño de su site.

No soy experto en usabilidad por lo que no ahondaré en el tema, pero a primera vista no parece que hayan mejorado mucho en ese aspecto y en Cadius lista de correo de profesionales de la usabilidad comienzan a arreciar las críticas.

Lo primero que veo es que está optimizado para 1024… a 800 no encaja demasiado bien. Todavía hay un buen porcentaje de gente con 800×600 (por las estadísticas de mis sitios entre el 15 el 20%). Ellos sabrán
La navegación por categorías… en la zona de cabecera… bueno ya no les caben más elementos. ¿Pero es que no leen el New York Times? a ver si vamos aprendiendo. ¿no es mucho más interesante para el usuario un enlace a “lo más popular” que el de “internacional”?

Un detalle interesante. El buscador, elemento básico donde los haya, permite buscar en Google y dentro del periódico; por defecto está seleccionado buscar en Google!! pero vamos a ver, señores/as, para buscar en internet una usuario no irá directamtente a Google y, en todo caso, no debería buscar por defecto dentro del periódico y como opción secundaria (en mi opinión absurda), buscar en Google?.

¿Estándarés? decenas de errores para XHTML 1.0 transicional… ¿Para que ponen ese doctype?

  • Muchas etiquetas sin cerrar
  • sintaxis deficiente.
  • Imágenes sin atributo alt a porrillo.
  • Javascript no va en Cdata
  • Uso continuo de entidades de código no admitidas

Accesibilidad: escasa… las WAI por el forro, desde luego. Las descripciones alternativas de los contenidos que no son texto brillan por su ausencia. Curiosamente ponen a disposición del usuario una herramienta muy interesante, Rosa, que lee la noticia y permite tanto oirla on-line como descargarla en Mp3. Contando con esa tecnología ¿tanto costaría hacer una versión accesible basada en ese sistema de lectura?

Seguramente han echado una pasta en el rediseño y opino que con un poco de más ciudado podrían haber cubierto mucho mejor aspectos como la utilización de estándares, accesibilidad del contenido y mejoras de la usabilidad.

Css mania: galería webs con diseño

Saturday, February 11th, 2006

Acaba de lanzarse Css Mania. Se trata de una galería con capturas de webs con alto nivel de diseño y hechas con css + xhtml y, por supuesto, sin utilizar tablas para la maquetación. El nivel de las web que presentan es espectacular.

Esta iniciativa es de las que permiten demostrar a cualquier cliente con reticencias o a ese jefe que se niega a utilizar estándares la potencia y ventajas de trabajar con css/xhtml. Además es el sitio ideal para que un friki del diseño web pase un sábado por la tarde viendo paginas de primer nivel xDD.

Las condiciones para que publiquen tu web en Css Manía es que esté hecha con css/xhtml sin tablas y que tenga un buen diseño.

Css mania es la evolución de una sección del weblog personal de Gabriel Segura y es una iniciativa de Blogs Media, compañía española dedicada al diseño de blogs que es referente en la blogosfera hispana.

Hasta ahora utilizaba css beauty para ver buenos diseños tableless, pero por cantidad y calidad me paso a css mania

Pero que weeeeeeeb :: LKXA

Friday, June 3rd, 2005

Supongo que habreis vista la campaña de la Caixa para jóvenes –> lkxa. La web que han hecho para la campaña es de lo peorcito que he visto en mucho tiempo para una empresa del tamaño de la que paga.

  • Diseño de dudosa calidad
  • Textos de todos los colores sobre imágenes chillonas que hacen que realmente dificil leer los contenidos
  • uso de Pixel Fonts a tamaños raros raros
  • logotipo pixelado
  • buscador con bordes pixelados y casi sin margen izquierdo
  • Atención a la imagen en rojo que marca las secciones “nuevas”
  • Los barra de navegación superior y el pié están apretadas en su caja… con un margen de 1px … y pq si usan cero me parece que se pega

Para que seguir… Hacer una campaña que debe costar una millonada y esa web… puede explicar porqué los publicistas ganan tanta pasta y los desarrolladores web no vemos un duro xD

Otra pasada de Yugop

Thursday, May 12th, 2005

Busca libros en ámazon y compone la palabra de búsquedas con las portadas de los resultados. Lo de este tio es para fliparlo.

Un popup harto de popus

Thursday, April 14th, 2005

Esto no tiene nombre xD xD paradoja? incoherencia? tomadura de pelo? Un popup (con capas no ventana pero aun así) que anuncia un eliminador de popups (en estos tiempos que corren y con la de herramientas que hacen eso ej: barra de google ). Por cierto que la paginita es digna de aparecer en Que Web!

un popup que quita popups