Entries Tagged 'Usabilitat' ↓
October 25th, 2007 — Usabilitat
Privalia ha llançat un joc a fi d’aconseguir registres a la seva web anomenat elprecioprivalia. La idea és bona, però la usabilitat de la pàgina principal crea moltíssima confusió i pot fer que l’usuari s’acabi sense registrar.
Si ens fixem en la pantalla principal, veurem com hi ha un text en gran al centre on posa “¡A jugar!” i la caixa de registre a la dreta. Com que primer volia saber de què anava el joc, després d’intentar clicar a les quatre col·leccions sense resultat, he intentat clicar en “¡A jugar!”, un cop he intuït que era un botó. L’únic que he aconseguit és que al costat de “e-mail”, hagi aparegut “completar” (i sort que estava atent, que sino, se’m passa) per tant he posat el meu usuari i password de privalia i he buscat entre els enllaços que hi ha a sota del formulari… mmm… “¿Has olvidado tu contraseña?”… no… diria que la recordo, …. “regístrate aquí” … tampoc … ja estic registrat… ostres… ara no se què haig de fer…
Al cap de repassar tota la pantalla, li dones un altre cop a “¡A jugar!” i em dona error d’usuari (no estan lligades les bases de dades d’usuaris i les del joc??) finalment m’he hagut de registrar per disfrutar del joc.
Un cop registrat, val a dir que la idea és molt bona. Es tracta de fer una aposta per el preu del lot que vulguis. Si no l’encertes, tens la opció de fer tantes apostes com amics convidis al joc.
October 16th, 2007 — Usabilitat
Els qui hagin provat el nou Outlook 2007, hauran vist que els enviaments es veuen de forma molt diferent. Això és degut perquè es comporta de forma molt estricte amb els enviaments en HTML. Anem a fer un anàlisi de les restriccions més notables i possibles solucions:
- No suporta formularis dins dels enviaments. Qualsevol form, input, … queda desabilitat i no visible, podent desquadrar la maqueta.
- Solució: fer un link al formulari dins la web.
- No suporta imatges de fons dins dels CSS o de tags com <table>
- SolucióSi que funciona en el tag <body> però aquest tag queda ignorat per la majoria dels webmails. La sol·lució consisteix en posar la imatge de fons tant el en tag <body> com en la maqueta.
- No suporta imatges animades. Només es mostrarà el primer frame de la animació
- Solució: Posar tota la informació relevant en el primer frame de la imatge (inclús posar un frame fantasma de dècimes de segon amb tota la informació)
- No permet fulles d’estils incrustrades Aquest és un habitual en clients de correu i webmails
- Solució: insertar els estils dins dels tags.
- No suporta flash
- No suporta capes flotants en CSS o propietats de posicionament
Amb tot això, recordar d’oferir sempre una versió en text, per a els clients de correu que no suporten o no desitgen HTML.
October 11th, 2007 — Usabilitat
20 minuts perduts intentant donar d’alta un correu al servei d’Orangemail sense èxit. Repassem el formulari:
bloc 1: nom d’usuari (amb comprovació de disponibilitat), “contraseña” i “repetir contraseña”. Ok, perquè expliquen quins son els límits i els caràcters admesos.
bloc 2: Recordatorio: Mai entendré aquestes preguntes on la resposta sovint apareix sense enmascarar-se amb asteriscs, sobretot en serveis on contestant aquesta pregunta ja pots accedir al panell de control… Redeu!! tothom sap el nom de la meva mare, la meva escola o el nom de la meva mascota!! (o sinó, es pot averiguar fàcilment).
bloc 3: datos de usuario és necessari preguntar per el meu sexe? a més per no caure en la discriminació, han posat per defecte la opció “mujer”. I la data de naixement? realment és imprescindible per a tenir correu? I si estic a “correo.orange.es” amb una IP espanyola, perquè no em surt per defecte “España”? Hem de fer més cas a en Jeff Veen i oferir opcions útils seleccionades per defecte, en definitiva, facilitar la vida a l’usuari.
bloc 4: datos de seguridad i arribem a la part més divertida del formulari. No he aconseguit fer un submit del formulari en Firefox (se’m recarrega la pàgina), en Opera ja no ho he intentat perquè surt tot desquadrat, però en Explorer si que fa el submit però sempre et diu : “el código de seguridad introducido no es correcto”.
Al final ho he aconseguit amb el Safari.
Actualització: quan intento accedir al meu correu em surten dues caselles: una per correus orange.es i una altra per a altres correus (wanadoo, …) . Si recordem que només hem posat el nom d’usuari, podem creure que la meva bústia serà xxxx@orange.es… DONCS NO! la teva bústia és xxxx@orangemail.es i es troba dins de “otros correos (wanadoo, …).
September 27th, 2007 — Usabilitat, XHTML
Si tenim un site on és possible pujar imatges, podem millorar la horrorosa usabilitat del <input type=”file”/> fent que el submit no estigui activat fins que hi hagi una imatge carregada, gràcies al fabulós jquery.
Tenint un XHTML:
<input name="imatge" type="file"/>
<input type="button" name="enviar" id="enviar"/>
podem afegir el següent script:
<script>
$(document).ready(function(){
if ((document.forms[0].imatge.value=="")) {
document.forms[0].enviar.disabled=true;
$("input#enviar").css({ color: "#fff", background: "orange" });
}
$("input").change( function() {
if (!(document.forms[0].imagen.value==""))
{
document.forms[0].enviar.disabled=false;
$("input#enviar").css({ color: "#fff", background: "orange" });
}
else {
document.forms[0].enviar.disabled=true;
$("input#enviar").css({ color: "#888", background: "#eee" });
}
} );
});
</script>
Segurament és molt optimitzable, però en 5 minuts no em demaneu més 
Coneixes altres mètodes per fer més usables els uploads de imatges?
September 25th, 2007 — Usabilitat
Quan volem desconnectar un pendrive, la frase que utilitza Windows és “suprimeix maquinari amb seguretat”. La pregunta immediata d’un usuari novell és… “però es borraran els arxius que acabo de gravar?”…
No seria millor: “desactivar maquinari amb seguretat”?
Això em recorda la frase de l’Eduardo Manchón: “¿Por qué para apagar el equipo tengo que clicar al botón inicio?”
