Avalucio Heuristica de rcarecords.com
Benvinguts a la meva avaluació heurística de la plataforma web de RCA Records. És emocionant explorar i avaluar la usabilitat i el disseny d’aquesta influent discogràfica. Amb més de [menciona el nombre d’anys, si ho saps] d’història, RCA Records es converteix en la segona discogràfica més antiga del món. No només això, sinó que ha guanyat recentment el reconeixement d’Awwwards amb el guardó SOTD (Site of the Day) al mes d’abril del 2023.
En aquesta revisió detallada, exploraré en profunditat els elements de la interfície d’aquest lloc web, avaluant la seva conformitat amb els principis de disseny i usabilitat.
La pàgina web de RCA Records és un element clau dins la indústria musical i la seva història innovadora és innegable. Amb aquesta avaluació, l’objectiu és analitzar la interfície actual, identificar punts forts i àrees d’oportunitat, i oferir suggeriments per a futures millores.
Durant aquesta anàlisi, exploraré la navegació, la coherència visual, la facilitat d’ús i altres aspectes rellevants que configuren l’experiència dels usuaris en aquest lloc web. La meva intenció és proporcionar una visió crítica i constructiva que ajudi a RCA Records a millorar la seva plataforma web per continuar sent un referent en el món de la música.
Us convido a acompanyar-me en aquest recorregut mentre explorem la interfície de la pàgina web de RCA Records des d’una perspectiva centrada en l’experiència de l’usuari, amb l’objectiu de promoure un entorn més eficient, atractiu i satisfactori per als seus visitants.
Mètode
Per dur a terme la recopilació de les troballes en l’avaluació heurística, s’ha creat una llista de verificació, la qual es troba disponible en aquest enllaç: https://www.canva.com/design/DAFz9g2LWB4/cZ9ojo-9HB1KDiv2U6_1_Q/edit?utm_content=DAFz9g2LWB4&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton. Aquesta llista serveix com a guia durant el procés d’avaluació, ajudant a identificar els punts clau de manera sistemàtica i detallada:
Un cop s’ha identificat un punt essencial de la heurística, s’ha desenvolupat un sistema d’avaluació específic. Aquest sistema es basa en la freqüència, la gravetat i la importància de la funcionalitat, permetent una mesura quantitativa de les troballes. Aquest enfocament mètric proporciona una manera estructurada de classificar les troballes, alliberant una anàlisi detallada i, finalment, facilitant la formulació de recomanacions de millora precises i fonamentades en dades concretes.
La freqüència en una avaluació heurística es refereix a la probabilitat o la freqüència amb què els usuaris podrien trobar-se amb un problema específic. Si una troballa té una alta freqüència, significa que és una situació comuna o que molts usuaris podrien experimentar-la amb regularitat. En contraposició, una freqüència baixa indica que és una situació poc habitual, que només uns pocs usuaris podrien trobar en circumstàncies específiques. És important considerar la freqüència per prioritzar les millores i correccions, ja que els problemes més freqüents poden tenir un impacte més gran en l’experiència global dels usuaris.
- Molt improbable: Només uns pocs usuaris en situacions molt rares o específiques.
2.- Poc probable.
3.- Moderadament probable.
4.- Bastant probable.
5.- Molt probable: Situació que es dona amb molta freqüència i afecta una gran quantitat d’usuaris.
La gravetat d’una troballa o descoberta en una avaluació heurística representa la seva seriositat o la magnitud de l’impacte que pot tenir en l’experiència de l’usuari o en el funcionament del sistema. Quan es determina la gravetat, es considera la importància relativa d’aquesta troballa en termes de quanta afectació pot tenir sobre la interacció dels usuaris o sobre la consecució dels seus objectius. Una gravetat alta indica problemes crítics o situacions que poden causar grans obstacles o confusions, afectant negativament la experiència d’usuari, mentre que una gravetat baixa indica problemes menys crítics o amb un impacte menor.
- Molt baixa: Impacte mínim o sense conseqüències greus per als usuaris.
- Baixa
- Moderada
- Alta
- Molt alta: Impacte greu que afecta de manera significativa la experiència dels usuaris o impedeix completament la realització de les seves tasques.
La importància de la funcionalitat es refereix al valor relatiu o la necessitat que té una determinada característica o funció dins del context d’una aplicació, sistema o producte. Es tracta de determinar quin és l’impacte o la rellevància d’aquesta funcionalitat per a l’usuari final o per al funcionament general del sistema. Aquesta importància pot variar segons les necessitats dels usuaris, els objectius del sistema o la seva relació amb altres funcions.
- Molt Baixa: Funcionalitat poc rellevant que no afecta significativament l’ús o la satisfacció de l’usuari.
- Baixa: Funcionalitat que aporta valor addicional, però no és essencial per a la majoria dels usuaris.
- Moderada: Funcionalitat rellevant que pot millorar l’experiència de l’usuari o afegir valor al sistema.
- Alta: Funcionalitat essencial que és important per als usuaris i és clau per a la interacció o el funcionament del sistema.
- Molt Alta: Funcionalitat crítica, imprescindible per al sistema o que té un impacte substancial en l’ús i la satisfacció de l’usuari, sense la qual el sistema seria significativament menys útil o complet.
Avaluació Heurística
1: Visibilitat de l’estat del sistema
El disseny sempre ha de mantenir els usuaris informats sobre el que està succeint, mitjançant una retroalimentació adequada en un temps raonable.
Descobriment 1: Mal Exemple
Descripció:
La animació de so es mou quan no hi ha cap reproducció en curs, cosa que pot donar la falsa impressió que el so està actiu.
Idea de millora:
La millora podria consistir en mostrar un botó de reproducció tipus ‘play’ quan cap cançó està sonant, mentre que l’animació actual només s’utilitzaria quan hi ha música reproduint-se.
Avaluació:
- Freqüència: 4/5
- Gravetat: 2/5
- Importància de la funcionalitat: 5/5
Descobriment 2: Bon Exemple
Descripció:
En els carrusels amb cartes es pot distingeix una carta tallada per la delimitatico de la pantalla, tot i que anivell visual
Idea de millora:
Incloure una retroalimentació visual similar en tots els elements podria ajudar a proporcionar una experiència més coherent i intuitiva als usuaris, eliminant confusions i millorant la usabilitat del sistema.
Avaluació:
- Freqüència: 4/5
- Gravetat: 2/5
- Importància de la funcionalitat: 5/5
2: Adequació entre el sistema i el món real
El disseny ha de parlar el llenguatge dels usuaris. Utilitza paraules, frases i conceptes familiars a l’usuari, en lloc de jerga interna. Segueix les convencions del món real, fent que la informació aparegui en un ordre natural i lògic.
Descobriment 3: Mal Exemple
Descripció:
En les targetes, els enllaços als articles es proporcionen només a través de les imatges i del text subratllat. Això pot causar confusió a l’usuari, ja que l’ús d’una línia delimita les targetes pot donar la sensació d’un únic element. Això també pot ser problemàtic si l’usuari no fa clic al punt específic desitjat.
Idea de solució:
Que el link sigui la tarjeta en si.
Avaluació:
- Freqüència: 3/5
- Gravetat: 4/5
- Importància de la funcionalitat: 3/5
Descobriment 4: Bon Exemple
Descripció:
Es fa serir graphics que imiten als botons de control d’una taula de punchar.
Idea de solució:
En aquest escenari, els botons es troben inactius ja que cap opció està seleccionada. Una millora proposada seria utilitzar elements gràfics que imitin la funcionalitat dels LED que indicin cuan hi ha so actiu.
Avaluació:
- Freqüència: 2/5
- Gravetat: 1/5
- Importància de la funcionalitat: 2/5
3: Llibertat i control per part de l’usuari
Els usuaris sovint realitzen accions per error. Necessiten una «sortida d’emergència» clarament indicada per abandonar l’acció no desitjada sense haver de passar per un procés estès.
Descobriment 5: Mal Exemple
Descripció:
En fer clic al botó ‘Veure rols oberts’, s’accedeix a la secció de rols oberts. No obstant això, en cas d’haver realitzat aquesta acció per error, pot resultar confús per a l’usuari tornar al punt anterior.
Idea de millora:
Una possible solució podria ser implementar un botó o enllaç de «Tornar » que redireccioni l’usuari a la secció anterior des d’on va accedir al apartat de «open roles». Això permetria una navegació més intuïtiva i senzilla perquè l’usuari pugui retrocedir fàcilment si ha accedit a la secció incorrecta per error.
Avaluació:
- Freqüència: 1/5
- Gravetat: 2/5
- Importància de la funcionalitat: 1/5
Descobriment 6: Bon Exemple
Descripció:
Idea de millora:
Avaluació:
- Freqüència: 1/5
- Gravetat: 4/5
- Importància de la funcionalitat: 4/5
4: Consistència i estàndards
Els usuaris no haurien de qüestionar-se si diferents paraules, situacions o accions volen dir el mateix. Segueix les convencions de la plataforma i la indústria.
Descobriment 7: Mal Exemple
Descripció:
Inconsistència en la reacció de la icona del ratolí en diferents elements. La icona, de forma circular, presenta comportaments diversos al passar per sobre de diversos elements de la interfície. En alguns casos, reacciona sense grans canvis, generant una sensació de ser clicables; en altres, es transforma en un cercle gegant, canvia de color i mostra el text ‘GO’, mentre que en altres elements no experimenta canvis, malgrat ser enllaços o elements interactius, la qual cosa pot provocar una confusió sobre la seva funcionalitat.
Idea de millora:
Incloure una retroalimentació visual similar en tots els elements podria ajudar a proporcionar una experiència més coherent i intuitiva als usuaris, eliminant confusions i millorant la usabilitat del sistema.
Avaluació:
- Freqüència: 4/5
- Gravetat: 2/5
- Importància de la funcionalitat: 5/5
Descobriment 8: Bon Exemple
Descripció:
Les etiquetes defineixen la categoria de cada element. Totes tenen la mateixa tipografia i un punt al davant, però es distingeixen pel color. En l’exemple següent, observem ‘ALBUMS’ en vermell i ‘SINGLE’ en groc.
Idea de millora:
una millora podria ser mantenir la Incorporacio d’icones o símbols específics podria reforçar la comprensió i la identificació del contingut, millorant la navegació i l’experiència d’usuari.
Això podria proporcionar una identificació més ràpida i fàcil dels diferents tipus d’elements, fins i tot per aquells usuaris amb dificultats de percepció del color.
Avaluació:
- Freqüència: 1/5
- Gravetat: 1/5
- Importància de la funcionalitat: 3/5
5: Prevenció d’errors
Les bones missatges d’error són importants, però els millors dissenys eviten amb compte que es produeixin problemes en primer lloc. Elimina les condicions propenses a errors o verifica-les i presenta als usuaris una opció de confirmació abans que es comprometin amb l’acció.
Descobriment 9: Mal
Descripció:
En la secció d’ofertes de treball, no hi ha res mostrat. Aquesta absència d’informació pot crear confusió sobre si és un error, si no hi ha ofertes disponibles o si s’estan carregant en aquest moment.
Idea de millora:
Per evitar la confusió, seria beneficiós afegir un missatge temporal explicatiu que indiqui si en aquest moment no hi ha ofertes de treball disponibles o si la secció encara s’està carregant. Això proporcionaria claredat als usuaris sobre l’estat actual de la secció d’ofertes laborals.
Avaluació:
- Freqüència: 1/5
- Gravetat: 5/5
- Importància de la funcionalitat: 1/5
Descobriment 10: Bon Exemple
No he trobat cap exemple adequat d’aquesta heurística a la pàgina web que estic avaluant.
6: Reconeixement abans que record
Minimitza la càrrega de memòria de l’usuari fent que els elements, accions i opcions siguin visibles. L’usuari no hauria de recordar informació d’una part de la interfície a una altra. La informació necessària per utilitzar el disseny (p. ex., etiquetes de camps o elements de menú) ha de ser visible o fàcil de recuperar quan sigui necessària.
Descobriment 11: Mal Exemple
Descripció:
Idea de millora:
Avaluació:
- Freqüència: /5
- Gravetat: /5
- Importància de la funcionalitat: /5
Descobriment 12: Bon Exemple
Descripció:
En aquest cas, tenim una taula de mescles que representa la taula de mescles de la vida real. Un usuari familiaritzat amb aquest tipus de taula no haurà de aprendre res de nou ja que la disposició i funcionalitats són molt similars a les d’una taula de mescles convencional.
Idea de millora:
er millorar l’experiència, podrien proporcionar-se opcions de personalització a la taula de mescles per permetre als usuaris adaptar-la segons les seves preferències. Això podria incloure la capacitat de canviar la disposició dels controls o ajustar les preferències d’àudio per proporcionar una experiència més adaptable i personalitzada
Avaluació:
- Freqüència: 2/5
- Gravetat: 1/5
- Importància de la funcionalitat: 3/5
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 disseny pugui satisfer tant a usuaris inexperts com a usuaris experimentats. Permet als usuaris adaptar accions freqüents.
Descobriment 13: Mal Exemple
Descripció:
Idea de millora:
Proporcionar un enllaç a la pàgina principal des de la secció de ‘NEW RELEASES’ que redireccione als usuaris a la pàgina de ‘Notícies’
Avaluació:
- Freqüència: 3/5
- Gravetat: 3/5
- Importància de la funcionalitat: 4/5
Descobriment 14: Bon Exemple
Descripció:
Idea de millora:
«mplementar una indicació visual, com ara un ressalt o una etiqueta activa, per als botons de filtració seleccionats. Això proporcionaria als usuaris una millor retroalimentació sobre quin filtre està actiu, millorant la seva comprensió i facilitant la navegació del contingut filtrat
Avaluació:
- Freqüència: 1/5
- Gravetat: 2/5
- Importància de la funcionalitat: 4/5
8: Disseny estètic i minimalista
Les interfícies no haurien de contenir informació que sigui irrelevant o rarament necessària. Cada unitat addicional d’informació en una interfície competeix amb les unitats rellevants d’informació i disminueix la seva visibilitat relativa.
Descobriment 15: Mal Exemple
Descripció:
La ‘Top Bar’ de la pàgina web presenta un fons transparent que, en alguns casos, es superposa amb els elements de la pàgina principal. Aquesta superposició causa confusió i dificulta la visualització clara del contingut, ja que alguns elements gràfics es veuen interposats amb altres parts de la interfície, creant una experiència incòmoda i poc satisfactòria per als usuaris.
Idea de millora:
Modificar el fons de la ‘Top Bar’ perquè no sigui completament transparent, sinó que tingui una opacitat o degradacio lleugera que permeti veure els elements de la pàgina sense interferir en la seva visualització. Això pot millorar la claritat i la llegibilitat dels continguts, proporcionant una experiència més coherent i agradable als usuaris.
Avaluació:
- Freqüència: 5/5
- Gravetat: 3/5
- Importància de la funcionalitat: 5/5
Descobriment 16: Bon Exemple
Descripció:
Avaluació:
- Freqüència: 2/5
- Gravetat: 1/5
- Importància de la funcionalitat: 3/5
9: Ajuda les persones usuàries a reconèixer, diagnosticar i recuperar-se dels errors
Els missatges d’error han d’estar expressats en un llenguatge clar (sense codis d’error), indicar amb precisió el problema i suggerir constructivament una solució.
Descobriment 17: Mal Exemple
Descripció:
En aquesta situació, al fer clic a l’ícona de música, s’inicia la reproducció de música. En cas que aquesta acció s’hagi realitzat per error, no hi ha una opció clara per aturar la reproducció de la música.
Idea de millora:
Incorporar un botó o una icona evident per a aturar la reproducció de música en cas que l’usuari ho desitgi. Això proporcionaria un control més senzill i immediat sobre la reproducció de música accidental.
Avaluació:
- Freqüència: 3/5
- Gravetat: 4/5
- Importància de la funcionalitat: 4/5
Descobriment 18: Bon Exemple
Descripció:
En el camp de correu electrònic per subscriure’s, si s’introdueix un correu electrònic incorrecte, es mostra un missatge d’error.
Idea de millora:
Millorar el missatge d’error per oferir una explicació clara sobre què ha fallat en el correu electrònic introduït. Podria incloure indicacions específiques, com per exemple ‘El format del correu electrònic és incorrecte’ o ‘Si us plau, introdueix un correu electrònic vàlid’ per ajudar l’usuari a identificar millor el problema
Avaluació:
- Freqüència: 1/5
- Gravetat: 3/5
- Importància de la funcionalitat: 3 /5
10: Ajuda i documentació
És millor si el sistema no necessita cap explicació addicional. No obstant això, pot ser necessari proporcionar documentació per ajudar els usuaris a comprendre com completar les seves tasques.
Descobriment 19: Mal Exemple
Descripció:
En aquest cas, tenim un exemple deficient ja que les barres de cerca són elements estàndards, però en aquest cas, no s’utilitza cap icona estàndard per a les barres de cerca. Aquest text seria innecessari si s’utilitzés una solució més estàndard. A més, genera confusió, ja que no es té clar el que es pot buscar.
Idea de millora:
Implementar una barra de cerca estàndard amb una icona reconeixible per millorar l’experiència de l’usuari. A més, proporcionar una funció de suggeriments de cerca predictiva podria facilitar la comprensió i la usabilitat de la barra de cerca, oferint termes o frases comunes per ajudar els usuaris a iniciar la seva cerca de manera més ràpida i eficient.
Avaluació:
- Freqüència: /5
- Gravetat: /5
- Importància de la funcionalitat: /5
Descobriment 20: Bon Exemple
Descripció:
En el panell de la mescla de cançons, aquestes es poden seleccionar i canvien de color. Hi ha una explicació que indica el propòsit de cada color.
Idea de millora:
Augmentar la visibilitat de la explicació dels colors per facilitar la seva trobada. Podria ser útil col·locar-la en un lloc més destacat dins del panell de mescla de cançons, com ara adjuntar-la prop de les opcions de selecció o fer-la visible amb un botó d’informació que es pugui activar fàcilment.
Avaluació:
- Freqüència: 1/5
- Gravetat: 3/5
- Importància de la funcionalitat: 4/5
Conclusions:
Aquesta avaluació heurística proporciona una visió en profunditat de la plataforma web de RCA Records, destacant els aspectes positius i les àrees d’optimització. La revisió abasta la interfície, l’experiència de l’usuari i els principis de disseny i usabilita.
Basant-me en les troballes de l’avaluació heurística, aquí tens algunes prioritats per a la millora de la plataforma web de RCA Records:
- Millorar la visibilitat de l’estat del sistema:
- Problema Identificat: L’animació de so es mou quan no hi ha cap reproducció en curs, la qual cosa pot donar la falsa impressió que el so està actiu.
- Prioritat: Alta
- Exemple de Millora: Mostrar un botó de reproducció tipus ‘play’ quan cap cançó està sonant, reservant l’animació actual només per quan hi ha música reproduint-se.
- Millorar la consistència visual:
- Problema Identificat: Inconsistència en la reacció de la icona del ratolí en diversos elements.
- Prioritat: Mitjana
- Exemple de Millora: Uniformitzar la reacció de la icona del ratolí en tots els elements, proporcionant una experiència visual coherent i eliminant confusions sobre la seva funcionalitat.
- Optimitzar la navegació per a usuaris novells:
- Problema Identificat: Als usuaris els resulta impossible accedir a la pàgina de «News» des de la pàgina principal.
- Prioritat: Alta
- Exemple de Millora: Afegir un enllaç directe a la pàgina de «News» des de la secció «NEW RELEASES», facilitant la navegació per als usuaris novells.
- Millorar els missatges d’error:
- Problema Identificat: En la secció d’ofertes de treball, quan no hi ha ofertes, no es proporciona cap explicació, la qual cosa pot crear confusió.
- Prioritat: Mitjana
- Exemple de Millora: Afegir un missatge clar que indiqui si no hi ha ofertes disponibles actualment o si la secció s’està carregant, evitant la incertesa per als usuaris.
- Optimitzar la barra de cerca:
- Problema Identificat: La barra de cerca no utilitza cap icona estàndard, generant confusió.
- Prioritat: Alta
- Exemple de Millora: Implementar una barra de cerca estàndard amb una icona reconeixible, a més de proporcionar suggeriments de cerca predictiva per millorar la usabilitat.
Aquestes prioritats es basen en la freqüència, la gravetat i la importància de cada problema identificat. Abordar aquestes àrees millorarà significativament l’experiència de l’usuari a la plataforma web de RCA Records.
Referències:
https://www.nngroup.com/articles/how-to-conduct-a-heuristic-evaluation/
https://www.linkedin.com/pulse/evaluaci%C3%B3n-heur%C3%ADstica-checklist-francisco-mujica-/?originalSubdomain=es
Este es un espacio de trabajo personal de un/a estudiante de la Universitat Oberta de Catalunya. Cualquier contenido publicado en este espacio es responsabilidad de su autor/a.
Debatecontribution 0en Avalucio Heuristica de rcarecords.com