En este weblog Horacio Bella escribe sobre diseño, internet y trabajo freelance
Jakob Nielsen se refirió a la característica de enmascaramiento en los formularios web. ¿Es útil tener que seguir ocultandolas o perjudica la usabilidad? (1)
Hacer un sitio web es un proceso largo y que conlleva la toma de varias decisión las cuales están dictadas por la idea general del sitio. Es por esto que no todas las web son iguales ni su proceso de realización es el mismo. Al margen de esto hay ciertos puntos que no nos podemos permitir a la hora de estar llevando a cabo el proceso de convertir en código nuestra idea. Los mismos fueron recopilados por Josiah Cole ya hace un tiempo y me gustaría dar mi impresión sobre ellos.
No redimensionar la ventana del navegador. Algo bastante molesto, poco usable y accesible.
Sitio principal en un popup. Si el usuario tiene que cargar tu sitio y luego hacer click para que el verdadero contenido aparezca en un popup estás complicando las cosas.
Que el usuario no tenga que responder. Son muchos los sitios que le preguntan al usuario su tipo de conexión o si quieren ver el contenido en Flash o HTML. Mientras más cosas tenga que hacer el usuario menos agradable será su experiencia con el sitio.
Que tu sitio esté entera y completamente en Flash. Aplicable a muy pocos y excepcionales casos, ni vale la pena explicar los motivos.
No trates de reinventar la navegación web. La idea es que tu sitio se adapte a la forma en que el usuario navega frecuentemente internet y no que el usuario se adapte a tu idea de como debería navegarse.
Que sólo funcione en algunos navegadores. Si tu sitio no funciona en algún navegador en especial es un problema. Entiendo que Internet Explorer 6 es un pésimo navegador, pero hacer que nuestro sitio funcione con él no es algo imposible.
Por favor evitar texto parpadeante, extensiones de Frontpage, popus incesearios, descarga de fuentes e introducciones en Flash. Ya estamos en el 2009.
Evitar que el sitio reproduzca música. Si lo va a hacer, que el usuario pueda detenerlo en cualquier momento y si no comienza al cargar el sitio mejor.
Que tu sitio no tarde mucho en cargar. Vivimos en una actualidad donde la velocidad es un factor clave y mucho más si se la relaciona con la información. Los métodos para optimizar el tiempo de carga de un sitio no son un secreto ni mucho menos.
Diseño
Jueves 18 de Junio de 2009 a las 17:29
Algunos puntos para crear una web más usable. Crear una navegación activa y dinámica, botones y labels clickeables, incrementar el área clickeable de un elemento y algunos otros más. (0)
No se si alguno de ustedes lee mi blog personal y si lo hacen seguramente será desde RSS por lo que no se deben haber enterado que hace unos días decidí cambiarle un poco el aspecto. Agradezco los buenos comentarios de quienes ya lo vieron y también las críticas que obviamente sirven.
En mi blog generalmente publico ideas cortas, alguna foto o en ciertas ocaciones algún texto más producido por lo que el diseño se adaptó bastante a este funcionamiento. Gran importancia a el contenido tanto en legibilidad y ubicación en pantalla y rápido acceso a los enlaces más útiles. El usuario que visita ese blog básicamente entra a leer 3 o 4 textos y se va por lo que la usabilidad está amoldada a ese usuario.
En cuanto a la imagen es bastante tranquilo y ordenado a excepción del fondo el cual a mi pobre entender le da un equilibrio para que no sea un total aburrimiento ni una anarquía gráfica. Entiendo que a muchos no pueda gustarle o resultarle molesto es por eso que también preparé la sección Clean (improvisando algo de HTML5) donde con otra hoja de estilos pueden leer el blog con un diseó más tranquilo.
¿Gustó o no gustó?
Hoy me llegó un correo de Thibault Leruitte informandome que ha liberado una modificación de mi theme Gimpstyle. La misma está traducida al francés, es widget ready y tiene algunas otros cambios. También corregí algunos errores en los archivos originales tanto de la versión en español como la que está en inglés. (0)
¿Cuál es la cantidad óptima de enlaces a agregar por página? ¿Puede perjudicarme agregar una gran cantidad de enlaces? Algunas respuestas en el blog para webmasters de Google. (0)
Como manejarnos de modo conveniente con la utilizacion de los nombre para class e ID en CSS. Siempre basándonos en la selección a partir de lo que son y no donde estan o como se ven. (0)
100 Amazing Free Wordpress Themes for 2009 – Smashing Magazine
Selección de 100 themes por parte de Smashing Magazine donde están incluídos Fontella y Mínimo. Esta lista fue reproducida en muchos otros sitios.
100 Excellent Free WordPress Themes
Otra selección de Smashing Magazine. Fueron incluidos Fontella y GimpStyle.
Personajes de la blogósfera: Horacio Bella – Blog en Serio
Breve reseña de Víctor Esparza sobre mi trabajo.
Fontella en Best Worpdress Themes
40 Excellent Free WordPress Themes
Incluyeron a Fontella y así lo presentaron ellos: In this collection, you’ll find 40 high-quality and free WordPress themes handpicked from the vast amount of free themes out there on the web.
HoracioBella.com en The Design Gene
ConBlockquote en Most Inspired
50 Temi Premium per Wordpress
Sitio italiano. Destacaron a Minimo.
20 Themes para Wordpress Premium y Gratuitos – Zyros Web
Recopilación de 20 themes para Wordpress Premium y gratuitos. Incluyeron a Mínimo.
Aproveché el fin de semana para acomodar algunas líneas de código que tenía sueltas de varios trabajos para armar un theme para Wordpress y liberarlo. Se trata de un theme con estilo tradicional (header, contenido a la izquierda listado de manera cronológica y sidebar lateral) de estilo bastante simple y sobrio.
La idea de Mandolina es que sea un theme para quien necesite un estilo elegante y serio para su blog. Va a serle útil también para quien necesite una plantilla de base para modificar y adapatar su estilo ya que está realizada de manera simple y ordenada. En fin, es una plantilla básica que van a poder modificar sin problemas.
Algunas características:
- Válido XHTML/CSS
- Optimizado para SEO
- Acepta widgets (widget-ready)
- Fácil edición general de los estilos
- Bajo licencia Crative Commons
- Respeta conceptos básicos de usabilidad
- Ultraligero
- Documentación: Mandolina – Theme para Wordpress
- Demo: Seleccionar Mandolina en el Theme Viewer
- Descarga: Mandolina en Español – Mandolina en Inglés
- Ver otros themes para Wordpres
