Introducció

Per a la realització d’aquest segon repte, cal fer l’anàlisi heurística d’una interfície. L’anàlisi es realitzarà sobre el web EDUC Course Catalogue. Aquest és un portal web on estan recollides totes les oportunitats d’aprenentatge de l’aliança universitaria EDUC.

He decidit fer-lo d’aquest web perquè entre tots els inputs que rep diariament, poriem dir que aquesta és una de les interfícies amb les que estic més en contacte estic. Veig la part dels usuaris i a més, també tinc contacte amb la part d’administració (pujar ofertes formatives al web i donar d’alta professorat), pel que sé amb certesa que hi ha moltes coses a millorar.

Metodologia

La metodología per fer aquesta anàlisi heurística és la de Jakob Nielsen i els seus 10 principis per ser els més universals.

 

En aquest cas, m’he centrat en les funcions clau que es poden realitzar en el web d’EDUC Course Catalogue. en el procés que realitza un usuari buscant una oferta formativa, com un usuari amb rol d’administrador, puja una oferta formativa a la plataforma, dona d’alta professorat, esborra l’oferta, etc.

10 principis de Jacob Nielsen

1 Visibilitat de l’estat del sistema

El disseny manté sempre informades a les usuàries sobre el que està passant amb comentaris adients en un espai de temps raonable.

Mala pràctica 1: Quan els usuaris fan el login a la pàgina per poder inscriure’s a oportunitat d’aprenentatge desitjada, el sistema no els informa en quin pas del procés estan o quants són els passos que cal fer durant el procés. Aquesta falta d’informació equival a no tindre el control sobre el que està passant, cosa que genera inseguretat als ususaris.

 

Recomanació 1: Per tal d’evitar que els usuaris no sàpiguen en quina part del procés del login estan o quins passos han de donar, caldria que quan l’usuari vaja a registrar-se al web, el sistema li informara de quines passes consta el procés.

Gravetat de l’error 1: Greu

Mala pràctica 2: Quan un usuari amb rol d’administració ha de pujar al web una oportunitat d’aprenentatge, ho fa en una pantalla on es troben tots els camps que hi ha disponibles per emplenar. Cosa que fa que mentre es va emplenant els camps, a l’usuari li provoca certa incertesa sobre quant temps tardarà a acabar d’emplenar-lo tot.

 

Recomanacions 2: Per tal d’evitar que els usuaris no sàpiguen en quina part del procés estan, caldria fer el procés de pujar ofertes d’oportunitats d’aprenentatge en diverses pàgines, així es podria separar el procés per parts i es podria indicar als usuaris en quina part del procés estan.

Gravetat de l’error 2: Moderat

2 Adequació entre el sistema i el món real

El disseny ha de parlar l’idioma de les persones usuàries. Utilitza paraules, frases i conceptes familiars per a les usuàries en lloc d’un argot intern. Segueix les convencions del món real, fent que la informació aparega en un ordre natural i lògic.

Bona pràctica: Les fitxes de les oportunitats d’aprenentatge estan detallades amb conceptes que els usuaris són familiars (crèdits, nivell de l’idioma, professorat, inscripció, descripció de l’oportunitat d’aprenentatge, …)

 

Mala pràctica: Els filtres de cerca utilitzen un llenguatge tècnic (argot intern), que sols és conegut per les persones que estan involucrades en les tasques de l’aliança, però per a la resta de persones (estudiants, investigadors i personal, etc.) que no treballen directament, els són totalment desconegudes.

Gravetat de l’error: Moderat

3 Llibertat i control per part de la persona usuària

Sovint les usuàries realitzen accions per error. Necessiten una «eixida d’emergència» que estiga clarament senyalitzada per tal de poder abandonar l’acció no desitjada sense haver de passar per un procés llarg.

Bona pràctica: El sistema permet als usuaris trobar amb facilitat com tancar la finestra amb la informació de l’oportunitat d’aprenentatge que ha consultat.

Mala pràctica 1: A l’hora de pujar un curs a la plataforma, la persona administradora que està emplenat totes les dades requerides no té al seu abast un botó per cancel·lar aquesta acció. En cas de voler eixir de la pàgina, com el sistema no li proporciona eixa opció, per poder cancel·lar l’usuari ha de prémer en qualsevol part del calaix esquerre de l’Administrador o bé prémer el botó darrere del navegador.

 

Gravetat de l’error: Moderat

Mala pràctica 2: En cas que l’usuari necessite cancel·lar l’acció de pujar una oferta a la plataforma, però vulga guardar part de la informació completada, tampoc hi ha a la vista un botó per guardar un esborrany. En cas de voler fer-lo, ha d’emplenar pràcticament quasi tot el formulari (altrament no és possible continuar, ja que quasi tot són camps obligatoris), i després prémer sobre No voler fer-lo públic.

 

Gravetat de l’error: Moderat

Mala pràctica 3: Passa el mateix a l’hora de voler donar d’alta a un professor dins del web, el sistema tampoc ens dona l’opció de cancel·lar aquesta acció.

Gravetat de l’error: Lleu

4 Consistència i estàndards

Les usuàries no haurien de preguntar-se si diferents paraules, situacions o accions signifiquen el mateix. Cal seguir les convencions de la plataforma i del sector.

Mala pràctica 1: Les etiquetes de les targetes de les diferents oportunitats formatives no són cliclables. És a dir, no fan el que s’espera d’elles, no serveixen per filtrar ràpidament.

 

Gravetat de l’error: Lleu

Mala pràctica 2: Les icones de la part d’administració que hi ha en el llistat de les oportunitats ràpides, no seguiexen els patrons esperats pels usuaris. Quan l‘usuari passa el ratolí per damunt, sols li apareix la descripció de la icona en un parell de casos, en la resta no.

 

Gravetat de l’error: Lleu

Mala pràctica 3:  La icona de l’ull no representa el que els usuaris estem acostumats (fer visible o no l’oferta). En aquest cas, en prémer a l’ull et porta al llistat de persones inscrites a l’oportunitat d’aprenentatge, cosa que no s’ajusta al patró esperat i no segueix els estàndards. A més, en el context d’estar en el panell central d’ofertes formatives, l’administrador espera trobar poder prémer la icona de l’ull per fer ràpidament visible o no l’oferta.

 

Gravetat de l’error: Moderat

5 Prevenció d’errors

Els bons missatges d’error són importants, però els millors dissenys eviten que aquests es produïsquen en un primer moment. O bé s’eliminen les condicions que afavorisquen a errors, o bé es comprova la seua existència i s’ofereix a les usuàries una opció de confirmació abans de realitzar l’acció.

Bona pràctica: El sistema avisa a l’administrador a l’hora d’emplenar el formulari quins són els camps obligatoris amb un * al costat del títol del camp a emplenar.

Per tal de fer més evident que el camp a emplenar és obligatori, es podria posar baix del quadre de text un missatge avisant que el camp és obligatori, tal com ja es fa quan s’intenta enviar l’oportunitat d’aprenentatge i no ho permet perquè l’usuari no ha emplenat els camps obligatoris.

6 Reconeixement abans que record

Minimitza la càrrega de memòria de les usuàries fent visibles els elements, accions i opcions. L’usuària no ha de recordar informació d’una part o altra de la interfície. La informació necessària per utilitzar el disseny (per exemple, etiquetes de camps o elements de menú) ha d’estar visible o ser fàcilment recuperable quan siga necessari.

Mala pràctica: Quan l’usuari està cercant una oportunitat d’aprenentatge, el sistema no li ofereix suggeriments a l’usuari mentre va escrivint. Pel que obliga als usuaris recordar quin és exactament el nom de l’oportunitat d’aprenentatge.

 

Gravetat de l’error: Moderat

7 Flexibilitat i eficiència en l’ús

Les dreceres (ocultes als usuaris novells) poden accelerar la interacció per a l’usuari expert, de manera que el dissent pot atendre alhora a usuaris inexperts com experimentats, Permetre als usuaris personalitzar accions més freqüents.

Bona pràctica: El sistema ofereix als administradors una sèrie de plantilles per poder pujar a la plataforma més ràpidament un curs a la llista d’oportunitats d’aprenentatge.

 

Mala pràctica: El sistema no ofereix a l’usuari la possibilitat de guardar com favortis les oportunitats d’aprenentatge que tinguen cert interès per tal de donar-los flexibilitar i poder revisar-les més endavant.

 

Gravetat de l’error: Moderat

8 Disseny estètic i minimalista

Les interfícies no han de tindre informació irrellevant o que s’utulitza de tant en tant. Cada unitat d’informació addicional en una interfície fa competencia amb les unitats d’informació rellevants i redueix la seua visibilitat relativa.

Bona pràctica: El web té un disseny senzill i clar. Es nota que la seua prioritat no ha sigut l’estètica, sino fer un portal web on els usuaris de l’aliança puguen entrar per buscar les oportunitats d’aprenentatge més adients per a les seues necessitats.

Mala pràctica 1: El disseny de la pàgina de l’oferta pública d’oportunitats d’aprenentatge és diferent de la part de l’administració.

Gravetat de l’error: Moderat

Mala pràctica 2: L’ús del color no es tracta de la mateixa manera en tot el sistema. Els botons i enllaços fan servir uns colors diferents a la pàgina pública d’ofertes mentre que en la part d’administració en predominen uns altres.

Gravetat de l’error: Moderat

Mala pràctica 3: La combinació de colors del sistema no és accessible.

Gravetat de l’error: Greu

9 Ajuda les persones usuàries a reconèixer i diagnosticar els errors i recuperar-se’n

Els missatges d’error han d’expressar-se en un llenguatge senzill (sense codis d’error), indicar amb precisió el problema i suggerir constructivament una solució.

Bona pràctica: Quan l’administrador va a eliminar un item de l’oferta d’oportunitats d’aprenentatge, el sistema avisa que es va a esborrar un curs.

 

Mala pràctica: Quan l’administrador vol donar d’alta una oportunitat d’aprenentatge i no pot continuar perquè no ha emplenat tots els camps obligatoris, no li apareix un missatge d’error explicant què ha passat.

 

Gravetat de l’error: Greu

10 Ajuda i documentació

És millor que el sistema no necessite cap explicació addicional. Però, pot ser necessari proporcionar documentació per tal d’ajudar a les usuàries a entendre com completar les seues tasques.

Bona pràctica: La plataforma té un sistema de chat on l’usuari pot parlar directament amb persones administratives del Course Catalogue.

 

Mala pràctica 1: Encara que el sistema disposa d’un FAQ i un espai on s’explica com inscriure’s, aquests no estan pensats per als usuaris. Es van escriure pensant que les persones que entrararen al web sabríen què és EDUC. Quan un usuari entra a la platafoorma vol saber què pot trobar al web, què son els COILS, o què és un Capacity Delevlopment, etc. I actualment el sistema no ofereix eixa informació, pel que molts usuaris se’n van decebuts del web.

Gravetat de l’error 1: Greu

Mala pràctica 2: La pàgina d’administració no compta amb un xicotet FAQ o amb un tutorial per saber com donar d’alta ofertes d’aprenentatge o professortat.

Gravetat de l’error 2: Greu

Llistat dels errors segons la gravetat

 

Errors geus

• Principi 1 Visibilitat de l’estat del sistema: 

La falta d’informació durant el procés de login dels usuaris els genera inseguretat ja que no tenen el control sobre allò que està fent el sistema.

Recomanació: Per tal d’evitar que els usuaris no sàpiguen en quina part del procés del login estan o quins passos han de donar, caldria que quan l’usuara anara a registrar-se al web, el sistema li informara de quines passes consta el procés.

• Principi 8 Disseny estètic i minimalista:

La combinació de colors del sistema no és accessible.

Recomanació: Per tal de tindre un web accessible, és necessari crear una paleta de colors accessible.

• Principi 9 Ajuda les persones usuàries a reconèixer i diagnosticar els errors i recuperar-se’n

L’administrador no li apareix un missatge d’error explicant què ha passat quan va a donar d’alta una oportunitat d’aprenentage.

Recomanació: Crear un misstge que explique als administradors perquè no poden segurir amb la publicació de l’oportunitat educativa, indicant quins són els camps que fa falta emplenar.

• Principi 10 Ajuda i documentació

El sistema no ofereix informació que siga d’utilitat i rellevant a l’usuari.

Recomanació: Actualitzar el FAQ on s’explique què amb claredat es el web, què podrà trobar l’usuari i a més explicar en detall i en llengutge pla, què son les diferents oportunitats d’aprenentage, i altres coses que puguen ser d’interés per als usuaris que no saben què és EDUC.

• Principi 10 Ajuda i documentació

La pàgina d’administració no compta amb un FAQ

Recomanació: Crear miniguies i un FAQ, d’aquesta manera, no cladrà formar a cada nova persona que entra a formar-ne part de l’administració.

Errors moderats

• Principi 1 Visibilitat de l’estat del sistema: 

La falta d’informació durant el procés d’un administrador a l’hora de pujar al web una oportunitat d’aprenentatge.

Recomanació: Per tal d’evitar que els usuaris no sàpiguen en quina part del procés estan, caldria fer el procés de pujar ofertes d’oportunitats d’aprenentatge en diverses pàgines, així es podria separar el procés per parts i es podria indicar als usuaris en quina part del procés estan.

• Principi 2 Adequació entre el sistema i el món real:

Els filtres de cerca utilitzen un llenguatge tècnic que sols coneixen les persones que treballen directament en l’aliança.

Recomanació: Com aquest llenguatge tècnic no es pot canviar, crear en el FAQ un espai on s’expliquen amb detall què signifiquen tant les principals oportunitats d’aprenentatge com tot allò que puga ser d’interès per als usuaris.

• Principi 3 Llibertat i control per part de la persona usuària:

L’administradora que està emplenat totes les dades requerides no té al seu abast un botó per cancel·lar aquesta acció.

Recomanació: Afegir el botó de Cancel·lar per tal de donar  llibertat i control als usuaris.

• Principi 3 Llibertat i control per part de la persona usuària:

En cas que l’usuari necessite cancel·lar l’acció de pujar una oferta a la plataforma, però que a més vulga guardar part de la informació completada, tampoc hi ha un botó per desar un esborrany. Per tractar de desar una espècie d’esborrany, l’usuari ha d’emplenar pràcticament quasi tot el formulari (altrament no és possible continuar, ja que quasi tot són camps obligatoris).

Recomanació: Afegir el botó de Cancel·lar per tal de donar llibertat i control als usuaris. A més, per tal de mantindre l’opció d’elements d’informació obligatoris, separar aquest procés per pàgines així es podria guardar la informació obligatòria emplenada de la pàgina, i l’administrador podria continuar més endavant emplenant la resta d’informació.

• Principi 4 Consistència i estàndards:

La icona de l’ull no s’ajusta al patró esperat, no segueix els estàndards.

Recomanació: Canviar la icona per una que represente millor la funcionalitat.

• Principi 6 Reconeixement abans que record:

L’usuari està cercant una oportunitat d’aprenentatge, el sistema no li ofereix suggeriments a l’usuari mentre va escrivint.

Recomanació: Oferir suggeriments de cerca als usuaris quan comencen a escriure al camp de cercà, aixó els ajudarà en les situacions on no recorden bé el nom de l’oportunitat d’aprenentatge que estan buscant.

• Principi 7 Flexibilitat i eficiència en l’ús:

L’usuari no té la possibilitat de guardar com favortis les oportunitats d’aprenentatge.

Recomanació: Oferir la possibilitat de crear un espai per a l’usuari on estiguen llistades les oportunitats d’aprenentatge que ha guardat com favorites.

• Principi 8 Disseny estètic i minimalista:

El disseny de la pàgina de l’oferta pública d’oportunitats d’aprenentatge és diferent de la part de l’administració.

Recomanació: Unificar el disseny d’ambdues parts del sistema per tal de donar-li coherència i consitència.

• Principi 8 Disseny estètic i minimalista:

L’ús del color no es tracta de la mateixa manera en tot el sistema.

Recomanació: Unificar el disseny d’ambdues parts del sistema. Utilizar sempre els mateixos colors per als botons i per al enllaços, ja que milloraria la coherència i facilitaría la faena als usuaris pel que fa al reconeixement, ja que en veure eixa determinada combinació de color sabrà que correspon a un botó o un enllaç.

Errors lleus

• Principi 3 Llibertat i control per part de la persona usuària:

A l’hora de donar d’alta a un professor dins del web, el sistema no ens dona l’opció de cancel·lar aquesta acció.

Recomanació: Afegir el botó de Cancel·lar per tal de donar llibertat i control als usuaris

• Principi 4 Consistència i estàndards:

Les etiquetes de les targetes no són clicables

Recomanació: Fer que aquestes etiquetes servisquen de filtre ràpid per als usuaris.

• Principi 4 Consistència i estàndards:

Quan l‘usuari passa el ratolí per damunt de les icones del panell d’Administració, sols li apareix la descripció de la icona en un parell de casos, en la resta no.

Recomanació: Habilitar que aparega la descripció en totes les icones del sistema.