En el siguiente video/presentación, Ryan Singer de 37signals nos da una charla de 30 minutos sobre los principios del Diseño de interfaces.

Esta charla la realizó a finales de Septiembre en la conferencia WindyCityRails en la ciudad de Chicago (EEUU).

Muy interesante especialmente para nosotros los Ingenieros de Sistemas o programadores que llaman.

UI Fundamentals for Programmers by Ryan Singer from ChicagoRuby on Vimeo.

Visto en The fundamentals of interface design by Ryan Singer.

Me ha gustado mucho el post 10 Errores Comunes de un Diseñador de Web de Marisol López en el blog UXPanamá.

Pero he convertido estos 10 errores en reglas para así tenerlas bien presentes:

1. Diseña para el cliente de tu cliente, no para tu cliente.
2. Haz un HomePage en el cual se distinga lo más importante.
3. Diseña acorde a tu cliente y su audiencia.
4. Utiliza pocos colores.
5. Utiliza sólo las animaciones necesarias.
6. Utiliza adecuadamente los elementos gráficos (iconos, tipografías, fotos…).
7. Haz entender claramente de qué trata el sitio Web.
8. Diseña un menú claro y consistente.
9. Valida tu HTML.
10. Revisa periódicamente las tendencias de diseño para la Web.

Siempre ten en cuenta estas reglas y estarás haciendo Webs que alta calidad. Y ahora que las tienes claras, te invito a leer los 10 Errores Comunes de un Diseñador de Web en donde encontrarás muchos ejemplos y referencias muy interesantes.

Google ha puesto en marcha Site Clinic, un proyecto en el cual analizarán varios sitios web de habla hispana y compartirán los resultados que encuentren. En este proyecto realizarán una crítica constructiva sobre accesibilidad y mejoras, que pueden llevar a una mejor visibilidad en los resultados de Google de los sitios en cuestión.

¿Deseas que tu sitio sea una de los analizados? Entonces debes inscribirte antes del 15 de octubre en este formulario.

Pero ojo! Como requisito debes tener tu sitio verificado en las Herramientas de Webmaster de Google. Igualmente recomiendan repasar sus Directrices para webmasters, ya que éstas mismas se utilizarán como criterio para la selección de los sitios web a evaluar.

Google seleccionará de 3 a 5 sitios entre los primeros 200 que se inscriban así que apúrate.

Más información en el Blog oficial de Google para Webmasters.

SitePoint.com está ofreciendo gratuitamente su eBook: Free The Principles of Successful Freelancing.

Este eBook, que normalmente cuesta U$ 30, estará disponible gratuitamente hasta el domingo 13 de septiembre.

¿Te interesa? Sólo tienes que visitar esta página en donde te explican que debes seguirlos en Twitter o dejar tu email. Así de fácil.

Ah! Y aprovecho para contarte que 99Designs está rifando una MacBook Pro. Sólo necesitas seguirlos en Twitter y listo. Entras en la rifa que sucederá el próximo 30 de septiembre.

¿Sorprendido? Yo también. Hacía un año no escribía en mi blog… Bueno… De vuelta por acá en el Blog de gabrielizalo.com. Gracias por seguir al otro lado…

Las URL semánticas o amigables son las direcciones web que pueden ser entendidas por los usuarios a simple vista ya que están formadas con palabras que muchas veces están relacionadas con el contenido de la página y son fáciles de recordar.

Evalúa cuál URL te gusta y resulta más amigable (y usable):
- http:// www.MiSitio.com / productos.aspx ? id=50
o
- http:// www.MiSitio.com / productos / camiseta_R20 /

Obviamente la segunda es mejor para los internautas y hasta para los buscadores.

Te invito entonces a que leas este interesante post: URL semántica / Clean URL / Friendly URL en el blog Interacciones.

Y si quieres hacer tus URLs amigables, te recomiendo buscar en Google de acuerdo al lenguaje/CMS que trabajes. Por mi lado, que trabajo .Net, recomiendo: UrlRewritingNet.

Les comparto el artículo User Experience Evaluation in Nokia [PDF - 38 KB], en donde esta compañía describe su proceso de desarrollo de productos desde la perspectiva UX, discute los requisitos para una evaluación de UX y presenta los diferentes métodos que usan para evaluar la UX en las diferentes fases de su proceso de desarrollo.

Como es de esperarse, ellos utilizan desde prototipos en papel, en un proceso que busca tanto diseñar las nuevas experiencias de sus clientes, como mejorar continuamente sus soluciones existentes. Proceso que, además, comienza examinando las necesidades de sus usuarios y sus comportamientos.

Olvídate que Nokia es una empresa que fabrica móviles y aprende de este proceso para los desarrollos Web de tu compañía.

Actualización: Acabo de encontrar el sitio de BetaLabs de Nokia. Precisamente allí podemos descargar, probar y comentar las aplicaciones que están en estado Beta y en las cuales Nokia está trabajando. ¡Esto es lo que se llama inclusión! Todos los usuarios podemos participar del desarrollo e innovación de Nokia.

Gracias a InfoDesign y the product usability weblog.

Flash se tomó el mundo… ¡Pero de la manera indebida! Siempre he comentado que ésta es una excelente herramienta Web, pero que su uso y abuso, la han convertido en una pesadilla a quienes nos interesan los Estándares Web.

Si tu eres de los que crees que Flash es la mejor herramienta para desarrollo de Sitios Web te invito a leer: 101 Razones por las que no utilizar flash.

En realidad no son 101 las razones: Son 13, pero todas ellas de gran valía. ¡Ah! Y lo que más claro debe quedarte es: Cuándo SI y cuándo NO utilizar Flash… Échale una ojeada.

Así como el código HTML de nuestras páginas se puede validar con el Validador de la W3C y las Hojas de Estilo con el Validador de CSS, también es posible validar nuestro código JavaScript con el validador JSLint.

Este validador NO es de la W3C, sino del Maestro Jedi: Douglas Crockford, fundador de JSON, JSMin y otra gran cantidad de trabajos en JavaScript.

Básicamente esta herramienta es muy buena para verificar la sintaxis, al igual, que las mejores prácticas en tu código JavaScript.

Hice mi prueba con un código de jQuery y me sacó gran cantidad de errores y advertencias, pero como no soy experto en Script no sé si es que no sirve para validar código de jQuery o si el código que generé no es tan bueno como parece… ¡Ups! Si alguien nos cuenta sería de gran valor.

Sabía de la existencia de esta herramienta desde hace años, pero hoy la recordé gracias al blog Robert’s Talk.

La utilización de prototipos está cobrando más importancia en el desarrollo de nuestras Web y eso lo demuestran los recursos que nos encontramos día a día en la Web.

Hace tan sólo algunos días te presentaba como hacer Prototipos Interactivos con Adobe Fireworks y hoy, gracias a elclerigo!, los invito a leer Cómo crear prototipos interactivos en PDFs desde Visio.

Si no conoces este software te cuento que el Microsoft Office Visio es un programa de dibujo vectorial especialmente creado para hacer diagramas (de bases de datos, de flujo, de UML…).

Ah! ¿Y para qué me sirve un Prototipo Interactivo? De acuerdo al Espectro de Prototipos nos sirven para comunicar, discutir, evaluar y probar nuestros diseños y están en la fase de Proponer (después de “Jugar” y antes de “Especificar“).

Si… Los prototipos me sirven inicialmente para (1) jugar con propuestas de diseño. Posteriormente para (2) comunicar y discutir los diseños que se han mejorado. Para finalmente (3) especificar el diseño final que hemos depurado. Y durante estos tres pasos, la calidad de los prototipos van mejorando y mejorando, comenzado con un simple boceto para terminar con uno de gran calidad y que me servirá como Guía de Desarrollo y de Especificación.

La Guía de diseño web accesible surge del problema con el que se encuentran muchos profesionales de la web a la hora de abarcar un proyecto desde el punto de vista de la accesibilidad.

Las pautas están ahí, y todo el mundo puede leerlas e intentar aprenderlas, pero a la hora de aplicarlo al trabajo diario es lo que más complicación y confusión conlleva.

El objetivo es intentar crear una guía que ayude al profesional de la web que quiere considerar la accesibilidad como un requisito más en su proyecto web, desde las etapas iniciales hasta las etapas finales de un proyecto.

Estos fueron los inicios de una excelente iniciativa que quedó parada hace algún tiempo. Sin embargo hoy renace en las manos de Rubén Lozano, Emmanuelle Gutiérrez y Carlos Casado M..

Para ello han dispuesto este Wiki (que es la Guía como tal) y una lista de correo en los grupos de Google.

Como podréis comprobar, el índice del WIKI está creado (es parte del trabajo que se hizo la vez anterior) y la idea es que entre todos vayamos llenando las diferentes secciones de que está compuesto, hasta conseguir una guía útil.

Tu misión, si decides aceptarla, es colaborar con la creación de esta importante Guía en Español. ¡Anótate en el grupo!

Visto en AccesoWeb.