WordPressCat

Via docs4beto veig un petit truc vàlid no només per WordPress, sinó per qualsevol editor de text, per espaiar una mica més els elements d’una llista. M’explico:

Quan creem una llista, ja sigui ordenada o no, ens apareix una cosa així:

• A
• B
• C

El codi del qual és aquest:

<ul>
<li>A</li>
<li>B</li>
<li>C</li>
</ul>

Aquesta llista queda prou bé quan els elements A, B i C són curts. Però, i si són molt llargs? Pot ser que es confonguin els diferents elements… Els haurem de separar una mica més! La manera vàlida és fer que els diferents elements A, B i C siguin paràgrafs amb la clau <p> i </p>:

<ul>
<li><p>A</p></li>
<li><p>B</p></li>
<li><p>C</p></li>
</ul>

Cosa que donaria:

• A
• B
• C

Una altra manera no vàlida seria crear una llista des de zero per cada element. Ens donaria el mateix resultat, però segurament donaria error als tests de validació.

Imaginem que volem veure, per exemple, la cartellera de Cinesa. Però necessitem 6 clicks per arribar-hi. O que, per exemple, volem visitar un diari digital anomenat Haven Works. Impossible aclarar-se. Tot això són exemples de mala usabilitat en pàgines web. És una cosa a tenir molt en compte si volem dissenyar correctament la nostra web.

Al Bloc de Links han fet una llista sobre uns dels problemes d’usabilitat més corrents: imatges animades, webs que se solapen a sí mateixes, culs-de-sac…

Per sort, els blogs normalment no tenen aquests tipus de problemes, però cal vigilar, perquè mala usabilitat vol dir dificultats pels usuaris. I perquè accedir a una pàgina si l’únic que aconsegueixes és emprenyar-te amb un bànner que no et deixa veure un tros de text o fins i tot perdre’t en una pàgina?