Revisión de usabilidad y benchmark de una calculadora de precios

01Contexto

La página donde un comprador calcula el precio de una configuración

Arvan Cloud es un proveedor iraní de nube y CDN. Su web tenía una calculadora de precios de los servicios que vende: servidores en la nube, paquetes de seguridad, streaming en directo, vídeo, almacenamiento, DNS y soporte. Un comprador elegía lo que quería, pulsaba Calcular y obtenía un resumen con formato de factura, con un botón para registrarse y pedir.

En enero de 2020, como parte de su trabajo, Sina revisó esa página. El rediseño que vino después se publicó. Este estudio trata de la revisión que lo precedió: qué se hizo primero, cómo se registró cada problema, con quién se comparó la página y qué se midió. Termina con dos pantallas del rediseño. Arvan ha actualizado su sitio desde entonces, así que la calculadora que está hoy en línea no es la que se describe aquí.

02Enfoque

Cinco días, tres sesiones, un tablero

Sina trabajó en solitario, del 19 al 23 de enero de 2020, en un único tablero de Trello. La página se usó como la usaría un comprador: rellenando cada sección del formulario, pulsando Calcular, leyendo la factura y cambiando una opción para ver qué cambiaba.

Cada problema se convirtió en una tarjeta: un título breve, normalmente una etiqueta con su tipo (usabilidad, interfaz o texto), a menudo una captura de pantalla y a veces una nota sobre lo que había que cambiar. Las listas siguen las partes de la propia calculadora, como sus campos de entrada, su factura y cada producto, de modo que cada tarjeta está donde se encontró el problema.

Tres sesiones registraron 48 de los 50: 22 el 19 de enero, y después 13 el 20 de enero y 13 el 21 de enero. Dos más se añadieron el día 22. Entre sesiones, el tablero fue acogiendo el resto del trabajo.

La página se midió antes de juzgarla: la prueba de velocidad llegó antes del primer hallazgo.

03Hallazgos

Cincuenta problemas, en ocho temas

De las 50 tarjetas, 26 llevan la etiqueta de usabilidad, 15 la de interfaz y 13 la de texto. Una tarjeta puede llevar más de una, y tres no llevan ninguna. Leídas en conjunto, se agrupan en ocho temas.

En la tercera sesión, 11 de las 13 notas están escritas como las diría un comprador.

04Comparativa

Otras doce calculadoras, medidas del mismo modo

Cada una de las otras 12 calculadoras de precios de la nube tuvo una tarjeta propia. Las 13 páginas, la de Arvan incluida, pasaron por GTmetrix y acabaron en una misma hoja de cálculo: puntuaciones de PageSpeed y de YSlow, tiempo de carga, tamaño y número de solicitudes. Las doce eran Google Cloud, Microsoft Azure, AWS TCO, Open Telekom Cloud, Oracle Cloud, Rackspace, Firebase, Huawei Cloud, NetApp, DigitalOcean, FME Cloud y Selectel.

Medida así, la página de Arvan era la segunda más pesada: 2,65 MB, frente a una mediana de unos 1,2 MB en las demás, y únicamente los 3,13 MB de Oracle la superaban. Hacía 106 solicitudes, la tercera cifra más alta, frente a una mediana de 65. Su puntuación de PageSpeed, 56, compartía el tercer lugar entre las más bajas, y con 6,7 segundos era la quinta más lenta en cargar. En YSlow quedaba a mitad de tabla.

Cada página se probó una vez, con el plan gratuito de GTmetrix, desde Vancouver el 19 y el 20 de enero de 2020, así que las cifras son una instantánea, no un veredicto. Bastaron para situar la página entre sus homólogas.

Además de las doce, se guardaron como tarjetas de ideas dos diseños de otros sitios: el pago por uso, de una aplicación de tarifas de móvil, y una disposición en tarjetas para los paquetes.

La página de Arvan pesaba más que todas las otras 12 calculadoras salvo una.

05Búsqueda

Un título de 22 caracteres y sin subtítulos

También se comprobó cómo leerían la página los buscadores. Una extensión de SEO del navegador señaló un título de 22 caracteres y una descripción de 53, sin palabras clave ni etiqueta canónica. La página tenía un H1, la palabra «calculadora», y seis etiquetas H6 que en realidad eran elementos del menú; no tenía ninguna de H2 a H5. Incluía 56 imágenes y 144 enlaces.

Una auditoría del sitio añadió dos puntos menores: un certificado próximo a caducar y una página con una redirección temporal.

06Rediseño

El rediseño, en dos pantallas

El rediseño que vino después de la revisión se publicó. Sina conserva dos pantallas de él, que se muestran abajo. Es todo lo que este estudio tiene del rediseño, así que este capítulo solo dice lo que esas dos pantallas muestran.

Bajo una fila de mosaicos, uno por cada uno de los nueve servicios, la página tiene dos tarjetas una al lado de la otra. Una contiene los ajustes del servicio elegido, aquí el almacenamiento en la nube: su región, su tamaño, sus solicitudes y su tráfico saliente, con un botón que lo añade a la factura. La otra es la propia factura.

Mientras no se ha añadido nada, la factura dice que está vacía y qué hacer primero: personalizar un servicio y añadirlo. Una vez añadidos los servicios, cada uno es una línea de la factura que se puede plegar o quitar, y su mosaico lleva un punto amarillo.

En la página antigua la factura llegaba la última, tras «Calcular». En el rediseño está en pantalla antes de añadir nada.

07Mi rol

La parte de Sina

Sina revisó la calculadora en solitario en enero de 2020, mientras trabajaba en diseño de producto en Arvan Cloud. Las notas recogen el uso de la página por parte de una persona; ninguna prueba con otras personas forma parte de este estudio.

Responsable

La revisión: cada sesión, hallazgo y etiqueta
La comparación con otras 12 calculadoras de la nube
Las mediciones de velocidad y la hoja de cálculo en la que se recogieron
La comprobación de SEO
Las dos tarjetas de ideas
Las dos pantallas del rediseño que se muestran aquí

Corresponsable

—

Colaboración

—

08Resultados

Qué produjo la revisión

Una revisión y su material de respaldo, no un resultado. El rediseño que vino después se publicó y se muestran dos de sus pantallas, pero ese material no recoge ninguna cifra de lo que cambió.

problemas registrados: 50; En cinco días y tres sesiones, casi todos etiquetados como usabilidad, interfaz o texto; Entregable · Tablero de revisión, 19–23 ene 2020
páginas medidas: 13; La calculadora de Arvan y otras 12, cada una probada una vez en GTmetrix; Entregable · Hoja de cálculo de velocidad, 19–20 ene 2020
temas: 8; Palabras, controles, unidades, la factura, entradas, el orden del formulario, errores y los cálculos que la página deja al comprador; Entregable · Agrupados a partir del tablero
ideas guardadas: 2; Pago por uso y una disposición en tarjetas para los paquetes; Entregable · Tarjetas de ideas, 21–22 ene 2020

Qué se entregó

Un tablero de 50 hallazgos, etiquetados y organizados por parte de la calculadora
Una hoja de cálculo con las cifras de velocidad de 13 páginas

09Lo que aprendí

Lo que cambiaría

01
Ver cómo la usa otra persona
Las notas recogen el uso de la página por parte de una persona, y once hablan como lo haría un comprador. Eso sirve para encontrar problemas, pero no dice cuáles detienen a un comprador ni con qué frecuencia. Unas pocas sesiones con compradores reales los habrían ordenado por importancia.
02
Priorizar los problemas al registrarlos
Las 50 tarjetas tienen el mismo peso: el tablero cuenta con etiquetas para el tipo de problema, pero ninguna que indique cuánto importa, quién se encarga o para cuándo es. Una marca de gravedad en el momento de registrar habría dejado una lista preparada para actuar.
03
Repetir cada prueba de velocidad
Una prueba de GTmetrix por página, en un mismo día y desde un mismo lugar, es una instantánea. Varias pruebas en momentos distintos mostrarían un rango, y las diferencias entre páginas tendrían una base más firme.

Idioma