Seguimos hoy con la tercera parte de la  Comparativa entre la usabilidad de los sitios de Apple y Microsoft, tratando el tema de la legibilidad, la búsqueda, la estética y la consistencia.

Dado que en las páginas web la mayoría de la información es texto, en este estudio se dan una serie de normas básicas a seguir para conseguir una buena legibilidad, vamos a ver cuales son:

• Hacer los textos lo suficientemente grandes como para que sean fáciles de ver y de leer.
• Asegurarnos de que hay suficiente contraste entre el texto y el fondo.
• Hacer los textos lo suficientemente grandes como para que sean fáciles de ver y de leer.
• Mantener alrededor del texto suficiente espacio en blanco para no distraer la atención del lector.
• Formatear el texto con suficientes encabezados, textos en negrita etc que permitan al lector rápidamente escanear cuál es la información importante.
• Añadir imágenes e iconos que hagan más fácil centrar la atención en secciones individuales de texto, ejemplos de productos, descripciones de uso etc.
• Escribir textos cortos y que vayan al grano.

Tras esta aclaración, vamos a ver cómo afrontan el tema tanto Apple como Microsoft:

Está claro que Apple sigue al pié de la letra estas normas básicas,  hay suficiente espacio en blanco en las páginas dándole gran legibilidad, los encabezados y títulos son destacados adecuadamente, lo que te permite diferenciar claramente cada sección.

Una práctica habitual por parte de apple es añadir imágenes  a los textos publicitarios haciéndolos mas atractivos para el lector.

Microsoft sigue las pautas de usabilidad separando  el contenido en pequeños bloques, lo que hace que sea más fácil digerirlo por parte del lector. El problema que observamos en las páginas de Microsoft es que usa diferentes formatos para títulos, diferentes colores etc, lo que hace que no sea tan intuitivo distinguirlos, además hay demasiado contenido.

El tema de la búsqueda es afrontado de manera totalmente diferente por parte de ambas compañías. Apple incluye la búsqueda en la barra de navegación, desde mi punto de vista tiene una muy buena funcionalidad, ya que cuando comienzas a escribir la primera palabra ya te va mostrando, con un  menú inferior, los resultados que comienzan con esa letray si pulsas intro aparece un listado en la parte infeior.

Desde mi punto de vista Microsoft, también usa un buscador muy acertado ya que  el sistema que utiliza es igual que Google, por lo que el usuario estará familiarizado con el funcionamiento, el problema es que el diseño del entorno es diferente al resto de las páginas de Microsoft.

Creo que me voy a ahorrar mi conclusión, ya que es bastante evidente. Sólo me gustaría resaltar que desde el punto del diseño deberiamos darle prioridad a la usabilidad en todos los ámbitos y tratar de mostrarle tanto al cliente como al públcio en general que el diseño no es algo puramente estético como muchas personas creen.

En esta entrada voy a seguir con la Comparativa entre la usabilidad de los sitios de Apple y Microsoft, en este caso hablaremos de la estructura de los contenidos y la navegación.

En relación a la estructura y presentación de los contenidos, tomando como referencia la página de un producto:

Apple presenta  la información de forma que lo que primero nos llama la atención es la imagen de la parte derecha seguida del titular de la izquierda. Una vez que hemos leído este titular podemos probar el producto de forma gratuita y si no nos interesa tenemos mas opciones para seguir informándonos a cerca de las características del producto en los diferentes apartados de la parte de abajo que a su vez muestran un enlace con información mas detallada.

Por su parte en la página de producto de Microsoft, hemos tomado la de Sharepoint como ejemplo, lo que primero nos llama la atención es la imagen de unos servidores y tras esto el usuario se encuentra con una gran cantidad de información presentada de una manera monótona, por lo que el usuario tiene que parar a pensar a donde quiere ir , es decir, sigue haciendo trabajar al  usuario. El autor habla de la gran cantidad  de contenidos  como la enfermedad de Microsoft.

El siguiente punto objeto de la comparativa es la navegación.

Apple muestra una barra de navegación en la parte superior de la página en la que podemos acceder a las secciones principales, así como a la tienda, soporte técnico, búsqueda y branding de Apple, es decir las secciones principales. No presenta un ” drop down menu” es decir un submenú desplegable al pasar el ratón por encima del menú, sino que los submenus podemos encontrarlos en la página de cada sección correspondiente.

Microsoft, por su parte, presenta una barra de navegación similar a la de apple en la página principal, pero  esta desaparece en el resto de las páginas. Además en la página principal presenta un menú desplegable en cada sección del menú que actúa como mapa web de cada sección.

En este punto el autor comenta que en algunos submenús, en firefox, aparece el scroll en la parte izquierda, aunque yo lo he probado en firefox y explorer 8 y no me aparece el scroll.

El autor se pregunta a cerca de si este tipo de menú desplegable presentado como mapa web está bien  o mal y para ello menciona  el siguiente artículo de Jakob Nielsen, el gurú de la accesibilidad, en el que explica que este tipo de menús pueden funcionar. Pero a pesar de esto el autor del estudio niega que Microsoft haya usado bien esta herraienta ya que afirma que en cada sección del menú incluye demasiados subitems, y además afirma que se debe tener cuidado de no pasar el ratón de manera accidental por el menú cuando está mirando la información de la página ya que el submenú  bloquea la visión de los contenidos centrales de la página y tendrías que pulsar con el ratón fuera de la pagina para que desapareciese. Lo he probado y es verdad.

No me gusta escribir entradas excesivamente largas ya que creo que cansan al lector, por lo que seguiré con el estudio en el siguiente post… ¿Es interesante no?

En primer lugar hay que especificar que ambas empresas se dedican a cosas diferentes, ya que Microsoft centra su negocio en la venta de Licencias, es decir, no se dedican a vender al consumidor directamente. Mientras que Apple es una compañía de consumo, es decir, se dedica al marketing, venta y soporte de sus productos.

En relación a la página de inicio, sitio fundamental para retener al usuario y que no se vaya a otra web, Apple se ha aprendido la lección ya que aprovecha ésta para mostrar una imagen grande con publicidad de alguno de sus últimos productos y otras más pequeñas con las últimas noticias y novedades. Si no te interesa ninguno de estos productos en la parte superior tienes un menú al que puedes acceder fácilmente. El estudio destaca  el que no haya banners  u otros elementos que distraigan tu atención.

Microsot, por su parte, también muestra una imagen grande pero  en realidad son tres, lo que ocurre que tienes que pasar el ratón por encima de la imagen para que se expanda. Los autores del estudio creen que esto distrae la atención del usuario, además de que éste tiene que trabajar para acceder a dicha información (yo estoy de acuerdo).

En la parte superior también hay un menú y un espacio para la búsqueda. Pero el  estudio destaca que el problema está en la parte inferior, ya que Microsoft, al enfocar su negocio a diferentes sectores ofrece demasiada información enfocada a todos ellos y además con una letra demasiado pequeña, lo cual hace que el usuario encuentre aburrido leer el contenido.

Dado que este estudio es bastante largo seguiré comentándolo en la siguiente entrada, no obstante si quereis leerlo en su totalidad podeis hacerlo aquí, aunque está en inglés