En el primer artículo de esta serie, Test heurístico – parte 1: ¿Qué es y para que sirve?, se explicó de manera general que era un test heurístico, para que servía y las ventajas que tenía respecto a otros test de usabilidad. Debemos recordar que en la heurística, todo gira alrededor de los factores de evaluación, que son una lista de principios de usabilidad comúnmente aceptados que aplicaremos a nuestros análisis.
CSS 3 y HTML 5 son capaces de revolucionar la forma en la que se diseñan los sitios Web. Ambos incluyen nuevas características y tantas funciones que es imposible no empezar a ver como funcionan. La inclusión de soporte nativo para cosas como las esquinas redondeadas y diseño de columnas múltiples son sólo la punta del iceberg.
A continuación se presentan los recursos de 70 tutoriales y artículos para empezar con CSS3 y HTML5. Un listado que nos trae CSS Gallery Muchas de las técnicas analizadas son soportados en cierta medida en algunos algunos navegadores modernos (Safari y Firefox con el apoyo más amplio), para que puedas empezar de inmediato.
Desde el blog de anieto2k nos llega una interesantes noticia. Google ha adoptado una estrategia para “acabar con Internet Explorer”, y lo ha echo con Chrome Frame.
Olga Carreras, nos explica como crear y auditar formularios partiendo de las pautas WCAG 2.0 en dónde nos proporciona una serie de documentos que facilitan la a evaluación de la accesibilidad de los formularios de acuerdo con los criterios definidos en las WCAG 2.0:
- Técnicas WCAG 2.0 asociadas a la implementación de formularios accesibles
- Guía rápida de normas de accesibilidad WCAG 2.0 para formularios
- Checklist para validar formularios de acuerdo con las WCAG 2.0
- Ejemplo de formulario usable y accesible
- Documentación de interés
En las nuevas pautas nos daremos cuenta de que, exiten muchas técnicas (Techniques for WCAG 2.0) referidas a los formularios.
Una cosa que practicamente ya se sabía. Según Google las páginas que validan XHTML/HTML no tienen ninguna ventaja sobre las que no. Ya que el 99% de las páginas que hay en la red no validan.
Pero claro, por optimización se supone que será mejor que valide, ya que normalmente el código que valida suele tener mejor marcado semántico y por lo tanto mejor indexación. Os dejo con el vídeo en donde Matt Cutts explica la respuesta a la pregunta ¿Posicionan mejor las páginas que validan?:
Estudio de Usabilidad Móvil de Jacob Nielsen
Autor: Álvaro Brito En: Usabilidad Web, Web MóvilJacob Nielsen, experto en estudios de usabilidad, ha realizado un estudio de usabilidad sobre el uso de la Web móvil en general, con 48 participantes en los EE.UU. y Reino Unido. Se realizó una revisión de diseño de 20 sitios Web, con 6 teléfonos: un teléfono móvil de pantalla táctil, tres teléfonos inteligentes (smartphones) diferentes, y dos teléfonos de contacto diferentes.
El estudio revela que el uso de la Web en un teléfono móvil varía dependiendo de las características del dispositivo que se use. Como era de esperar, se descubrió que los sitios diseñados específicamente para su uso en un teléfono móvil rinde sustancialmente mejor, que los “sitios completos” y no adaptados para ello. Cosa que debemos tener muy en cuenta para nuestros proyectos Web.
Gwker.com nos informa que tras varios años de intentos infructuosos, finalmente google y sus abogados ha conseguido convencer a burócratas federales para otorgar una patente sobre su página principal e icono de la empresa.
En este artículo vamos a mostrar el potencial que puede ofrecernos Javascript, hemos realizado una lista de juegos realizados por auténticos gurús de este lenguaje, desde simples rompecabezas hasta juegos en 3d.
Cajas con alturas iguales usando CSS (Equal Height Boxes with CSS)
Autor: Álvaro Brito En: CSSMuchas veces más de uno de nosotros nos hemos encontrado con “columnas” de distinto tamaño. Es decir, cajas de diferente altura. Siempre queremos conseguir que independientemente del contenido de las mismas la altura sea igual para todas.
Con CSS de forma muy muy sencilla podremos conseguir esto, no tenemos que recurrir a Javascript para modificar dinámicamente las alturas de la cajas, ni usar otros métodos que acumalan demasiados divs para conseguirlo, y que luego abarcan problemas del diseño de la estructura.
Ahora veremos que usando los atributos display:table; display:table-row; y display:table-cell; conseguiremos convertir las cajas o divs en una tabla, y ya sabemos que con las tablas nunca veremos una celda más alta que otra de la misma fila.
En el siguiente ejemplo, usaremos 3 cajas que se convertiran en 3 columnas con el mismo alto, independientemente de su contenido. La explicación de como hacerlo se explica en el mismo HTML que hay a continuación.
Javascript Framework Matrix, conoce los diferentes Frameworks
Autor: Álvaro Brito En: JavaScript, RecursosJavascript Framework Matrix, nos proporciona una visión general de los populares frameworks JavaScript y sus funciones. Hay varios ejemplos de los frameworks y cada fragmento contiene enlaces a la documentación oficial correspondiente. La elección de un framework depende de muchos factores y no puede hacerse tan solo con este artículo. La tabla únicamente muestra los diferentes estilos de la API y las funciones de las bibliotecas JavaScript.
Últimos comentarios