Entradas etiquetadas como ‘Usabilidad’

Escrito por Iván Alonso el Lunes 5 de julio de 2010

He añadido al theme de este blog un indicador del número de comentarios al final de cada post (en la vista principal y en la vista de archivos). Era reticente a incluirlo, ya que no creo que esta sea una página susceptible de recibir comentarios (y creo que queda bastante feo ver únicamente una ristra de “sin comentarios”), pero al final me he animado a ello, por ver si realmente hay una mejora en la usabilidad.

En WordPress, lo único que hay que añadir, dentro del loop principal, es:

<a href="<?php the_permalink() ?>#comments">
<?php comments_number('Sin comentarios (a&uacute;n)', 'Un comentario', '% comentarios'); ?></a>
Escrito por Iván Alonso el Sábado 24 de enero de 2009

Por ejemplo, en el caso de que tengas un formulario de búsqueda en tu página web, si quieres que el texto se seleccione (que es algo muy útil si tienes un texto predefinido, ya que así facilitas el borrado), añade al evento onClick del formulario el siguiente código:

<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
    <div><input type="text" name="s" id="search" value="No busques porno"
         onClick="javascript:this.form.s.focus();this.form.s.select();" />
    <span>Pulsa enter sin miedo</span></div>
</form>

this.form.x, donde x debe ser el ‘name’ del elemento a seleccionar.

Y además también será útil para múltiples búsquedas, ya que al volver a hacer click nuevamente se seleccionará la última búsqueda, por lo que será más fácil escribir la siguiente.

Escrito por Iván Alonso el Miércoles 25 de junio de 2008

He perdido un rato rehaciendo ligeramente el código php que genera la página principal (el index.php en los temas de WordPress) para hacer el código de salida más human-readable. Antes generaba el html de los posts de forma lineal, con todas las etiquetas una detrás de otra, haciendo difícil para alguien que leyera el código html de la página el sacar conclusiones acerca de nada.

Ahora los ‘echo‘ que estaba utilizando maquetan las lineas con retornos de carro y espacios en blanco al comienzo de las líneas, para simular un ‘indent‘ que es mucho más amable de cara al lector humano. Unos pocos bytes más de ancho de banda que quizá puedan ayudar a alguien.

Lo cierto es que a mí me molesta bastante abrir el código de una web y ver que no se han tomado la molestia de hacerlo “amigable” o user-friendly.