El mejor cumplido que puede recibir un diseñador

One of the biggest compliments a site can get is when people don’t comment on its structure in user testing. It’s the designer’s job to worry about the site’s structure, not the users’.

Traducción:

Uno de los mayores elogios que un sitio puede obtener es cuando las personas no hacen ningún comentario sobre su estructura en las pruebas de usuario. Preocuparse por la estructura del sitio es trabajo del diseñador, no de los usuarios.

Prioritizing Web Usability. Jakob Nielsen, Hoa Loranger. New Riders, 2006.

El coste de la falta de usabilidad

On the Web, if a site is difficult to use, most people will leave. On an intranet, if employees perform their tasks more slowly due to difficult design, the company bears the cost of the reduced productivity. In fact, I estimate that low intranet usability costs the world economy $100 billion per year in lost employee productivity. This may not be the most important problem facing the planet, but it’s not a trifling issue either.

Traducción:

En la Web, si un sitio es difícil de usar, la mayor parte de la gente se irá. En una intranet, si los empleados realizan sus tareas más lentamente debido a un diseño difícil, la empresa asume el costo de la reducción de la productividad. De hecho, estimo que la baja usabilidad de las intranets le cuesta a la economía mundial $100 mil millones al año en productividad perdida de los empleados. Este no es el problema más importante al que se enfrenta el planeta, pero tampoco es una cuestión trivial.

Prefacio de Jakob Nielsen en Information Architecture for the World Wide Web. Peter Morville, Lous Rosenfeld. O’Reilly, 2006.

Escribir en internet, guía para los nuevos medios y las redes sociales

El pasado jueves 20 de septiembre se presentó el libro Escribir en internet, guía para los nuevos medios y las redes sociales. El libro es un manual con numerosas recomendaciones para escribir correctamente en la red y aprovechar todas sus posibilidades. Cuenta con los consejos de más de cuarenta expertos sobre asuntos como la cortesía en la red, la correspondencia electrónica, la reputación online, la redacción de blogs, las redes sociales o los emoticonos.

Como de costumbre, alguien se ha apuntado la medalla de que este libro es “el primer manual práctico en español de uso de internet” (La RAE acoge la presentación del primer manual en español para internet). Sin embargo, desde el año 2008 está disponible de forma gratuita el libro Cómo escribir para la Web de Guillermo Franco.

Respecto al nuevo libro, existe una página con todas las referencias citadas en el libro.

Herramientas de prototipado

También llamadas herramientas de mockups o de wireframes.

Existen decenas de herramientas de prototipado, grauitas y de pago. En esta entrada simplemente se destacan algunas de las más conocidas y que he utilizado.

En primer lugar, Balsamiq Mockups, todo un clásico, que se anuncia como Rapid Wireframing Tool. ¿El problema? Es de pago, pero tiene una versión de demostración. Existe en diferentes versiones: como aplicación para descargar o como aplicación web.

Pencil es un plugin para el navegador Mozilla Firefox, así que es multiplataforma. También se puede descargar como aplicación independiente para Linux, Windows y MacOS X. Por supuesto, es una herramienta gratuita.

Gliffy es una herramienta online que permite crear todo tipo de diagramas. De cara al desarrollo web, además de la típica paleta de componentes para realizar un diagrama entidad relación (ER) o un diagrama UML, también tiene componentes para dibujar mockups (prototipos) de pantallas y diagramas de sitios web. Es de pago, pero permite crear cinco diagramas de forma gratuita.

Cacoo es otra herramienta gratuita que ofrece una amplia biblioteca de símbolos para UML, bases de datos, topología de redes, mockups, etc. Varios usuarios pueden compartir un mismo proyecto y trabajar al mismo tiempo sobre él.

Moqups es una excelente herramienta online para realizar todo tipo de prototipos (mock ups o wireframes). Permite almacenar los diseños y luego compartirlos a través de una URL, pero también permite exportarlos a PDF o PNG. Otra característica muy interesante es que permite enlazar diferentes diseños, por lo que se puede realizar una simulación de navegación entre los mock ups de diferentes pantallas o páginas de una aplicación.

La única pega es la clara orientación que tiene hacia la plataforma iOS, con controles propios de ese sistema operativo. Y la biblioteca de objetos gráficos no es tan completa como en otras herramientas similares.

Finalmente, Mobjectify es una aplición online gratuita que permite crear prototipos de sitios web o de aplicaciones optimizados para dispositivos móviles. Existe un tutorial que nos explica paso por paso cómo utilizar esta aplicación.

 

¿Alguna herramienta más? Claro, hay muchas, deja un comentario con tu preferida.

Utiliza el lenguaje de tus usuarios

The Top Linguistic SEO Guideline: Speak the user’s language, especially if you want to be found in search engines. Users type queries using their own vocabulary.

Traducción:

El principal consejo lingüístico del SEO: Habla el lenguaje del usuario, especialmente si quieres que te encuentren en los buscadores. Los usuarios escriben sus preguntas con su propio vocabulario.

Prioritizing Web Usability. Jakob Nielsen, Hoa Loranger. New Riders, 2006.

El nuevo plan de HTML5

El miércoles pasado, hace 2 días, se publicó un correo en las listas del W3C anunciando el nuevo plan de desarrollo de HTML5.

Básicamente, dice lo que ya sabíamos por noticias publicadas hace tiempo (W3C: HTML5 Will Be Finished in 2014): se espera que HTML5 alcance el nivel de recomendación para finales del año 2014. El nuevo calendario de desarrollo incluye los siguientes hitos (que se corresponden con el W3C Technical Report Development Process):

CR (Candidate Recommendation): 2012 Q4
LCf (Last Call): 2014 Q3
PR (Proposed Recommendation): 2014 Q4
Rec (Recommendation): 2014 Q4

Me ha causado también sorpresa descubrir que ya tienen un plan para HTML5.1. Eso sí que es trabajar bien y lo demás son tonterías:

FPWD (First Public Working Draft): 2012 Q4
LC (Last Call Announcement): 2014 Q3
CR (Candidate Recommendation): 2015 Q1
Rec (Recommendation): 2016 Q4