Avaluació d'Usabilitat de la portada de Meristation.com
16/01/2005, Jordi Creus, www.paparra.net
L'objectiu d'aquest informe és destacar les principals mancances pel que fa a la usabilitat de la portada de Meristation.com, aprofitant el seu recent redisseny. Entenguis doncs que no és un anàlisis global.
La URL analitzada ha estat: http://www.meristation.com/v3/GEN_portada.php
Índex:
- Conclusions
- Aspectes tècnics
- Categorització
- Capçalera
- Excés d'informació
- Consistència
- Altres consideracions
1. Conclusions
La portada de Meristation.com tot i estar força ben estructurada pateix varis problemes d'usabilitat. Els més crítics es poden resumir en 4 punts:
-
Pes excessiu: La portada és massa pesada i la gran majoria d'usuaris de connexions lentes desistiran de carregar-la. La millor manera de reduir codi seria seguir alguna de les recomanacions del W3C per als llenguatges HTML i CSS. Seria recomanable reduir el pes de la pàgina a uns 100 Kb per reduir el temps de càrrega a un valor acceptable per als usuaris.
-
Categorització: no és gaire intuïtiva per al usuari i és susceptible de ser interpretada de maneres diferents. Seria millor una categorització segons els objectius de l'usuari.
-
Menú horitzontal invisible: Tot i ser un menú molt útil, ja que està categoritzat per plataformes, passa desapercebut al trobar-se entre dos grans blocs gràfics. S'hauria de destacar el menú o situar-lo en un altre lloc.
-
Excés d'informació: La portada conté un gran volum d'informació que pot atabalar a l'usuari. S'hauria d'eliminar de portada el contingut menys rellevant.
2. Aspectes tècnics
El pes total de la portada és de 330 Kb ( 148 del document HTML i 182 d'imatges) en el moment de fer aquest informe, que carregaria en 66 segons en un modem de 56Kbps. (Dades extretes de WebOptimitzation.com).
El pes de la pàgina és un factor crític en les pàgines de portada, s'hauria de reduir per sota els 100 Kb per assolir uns temps de càrrega acceptables.
Es fa un ús excessiu de JavaScript i a més a més provoca pèrdua de funcionalitats si està desactivat.
La maquetació de la pàgina està realitzada amb taules el que provoca una complexitat excessiva al codi fent-lo molt més pesat.
La maquetació en taules i el pobre ús de fulles d'estils provoca un excés d'imatges de disseny al codi HTML.
Tant el codi JavaScript com el codi CSS es troba incrustat al document HTML. Si es estiguessin en documents externs el navegador els podria aprofitar de la memòria cache, reduint així el temps de càrrega.
3. Categorització
Tots els continguts estan categoritzats per 2 criteris: plataforma i tipus. A més a més els jocs estan classificats per genere.
La categorització per plataforma és perfectament vàlida ja que és un criteri acceptat i conegut pels usuaris de videojocs: coneixen les plataformes i són conscients de que cada plataforma disposa d'una gamma de jocs pròpia.
En canvi la categorització pel tipus d'informació resulta ambigua o confusa en alguns casos. Per exemple, la categoria Artículos
podria incloure les de Análisis
. Aquesta categorització no és gaire intuïtiva per al usuari i és susceptible de ser interpretada de maneres diferents.
D'altra banda a la portada es mostren poc elements de totes les categories, però realment es dona poca o cap informació útil de cada element (només el títol i la categoria).
La categorització hauria de tenir en compte que la majoria d'usuaris entraran a la pàgina amb 2 possibles objectius: assabentar-se de les novetats del segment que li interessi o aprofundir sobre un tema en concret. D'aquesta manera es podrien dividir tots els continguts en dues grans categories i subcategories d'aquestes.
Amb aquesta categorització es podria mostrar en portada el contingut organitzat en les dues grans categories (sense tenir en compte les subcategories), a part de mostrar més informació útil de cada element.
4. Capçalera
L'objectiu principal del lloc és oferir tot tipus d'informació sobre el món dels vídeo jocs.
L'eslògan de la capçalera resa de videoadictos para videoadictos
, deixa clara la temàtica del lloc però no el tipus de contingut. S'hauria de canviar per quelcom que destaqués el tipus d'informació que podrem trobar el lloc, per exemple: toda la información sobre videojuegos
.
Menú horitzontal
Els enllaços del menú horitzontal són molt similars als del menú lateral però al estar entremig de la capçalera i el banner passen desapercebuts.
Aquest menú pot resultar molt útil per a l'usuari ja que respecta el seu model mental: els usuaris de videojocs coneixen les diferents plataformes i els resulta u criteri conegut i vàlid. Per tant aquest menú s'hauria de ressaltar especialment.
Una possible solució seria utilitzar els format estàndard en aquests enllaços, però el factor que més afecta a la visibilitat del menú és el banner situat justament a sota.
5. Excés d'informació
El text amb la data actual que es troba sobre la capçalera és innecessari.
Hi ha seccions poc rellevants com FLASH o COMIC que es podrien treure de la portada. Quedant així una pàgina amb més espai per al contingut important.
La secció del QUID és l'única de text que ocupa tot l'ample del contingut, resultant en un text massa dens.
La secció Lo más Nuevo
són tot imatges, quan seria millor ressaltar el títol del joc per sobre de la imatge.
La llista d'actualitzacions és massa llarga (més de 30 elements), la seva longitud no hauria de sobrepassar els 15 elements per a que fos fàcilment llegible i al mateix temps representativa de les últimes actualitzacions.
6. Consistència
L'apartat de canales
del menú lateral reprodueix la barra de navegació però afegint 5 elements nous. Alguns d'ells ambigus com per exemple consolas
(que inclou altres canals) o Todos
que ens porta a la portada. Ja existeix el directori per a aquesta funció.
A l'apartat buscajuegos
hi apareix el Top-10
i Lanzamientos
que no encaixen dins l'apartat.
Les icones que acompanyen a les seccions Demos
, Trucos
, Guias
, Videos
i Últimas actualizaciones
(dins el contingut) no són significatius i no són consistents amb les altres seccions que no disposen d'icona.
7. Altres consideracions
El cercador està ubicat a mitja alçada del menú lateral, quedant ocult en resolucions de pantalla inferiors a 1024x768. Hauria d'estar ubicat a la part superior de la pàgina i el quadre de cerca hauria de ser el doble de gran.
Tots els enllaços queden subratllats al passar-hi per sobre, a més a més els enllaços del contingut sempre són de color blau. Exceptuant els enllaços que acompanyen a cada joc indicant la plataforma, on cada plataforma està diferenciada amb un color.
Tal i com es pot veure en aquesta captura, les sigles de cada plataforma no s'identifiquen com un enllaç.
El directori hauria d'estar més visible, ja que és una eina molt potent per a navegar per la web.
Assignar un color diferent per a cada plataforma no aporta cap avantatge a l'usuari. Si l'usuari li vol trobar utilitat es veu obligat a memoritzar les combinacions plataforma/color que li interessin.
Els enllaços de servicios
i participa
s'obren en finestres noves. Això junt amb uns dissenys diferents en algunes seccions d'aquests menús pot fer pensar a l'usuari que és troba en una altra pàgina fora de Meristation.com.
El icona de compra és significatiu, però no està destacat com un enllaç ni acompanyat d'un text.
Aquest document es troba sota una llicència de Creative Commons.