Traducir el blog

User-centered design tools

Today is the Document Freedom Day so it is entirely appropriate to speak of the tools with which users usually generate documents.

The most used office tools worldwide is Office, with a half dozen commercial suites, so that its user interface is the best known. When searching Office in Google there are 821 million references, making it most popular than sex sites!

The Office platform is not exclusive to Microsoft, even the most widespread, but there are versions of Open Office from SUN and Oracle, which are quite compatible in their formats.

Why not install Office on your home computer?

You can think that Microsoft Office package is expensive (Professional version for about $680), even in the students version (approximately $150), and it is!, But there are free 60 days trial versions, betas and even full applications that can be installed free license for home use and non-commercial purposes.

The best free versions are:
- Microsoft Office 2010 Beta valid for 7 months (until 10-30-2010).
- OpenOffice.org 3.2 with over 100 million downloads, free unlimited use.

With these two suites you can edit text documents, spreadsheets, presentations, web pages, graphics and database tables, among others, in a consistent way (the programs consistency help people learn and use applications better and faster) for the user and with some compatibility with older versions of the tools Word, Excel, PowerPoint, Access, etc.

I've just installed these two free versions to generate my documents because knowing using one makes it easy to use other, although since Office 2007 has changed the appearance, remain quite intuitive for the common user, mainly due to the investment of these large companies in the continuing development of its interfaces and its investment in usability test to suit the end user.

As a user, what platform do you like and know better, OpenOffice or Microsoft Office?

Why not try both and tell me!

Traducción al español aquí.

Herramientas de diseño orientado al usuario

Hoy es el Día del Documento Libre por lo que es muy apropiado hablar de las herramientas con las que los usuarios generamos documentos.

La herramienta ofimática más usada en las oficinas del mundo entero es Office, con media docena de suites comerciales, por lo que su interfaz de usuario es de los más conocidos. Al buscar Office en Google aparecen 855 millones de referencias, lo que lo hace más popular ¡que las páginas de sexo!

La plataforma Office no es exclusiva de Microsoft, aunque sea la más extendida, sino que existen versiones Open Office de SUN y Oracle, que son bastante compatibles en sus formatos.

¿Por qué no instalar Office en el ordenador de casa?

Se puede pensar que sale caro un paquete de Microsoft Office (version Profesional por unos 700 €), incluso en su versión para estudiantes (unos 130 €), ¡y así es!, pero existen versiones gratuitas de prueba, betas e incluso aplicaciones totalmente gratuitas que se pueden instalar con licencia para uso casero y sin fines comerciales.

Las mejores versiones gratuitas son:
- Microsoft Office 2010 Beta válida durante 7 meses (hasta 30-10-2010).
- OpenOffice.org 3.2 con más de 100 millones de descargas, libre sin límite de uso.

Con las dos suites se pueden editar documentos de texto, hojas de cálculo, presentaciones, páginas web, gráficos y tablas de bases de datos, entre otros, de una forma consistente (la consistencia de los programas ayuda a la gente a aprender y usar las aplicaciones mejor y con más rapidez) para el usuario y con cierta compatibilidad con versiones anteriores de las herramientas Word, Excel, PowerPoint, Access, etc.

Yo me he instalado las dos versiones gratuitas para generar mis documentos y sabiendo usar una es fácil usar la otra ya que, aunque desde Office 2007 ha cambiado la apariencia, siguen siendo bastante intuitivas para el usuario común, sobre todo debido a la inversión de estas grandes compañías en el continuo desarrollo de sus interfaces y su inversión en test de usabilidad para adaptarlos al usuario final.

Como usuario, ¿qué plataforma conoces mejor y te gusta más, Open o Microsoft Office?

¡Porque no pruebas las dos y me lo dices!

English translation of this post here.

A template to save the forms

To shape the content of a document in a text editor, a presentation, a spreadsheet or a blog, templates or page layouts   are used, similar to molds that are the shoes manufactured with, but in the context of user-oriented applications.

Continuing the analogy, programmers are like shoemakers who formerly did not use a mold for making craft but, as technology advanced, affluent customers are taking steps of their feet, as in tailoring, obtaining custom patterns to make the suits to the lords and, finally, industries as textile and shoes came to the conclusion that they had to do large print runs using standardized templates, with which it is very hard to be everyone's taste, but allowing many customers many different shapes at low cost in large-scale economy.

Returning to the computer area, when developing a program or a website to interact with users of applications, you should ponder what will be the optimum design pattern, not to mention the cost/benefit. The structures of patterns or templates should standardize the appearance of the application to be friendly and easily recognizable by the user when opening the program or website.

The first attempt to apply the concept of interaction patterns in the design of user interfaces was due to Ward Cunningham (WikiWikiWeb creator, a wiki «the simplest online database that could possibly work») and Kent Beck (one of the creators of the agile methodology for software development) who created five of the first interface patterns: Window per task, Few panes, Standard panes, Nouns and verbs, y Short Menu.

The user interfaces patterns attempt to define the best ways to build human-computer interfaces (HCI - Human-Computer Interaction, GUI - Graphical User Interface).

A special case of the user interface are blogs like this that are edited with specific templates in the world of bloggers publishers. The templates for blogs are documents containing design guidelines pre-coded user-friendly. These templates are programmed in HTML and JavaScript code, usually using CSS (Cascading Style Sheets), can be modified in most cases by the users and tailored to their needs or tastes.

They are shaping the articles, entries or post, which is publishing bloggers, framing the typographical and journalistic style you wish to give to your blog, also known as weblog, that is, a daily on the Web.

Today the question is: how to choose the perfect theme for a blog

For this blog I used a template that has the best of both worlds: Blogger and Wordpress. The first is easy and flexible, the second is more professional and has the header page very carefully.

What I was looking for my blog were issues such as:
a) The main page with a small gallery of blog posts views.
b) Two columns on the main page to make it bilingual, English-Spanish.
c) The column on the right side with labels, archiving and visits.
d) Permanent pages with entries in a single column.
e) Easy navigation through blog pages.
f) Predominantly blue colors, referring to ocean waves.

The template or theme chosen is called Chucky (download here) 3 columns and magazine style, initially as a top theme for Wordpress, redesigned to Blogger by Anshul y ritesh.

With a few changes in the header image, in the background color and the size of miniature slide has become what you see, what do you think? Be sure to read it because it will improve...

Not forgot that the templates can always be changed!

Traducción al español aquí.

Una plantilla para guardar las formas

Para darle forma al contenido de un documento en un editor de textos, de una presentación, de una hoja de cálculo o de un blog, se emplean las plantillas, similares a las hormas con las que se fabrican los zapatos que calzamos, pero en el contexto de las aplicaciones informáticas orientadas al usuario.

Siguiendo con el símil, los programadores somos como los zapateros que antiguamente no usaban un molde para su confección artesanal pero que, según avanzaba la técnica, a los clientes acaudalados se les tomaban medidas de los pies, igual que en la sastrería a medida, obteniendo los patrones personalizados para hacerles los trajes a los señores y, finalmente, las industrias de la confección textil y de los zapatos llegaron a la conclusión que había que hacer tiradas grandes usando plantillas estandarizadas, con las que es muy difícil ser del gusto de todos, pero que permiten a muchos clientes gran cantidad de formas variadas a bajo coste dentro de una economía a gran escala.

Volviendo a la informática, cuando se desarrolla un programa o un sitio web para interactuar con los usuarios de la aplicación, se debe meditar cuál va a ser el patrón de diseño óptimo, sin olvidar la relación coste/beneficio. Las estructuras o plantillas de patrones deberán uniformar la apariencia de la aplicación para que sea amigable y fácilmente reconocible por el usuario cuando abra el programa o la página web.

El primer intento por aplicar el concepto de patrones de interacción en el diseño de las interfaces de usuario se debió a Ward Cunningham (creador del WikiWikiWeb, un wiki «la base de datos en línea más simple que pueda funcionar») y Kent Beck (uno de los creadores de la metodología ágil de desarrollo de software) quienes crearon cinco de los primeros patrones de interfaz: Window per task, Few panes, Standard panes, Nouns and verbs, y Short Menu.

Los patrones de interfaces de usuario intentan definir las mejores formas de construir interfaces hombre-máquina (HCI - Interacción persona-computador, GUI - Interfaz gráfica de usuario).

Un caso especial de interface con el usuario son los blogs como éste, que son editados con plantillas específicas del mundo de los bloggers publicadores. Las plantillas para blogs son documentos que contienen pautas de diseño pre-codificado de uso sencillo. En inglés se les llama "templates". Estas plantillas están programados en código HTML y JavaScript, utilizando habitualmente hojas de estilo en cascada - CSS (Cascading Style Sheets), pudiendo ser modificadas en la mayoría de los casos por los propios usuarios y adaptadas a sus necesidades o gustos.

Son las que dan forma a los artículos o entradas, post en inglés, que va publicando el bloguero, enmarcando el estilo tipográfico y periodístico que quiera darle a su blog, también conocido como web log, o sea, diario en la web.

La pregunta hoy es: ¿cómo escoger el mejor tema para un blog?

Para este blog he empleado una plantilla que tiene lo mejor de dos mundos: Blogger y Wordpress. El primero más fácil y flexible, el segundo más profesional y con la página de cabecera muy cuidada.

Lo que iba buscando para mi blog eran aspectos como:
a) La página principal con una galería de vistas reducidas de las entradas del blog.
b) Dos columnas en la página principal para hacerlo bilingue, inglés-español.
c) La columna lateral a la derecha con las etiquetas, archivo y visitas.
d) Las páginas permanentes con las entradas en una sola columna.
e) Fácil navegación por las páginas del blog.
f) Colores predominantemente azules, en referencia a las olas marinas.

La plantilla o tema elegido ha sido el denominado Chucky (descargar aquí) de 3 columnas y con estilo revista, inicialmente como un tema top para Wordpress, rediseñado para Blogger por Anshul y ritesh.

Con unos pocos cambios en la imagen de cabecera, en el color del fondo y en el tamaño de la diapositivas miniatura se ha convertido en lo que ves, ¿qué te parece? No dejes de leerlo porque seguirá mejorando...

No se debe olvidar que ¡las plantillas siempre se pueden cambiar!

English translation of this post here.

Blog interactivity with Snap Shots

Introducing Snap Shots from Snap.com

Get Free Shots from Snap.comI just installed a nice little tool on this site called Snap Shots that enhances links with visual previews of the destination site, interactive excerpts of Wikipedia articles, MySpace profiles, IMDb profiles and Amazon products, display inline videos, RSS, MP3s, photos, stock charts and more.

Sometimes Snap Shots bring you the information you need, without your having to leave the site, while other times it lets you "look ahead," before deciding if you want to follow a link or not. Should you decide this is not for you, just click the Options icon in the upper right corner of the Snap Shot and opt-out.

Tell me if you find useful snapshots of webpages.
Traducción al español aquí.

Blog interactivo con Snap Shots

Introduciendo Snap Shots desde Snap.com

Get Free Shots from Snap.comAcabo de instalar una utilidad interesante en este blog llamada Snap Shots que habilita hyperenlaces con previsualización de los sitios web, con resúmenes interactivos de artículos Wikipedia, perfiles MySpace, perfiles IMDb, productos Amazon, visualización interactiva de videos,RSS, MP3s, fotos,gráficos de bolsa, más.

A veces Snap Shots ofrece la información que se necesita, sin tener que abandonar el blog, mientras que otras veces permite "mirar hacia adelante," antes de decidir si quiere seguir un enlace o no.

Si decide eliminar esta función, simplemente hay que pinchar en el icono Opciones en la esquina superior derecha de la instantánea y esta opción desaparece.

Coméntame si te parecen útiles las instantáneas de las páginas web.
English translation of this post here.

Blogging platform comparison

What I'm going to type in this blog will serve as a user-centered design example, who user? the reader user, or you as the reader of this article to guide you answering questions like this:

What is the best platform to create a blog?

As at first I don't want to spend money, a condition will be to be pay-free. Another important condition is that the service must include the accommodation of the pages to will not have to ride your own server connected to the network 24 hours. But yes, the chosen platform must allow, at any time, migration to a publishing system with a custom domain and own accommodation, which may be at sea at the mercy of the waves, if Google launches Water-based data center patent floating platforms.



Then I prepared a table with the decalogue of the free functional features that I most value in designing a useful website, with the constant spotlight of user-driven blog:

(1)The ease of changing appearance, which is known as design templates that allow to be chameleonic in the colors and shapes to be attractive to a wide audience.
(2)The ability to modify site content and editing web pages with a template editor type WYSIWYG "What You See Is What You Get", making it more comfortable to know beforehand what will show to the end user.
(3)The incorporation of code of a third party (scripts) and programming devices, known as widgets, to be as versatile as possible and include special features and web services without much programming effort.
(4)The blog format compatibility in any updated web browser, because we can never force users to change their browser to see a website.
(5)The availability of the domain server for 24 hours x 7 days a week, for obvious reasons.
(6)The web search engine power of words and articles published on the blog.
(7)The possibility of translating or writing the blog in several languages.
(8)The control and moderation of anonymous comments, to prevent spam and malicious comments come in bad taste or are not politically correct, which may offend the sensibilities of the viewer.
(9)The control of advertising that the publisher of the blog want to show the reader.
(10)The subscription to the alerts service for new articles or posts.

To choose the best blogging service, will have to enumerate the list of free blogger platforms, accessible in most countries, in a related table with their main features obtained from different blog forums:


Features(1)(2)(3)(4)(5)(6)(7)(8)(9)(10)Points
La Coctelerarrraarrrrr2
Nireblogaraararara6
Blogiaaaraarraar6
Blogdiariorrrarrrrar2
Full Blogararrrrara4
Bloggeraaaaraaraa8
Wordpressraraaaaara7
TypePadarrarrrara4
Blog Smithrarrraarrr3
Movable Typerrraarraaa5
Drupalaaraaaaarr7
ExpresionEnginerrraararaa5


As you can see, the best platform is, undoubtedly, Blogger with the highest score of the comparative well underpinned by Google and for these reasons I have decided to create this blog. Why readers not tell me if I have made a good choice and it meets the expectations set for improving the design of user-oriented blogs.

This table shows a blogging platform comparison from Tablefy:


Free Blog Software

From the hyperlinks in the table above you can see each studied platforms and you can even begin to create your own blog, for what it takes a little time and enough patience, but surely the result will be satisfying to readers if they pay a little attention to what has been said here and in upcoming articles.

Of waves generated by Google I will talk another day.

Now a joke about waves:
How a Scots (Lepe) man is distinguished in a football field? because is the only one that wears the float to do the wave.

Traducción al español aquí.

Comparativa de plataformas para crear blogs

Lo que vaya escribiendo en este blog servirá de ejemplo de diseño orientado al usuario, ¿a qué usuario? al usuario lector, o sea, a ti lector de este artículo para orientarte respondiendo a preguntas como ésta:

¿Qué plataforma es la mejor para crear un blog?

Esta tabla muestra una comparativa de plataformas de creación de blogs generada en Tablefy:


Free Blog Software

Como al principio no quiero gastar dinero, una condición será que sea gratuita. Otra condición importante es que el servicio incluya el alojamiento de las páginas para no tener que montar un servidor propio conectado 24 horas a la red. Pero eso sí, la plataforma elegida deberá permitir, en cualquier momento, la migración a un sistema de publicación con un dominio personalizado y un alojamiento propio, que puede estar en alta mar a merced de las olas, si Google pone en marcha la patente sobre plataformas flotantes con Centros de datos basados en Agua.



A continuación he preparado una tabla con el decálogo de las características funcionales gratuitas que más valoro al diseñar un buen sitio en Internet, siempre con el punto de mira dirigido al usuario del blog:

(1)La facilidad para el cambio de apariencia, lo que se conoce como plantillas de diseño que permiten ser camaleónico en los colores y formas para que sea atractivo a un gran público.
(2)La posibilidad de modificar el contenido del sitio, editando directamente las páginas web con un editor de plantillas del tipo WYSIWYG del inglés "What You See Is What You Get", o sea "lo que ves es lo que obtienes", lo que hace más cómodo conocer de antemano qué verá el usuario final.
(3)La incorporación de códigos de terceros (scripts) y de artilugios de programación, conocidos como widgets, para ser lo más versátil posible e incluir características especiales y servicios web sin mucho esfuerzo de programación.
(4)La compatibilidad del formato del blog en cualquier navegador actualizado de Internet, porque a los usuarios nunca se les puede obligar a cambiar de navegador para ver un sitio web.
(5)La disponibilidad del servidor de dominio durante 24 horas x 7 días a la semana, por razones obvias.
(6)La potencia del motor de búsqueda de palabras y artículos publicados en el blog.
(7)La posibilidad de traducción del blog o su redacción en varios idiomas.
(8)El control y moderación de los comentarios anónimos o no, para impedir que llegue spam y comentarios maliciosos, de mal gusto o que no sean políticamente correctos, que puedan herir la sensibilidad del espectador.
(9)El control de la publicidad que el editor del blog desea mostrar al lector.
(10)La suscripción al servicio de alertas de nuevos artículos o posts.

Para poder elegir el mejor servicio de creación de blogs, habrá que enumerar la lista de plataformas para bloggers gratuitas, accesibles en la mayoría de los países, en una tabla relacionándolas con sus características principales obtenidas de diversas fuentes de comentaristas de blogs:


Características(1)(2)(3)(4)(5)(6)(7)(8)(9)(10)Puntos
La Coctelerarrraarrrrr2
Nireblogaraararara6
Blogiaaaraarraar6
Blogdiariorrrarrrrar2
Full Blogararrrrara4
Bloggeraaaaraaraa8
Wordpressraraaaaara7
TypePadarrarrrara4
Blog Smithrarrraarrr3
Movable Typerrraarraaa5
Drupalaaraaaaarr7
ExpresionEnginerrraararaa5


Como se puede ver, la mejor plataforma es, sin duda, Blogger con la máxima puntuación de la comparativa, además de estar respaldad por Google y por esos motivos la he elegido para crear este blog. Los lectores dirán si he acertado en la elección y si cumple las expectativas previstas para mejorar el diseño de blogs orientados al usuario.

Desde los hiperenlaces o links incluidos en la tabla anterior se pueden ver cada una de las plataformas estudiadas e incluso se puede comenzar a crear nuestro propio blog gratuito, para lo que hace falta un poco de tiempo y bastante paciencia, pero seguro que el resultado será satisfactorio para los lectores si se presta un poco de atención a lo comentado aquí y en los próximos artículos.

De las olas que genera Google hablaré otro día.

Ahora un chiste de olas:
¿Cómo se distingue a uno de Lepe en un campo fútbol? pues porque es el único que lleva flotador para hacer la ola.

English translation of this post here.

Mi lista de blogs