All posts in Usabilidad

El increíble caso de la web www2009Madrid

Madrid está de enhorabuena. El 18º Congreso Internacional World Wide Web, en el que se debatirá el pasado, el presente y el futuro de la web se celebra en España por primera vez en sus dieciocho ediciones.Por el WWW 2009 Madrid pasarán investigadores, empresas, expertos, universidades, y organismos públicos.

El 13 de Marzo pasado celebramos el 20 aniversario de la web, por lo que es especialmente significativa la presencia de los investigadores y expertos más relevantes que se esfuerzan por una web universalmente accesible que ofrezca en el futuro el mejor uso de los datos.

Sir Tim Berners-LeeVinton Cerf acudirán como personalidades destacadas, y serán investidos con el título de Doctor Honoris Causa por la Universidad Politécnica de Madrid.

Los 105 ponentes anunciados, las mesas redondas, con la participación de los mencionados, a cuyo entusiasmo debemos tanto, los seminarios y talleres girarán en torno al acceso universal y multiplataforma a Internet, sobre el tratamiento de datos, la televisión interactiva, las comunidades sociales en Internet y los sistemas de reputación y confianza.

URL: http://www.www2009.org

A partir de aquí se empieza a producir un enorme sentimiento de vergüenza ajena.

Madrid en el siglo XVIII y la 18 Conferencia Internacional WWW
Madrid en el siglo XVIII y la 18 Conferencia Internacional WWW. (Imagen obtenida en la web oficial, http://www.www2009.org/store.html)

A primera vista, la web http://www.www2009.org contiene infinidad de errores.

Su estructura, diseño y desarrollo son contrarios a las buenas prácticas y, lo que es peor, a los mínimos requisitos de los estándares por los que tanto trabajan en World Wide Web Consortium que lidera precisamente el futuro Doctor Honoris Causa de la Politécnica, Tim Berners-Lee, el padre de internet, como sabemos todos,  y el motor de la web semántica y de datos, la web 3.0.

EL DISEÑO

La cabecera de la web, rebuscada, extraña y, en definitiva, a mi modo de ver increíblemente fea, debe de ofender a los excelentes diseñadores que hay en este país.

Admito que la sensibilidad estética es completamente subjetiva. Además, soy de los que creen que los contenidos son lo único verdaderamente importante y que lo es más aún que todos puedan acceder a ellos, sin tener en cuenta los medios técnicos y la capacidad individual.

EL CÓDIGO

Miro el código fuente y es un insulto a los buenos desarrolladores españoles: variables sin definir, declaraciones rechazadas, DOCTYPE 4.1 Transitional :-( , metatags obsoletos y otros que faltan, reglas de CSS ignoradas debido a selectores incorrectos, referencias URI formadas incorrectamente – en fin, todo contra lo que lucha intensamente, el invitado de honor y una inmensa comunidad de profesionales honestos también en España.

LOS ESTÁNDARES

El pie de página de www2009.org, sin embargo, muestra los sellos de TAW y de W3C, como si estuviera desarrollada conforme a los estándares.

  • El sello W3C no se debería mostrar en las páginas que contienen errores. Entre otros males, como ser el freno del desarrollo, en la práctica los errores ralentizan la web, no muestran las páginas correctamente o no permiten acceder al contenido en absoluto.

La web NO pasa la prueba. Sólo 2 errores y 2 advertencias, pero eso equivale en un evento como este, traer a los invitados a una casa sucia y darles de cenar alqo incomestible.

  • El sello TAW-AA mide las Pautas de Accesibilidad para Contenido Web WCAG 1.0 AA. Puede mostrarlo el sitio que cumple todos los puntos de verificación de prioridad 1 y 2.

No es el caso de www.www2009.org que tiene nada menos que 109 errores prioridad 1 y 207 advertencias de prioridad 2.

A eso se le  llama engañar.

Ver anexo con los datos del análisis realizado a las 16 horas, 21/4/2009

Web: http://www.tawdis.net/taw3/online y web http://validator.w3org.

Lo siguiente que hago es ir a mirar quién es el responsable de este despropósito. Está al pie, con los creditos a http://www.pacifico-meetings.com.  Salvo que se demuestre lo contrario, una empresa de esas que aprovechando que el Pisuerga pasa por… ‘también hace páginas web’.  No puedo más,  que cada uno saque sus propias conclusiones.

OK-Cancel or Cancel-OK

Should the OK button come before or after the Cancel button? Following platform conventions is more important than suboptimizing an individual dialog box.
We get countless questions about small details in UI design that don’t matter much to the overall user experience. One classic is the order of buttons in dialog boxes:
OK/Cancel
Cancel/OK
Both are reasonable choices, and people can argue for hours about their preferences: Listing OK first supports the natural reading order in English and other languages that read left-to-right. Many other button sets have a natural progression (say, Yes/No or Previous/Next). You should always list these so that the reading order matches the logical order “

Consult With Your SEO Expert Before Site Re-Design

It’s a near nightmare situation really. A client sends an email on Friday saying, “We’re launching a new web site on Monday, can you take a look at it to make sure our site optimization is ok?”.
The Account Manager asks for a URL and upon receiving, clicks to find a “pretty” home page with 90% images and/or Flash, “cool web 2.0? navigation using Ajax and as a result of a new content management system, a URL syntax that is completely different than before. Oh, and all title/meta descriptions are now hard coded and there are 50% less pages because the VP of Marketing heard at an executive marketing seminar that “less is more”.
First and foremost, such a blindside situation for a site’s SEO should never happen if Account Management is on top of things. As an advocate and consultant, the AM should have a rapport for information sharing, such as, “Our new VP is having a new site built and has no idea about the 60% of site traffic that comes from natural search. What should we do?”.

Continue reading →

The Googley Principles – The Google Guide to Good Web Design

Google’s User Experience Group es el responsable del dise

Website Content – It’s All About The Why?

By Jerry Bader (c) 2008
Every week I get asked to look at business websites and tell the
owners why they’re not getting the results they want. Some of
these sites are straightforward brochures, others are e-commerce
catalogs, and some are those direct-mail-style pitches
reminiscent of old mail-order magazine subscription schemes
ported-over to the Web. Some have incorporated do-it-yourself
audio and video and some even had this media professionally
produced; still the results stink. Why?

Continue reading →

IE8 Arrives

Did someone change the coffee brands at Microsoft? After taking 6 years to move from version 6 to version 7, the IE team has offered the first IE8 beta barely 18 months after IE7′s release.

Continue reading →

Usability: Rules and Principles

With big thanks to Smashing Magazine
smashingmagazine.com

7

Redirect, the smart way

The 301 Redirect
The best way to redirect those pages is by using something called a “301 Redirect”. What this 301 redirect does, is it blatantly redirects to a different page when it is triggered, what makes the 301 redirect the best, is that not only does it accomplish your redirect, it does it safely, no having to worry about the search engines penalizing you for it! To be specific, the 301 redirect tells the browser, or in other cases, it tells the search engines “Hey this page has been moved, here is the correct URL!”. Think of it as you getting mail that is not addressed to your name, possibly addressed to somebody who has lived there prior to yourself, what do you do? You tell the post man (or woman) “Hey they dont live here anymore, here is the correct address”. It is the same concept guys, pretty simple if you asked me!
So lets get started. Below you will see several methods of using the 301 redirect, including the redirect in PHP, the redirect in ASP, the redirect in ASP .NET, the redirect in JSP (JAVA), the redirect in IIS, the redirect in ColdFusion, the redirect in CGI/PERL and finally the one I find most useful, the redirect using htaccess. Also showing other useful ways of using the 301 redirect with mod_rewrite!

Continue reading →

Jakob Nielsen’s Alertbox, January 2, 2007:

http://www.useit.com/alertbox/fast-methods.html
Summary:
The sooner you complete a usability study, the higher its impact on the design process. Slower methods should be deferred to an annual usability checkup.
The consulting business has an old saying: “Fast, cheap, and good — pick any two.” The notion is that if you want something done quickly and inexpensively, it’ll be of poor quality; if you want it quickly and done well, it’ll be expensive, and so on. Although true in many areas, this maxim doesn’t hold for one important aspect of usability: methodology.
In usability, the fastest and cheapest methods are often the best.
enlace nielsen : http://www.useit.com/alertbox/fast-methods.html

Adhering to Web Standards Imporves Business Websites

Taking web standards into account when designing a website may not be a primary concern for many site owners, but when it comes to finding an extra edge to improve their business, they are more than willing to do anything required to increase revenues. Let’s see how complying with Web standards can help a business website.
What are the Standards?
On the Web, the main standards are the languages used when creating websites. The most wide-spread ones are HTML, XHTML and CSS. HTML or XHTML are used to create the backbone of websites – the structure. (The difference between HTML and XHTML is that XHTML was formed from XML and is forward compatible.) CSS, in turn, is used to style, format and position the structure and content.
What is Web Standards Compliance?
Put simply, web standards compliance is using web languages correctly. This involves using HTML tags properly and the way they were and are intended to be used. For instance, one of the most common felonies against the web standards is using table tags for layout, while the correct usage is to use them only for tabular data (information to be put in tables).
Benefits of Standards Compliance
Creating quality, standards compliant code has a number of benefits:
_ website forward compatibility
_ increased site download speed
_ browser compatibility
_ easier site maintenance
_ broader target audience

Continue reading →