Apple vs Microsoft: comparativa de usabilidad de sus sitios web

Incluimos el enlace al estudio realizado por webdesignerdepot sobre la comparativa de usabilidad de los sitios web de Microsoft y Apple y analizamos los puntos que consideramos más relevantes del mismo.

El estudio realiza el análisis de las páginas de inicio, de la navegación, de la usabilidad y legibilidad de las páginas de ambos sitios web así como aspectos relativos a la funcionalidad de los motores de búsqueda y el diseño de ambos sitios.

Todo ello teniendo en cuenta que el negocio de cada empresa gira en torno a los diferentes mercados. Microsoft genera principalmente sus beneficios generando negocio entre empresas, principalmente de la venta de licencias de su sistema operativo a los fabricantes de equipos y suites de oficina para empresas, aunque también tienen venta directa a particulares y usuarios domésticos.

Por otra parte, Apple es fundamentalmente una empresa orientada a los consumidores, generando su principal negocio de la venta de hardware, de reproductores de música iPod y ordenadores Mac. Esto hace la orientación del sitio web de Apple mucho más clara hacia la comercialización, venta y prestación de soporte de sus productos a los consumidores. No tienen que preocuparse por la venta de licencias a los fabricantes porque son el único fabricante, de modo que el propósito fundamental de la web sería para anunciar y promover sus múltiples líneas de productos, así como la venta a través de su tienda en línea.

Conclusiones sobre la usabilidad de ambos sitios web:

• Respecto a la página de inicio:

Página de inicio de Apple

El enfoque de la página de inicio de Apple ha sido constante durante la vida del su sitio web. Ellos usan esta página como una especie de “catálogo publicitario” en el que siempre muestra un anuncio grande de su último producto, seguido de otros anuncios de los tres productos que consideran más relevantes en este momento.

Si el visitante no está interesado en cualquiera de los cuatro temas propuestos, se puede utilizar la gran barra de navegación en la parte superior, que se divide en sus negocios principales: Mac, iPod e iPhone, seguido por un par de enlaces importantes, tales como la tienda en línea y páginas de soporte. La barra de navegación también incorpora un campo de búsqueda.

Lo interesante aquí es el enorme anuncio principal en la parte superior de la página (abarca casi toda).  Apple sabe la importancia de conseguir fijar la atención del cliente mediante una buena comercialización, por lo que no tiene miedo de ir realmente por él.

Otra cosa a destacar es la falta de contenido. El visitante no puede distraerse con barras laterales, anuncios o elementos de navegación adicionales o objetos superfluos- sólo hay unos pocos artículos en la página focalizando su atención.

Página de inicio de Microsoft

Microsoft tiene un enfoque diferente a su página principal, aunque incluyen también un anuncio de gran tamaño en la parte superior de la página para atraer la atención del usuario. Este elemento gráfico está formado por tres anuncios de productos, aunque solo se muestra uno cada vez mediante paneles deslizantes. Esto centra la atención, pero potencialmente puede debilitar la eficacia de los dos anuncios ocultos ya que se requiere una acción del visitante para hacerlos visibles. En la parte superior de la página está el menú de navegación, junto con la búsqueda, coincidiendo con el planteamiento de Apple.

El espacio debajo del elemento principal actúa como un conjunto de anuncios destacados y noticias para las diversas áreas de negocio de la empresa. Un gran problema con el contenido que aquí se incluye es que es bastante aburrido y abrumador, con una gran cantidad de información aglutinada en un espacio muy pequeño, sin que nada llame especialmente la atención. La explicación de esto está en lo comentado en la introducción de este post: el público objetivo del sitio web.

• Respecto a la navegación por los contenidos de las páginas:

Navegación por los contenidos del sitio de Apple

Apple ha hecho un gran trabajo en la estructuración de la totalidad de sus páginas. Aquí, lo primero busca centrar la atención es la imagen de la derecha y luego el gran titular en la izquierda.

Después de leer el titular puede proceder a leer la propaganda de marketing a continuación, con un gran botón de acción que reclama la atención del visitante. Con este planteamiento, no se crean callejones sin salida para el visitante y se mantiene la navegación de este por los contenidos del sitio.

Navegación por los contenidos del sitio de Microsoft

En cuanto a Microsoft. En cada página crea un punto focal en la parte superior para captar la atención del visitante. El problema está en los contenidos que vienen a continuación. Todo este contenido es muy monótono. La estructuración de las páginas aporta al usuario menos incentivos para hacer clic en cada uno de los temas. Vuelve al exceso de contenidos en cada página.

• Respecto a las barras de navegación:

Sitio web de Apple tiene una gran barra de navegación en la parte superior, que permanece allí siempre cualquiera que sea la sección del sitio que ir. De esta forma, el visitante SIEMPRE sabe dónde dirigirse para navegar por las distintas secciones del sitio web.

Las opciones disponibles muestran las secciones principales divididas por sus líneas de negocio, así como un par de elementos esenciales, como el área de soporte y la tienda. La barra de navegación también integra la búsqueda y el logotipo de la marca como enlace a la página de inicio del portal. Los submenús se encuentran en cada una de las páginas temáticas y se colocan en el contexto de esa página, ya sea en una barra lateral, o como una barra horizontal en la parte superior.
Microsoft tiene una barra de navegación similar en la página principal, pero que la barra de navegación no es homogénea en el sitio. Para cada una de las páginas temáticas, tiene una barra de navegación exclusiva y contextualizada con el contenido de la página. De esta forma se pretende que la barra de la página de inicio funcione como un mapa del sitio para el resto de las secciones del sitio web de Microsoft.

En muchas de las barras de navegación, Microsoft utiliza menús desplegables – a diferencia de Apple- y, en algunos casos estos son demasiado extensos. Incluso, para algunos de ellos y en el caso de utilizar Firefox, estos menús requieren hacer scroll vertical. Estos menús desplegables bloquean parte del contenido de la página.

• Respecto a la legibilidad de los contenidos de las páginas:

Legibilidad de los contenidos en la web de Apple

La mayoría de los contenidos de ambos sitios se basan en texto, por lo que es vital que estos sean fáciles de leer. Apple hace un gran trabajo para conseguir esto. El tamaño del texto es generalmente pequeño, pero logran utilizar un tamaño de fuente cómodo de leer. Utilizan distintos tamaños y textos en negrita para resaltar conceptos de cada una de las secciones. Por otra parte, hace uso intensivo de espacio en blanco para facilitar la separación de contenidos, añadiendo imágenes donde quieren resaltar conceptos.

Legibilidad de los contenidos en la web de Microsoft

Por su parte, Microsoft, sigue las directrices de usabilidad web dividiendo en bloques de texto los conceptos importantes de las páginas. En general, la densidad de texto es mucho mayor que en la web de Apple al incluir más contenidos en cada página. El tratamiento que realiza para los títulos y palabras destacadas también difiere de esta. Tanta  variedad de contenidos y texto provoca el caos visual de la página, Cada uno de diferente color o elemento negrita compiten por su atención. En este caso, la página que realmente debe simplificarse para hacerlo más fácil para el espectador proceso.

Por otra parte, el texto de algunas de sus páginas es, probablemente, demasiado pequeño como para ser cómodo para leer. No se utilizan las separaciones con espacios en blanco que son tan destacables en la web de Apple.

• Respecto al motor de búsqueda:

En ambos sitios web el motor de búsqueda se encuentra integrado en la barra de navegación, siendo el factor diferenciador entre ambos la forma de presentar los resultados de la búsqueda.

Detalle del motor de búsqueda de sitios de Apple

En el caso de Apple se muestra una pequeña caja,  desarrollada en AJAX, mostrando los resultados mientras el visitante escribe los términos de la búsqueda. No hay ningún retraso al escribir estos, y los resultados se agrupan en por categorías y se recuperan muy rápido, generalmente antes de que termine de escribir su consulta completa.

Si el usuario desea ver más resultados, simplemente se debe puede pulsar Enter cuando haya terminado de escribir y se le llevará a una página estándar de resultados. Esta se presenta de forma muy sencilla y con los resultados organizados por categorías.

Microsoft tiene una página de resultados más familiar, con una apariencia similar a la de resultados en Google, adecuada para encontrar lo que busca el usuario (utiliza el motor de búsquedas de Live). El formato es una lista extensa que tiene sentido para Microsoft, debido a la naturaleza de su negocio, con una gran cantidad de sub-páginas y contenidos diferentes a la búsqueda.

Es funcional, pero la apariencia es diferente a las otras páginas, lo que hace que parezca que estás visitando un sitio web diferente.

Fuente: Apple vs. Microsoft – A Website Usability Study

The Apple vs Microsoft: comparativa de usabilidad de sus sitios web by AlmacenPlantillasWeb, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Spain License.