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.

My first image

Since some days ago I have the idea of having a graphic image on the network to share my experiences in user-centered design and the answer is this blog.

Being that my professional career is headed to new technologies related to Graphical User Interface and having always worked in Research and Development departments over the past 30 years, I can contribute my knowledge in software quality related to the usability of computer applications.

The International Organization for Standardization defines usability in ISO/IEC 9126 as:

"Usability is the capability of software to be understood, learned, used and be attractive to the user, under specified conditions of use"

The basic principles of usability are:
-> Learnability: ease for new users developing an effective interaction with the application.
-> Flexibility: variety of possibilities that the user and the system can exchange information.
-> Robustness: the level of user support that facilitates the achievement of its objectives. It is related to the user's observation skills, information retrieval and setting of the task near to the user.

You must know that the development of graphical user interfaces has been increasing over the years to be a percentage greater than 60% of the cost of computer applications.

You see, yesterday I opened this place to interact with users of this blog that they want to read it from now.

To do this I followed some steps you should know. Today I will focus on the first step, deciding what platform I must use to publish my articles.

I was tempted to create a website and register a domain to have complete freedom and authority over the site, but in times of economic crisis, I opted for free applications, hosted on servers in the cloud, to which everyone can access without paying a monthly rent.

The initial aim is to show my articles to a large audience so I decided to create a blog or web log, which is a website regularly updated and that collects chronological texts or articles from one or more authors, the most recent appearing first, where the author always retains the freedom to publish what creates relevant.

To improve the learning curve there is nothing like using friendly interfaces and similar to those already known, so it is easy to understand that I've created this blog as a blogspot, because wich I have sympathy for it the past two years, and has Google's warranty.

In the next article I will comment on the template chosen for this blog.

Be good and see you tomorrow.

P.D.: Links From Wikipedia, the free encyclopedia
Traducción al español aquí

Mi primera imagen

Hace días que le doy vueltas a la idea de tener una imagen gráfica en la red para poder compartir mis experiencias en el diseño orientado al usuario y la respuesta es este blog.


Ya que mi carrera profesional está dirigida a las nuevas tecnologías relacionadas con Interface Gráfico de Usuario y habiendo trabajado siempre en departamentos de Investigación y Desarrollo los últimos 30 años, puedo aportar mis conocimientos en calidad del software relacionados con la usabilidad de las aplicaciones informáticas.

La Organización Internacional para la Estandarización define la usabilidad en ISO/IEC 9126:

"La usabilidad es la capacidad de un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso"

Los principios básicos en los que se basa la usabilidad son:
-> Facilidad de Aprendizaje: facilidad con la que nuevos usuarios desarrollan una interacción efectiva con la aplicación.
-> Flexibilidad: variedad de posibilidades con las que el usuario y el sistema pueden intercambiar información.
-> Robustez: nivel de apoyo al usuario que facilita el cumplimiento de sus objetivos. Está relacionada con la capacidad de observación del usuario, de recuperación de información y de ajuste de la tarea al usuario.

Se debe saber que el desarrollo de los interfaces gráficos de usuarios ha ido en aumento a lo largo de los años hasta ser un porcentaje mayor del 60% del coste de las aplicaciones informáticas.

Como verás, ayer abrí este sitio para interactuar con los usuarios de este blog que me quieran leer a partir de ahora.

Para ello he seguido algunos pasos que se deben conocer. Hoy me centraré en el primer paso que ha sido tomar la decisión de qué plataforma usar para publicar mis artículos.

Estuve tentado de crear un sitio web y registrar un dominio para tener completa libertad y autoridad sobre el sitio pero, en tiempos de crisis económica, he optado por aplicaciones gratuitas, alojadas en servidores en la nube, a las que todos podamos acceder sin pagar un alquiler mensual.

El objetivo inicial es mostrar mis artículos a un gran público por lo que me he decidido por crear un blog o bitácora, que es un sitio web periódicamente actualizado y que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente.

Para mejorar la curva de aprendizaje no hay nada como usar interfaces amigables y similares a las ya conocidas, por lo que es fácil comprender que este blog lo haya creado como un blogspot de Blogger, del que soy simpatizante desde hace dos años, y que tiene la garantía de Google.

En el próximo artículo comentaré sobre la plantilla elegida para este blog.

Sed buenos y hasta mañana.

P.D.: Enlaces desde Wikipedia, la enciclopedia de contenido libre

English translation of this post here

My first wave

Hello World.

In physics, a wave is a propagation of a disturbance of some property of a medium, for example, density, pressure, electric field or magnetic field, which propagates through space carrying energy. The environment can be disturbed diverse in nature as air, water, a piece of metal or the void.

But I am speaking here of the waves, which are perturbations that propagate through fresh or salt water or, why not, waves generated by the Technologies of Information and Communication - TIC to spread across this vast ocean that is the web and navigation techniques for jumping and surfing the waves of this global network of cobwebs.

Follow me,
Pedro Wave
Traducción al español aquí

Mi primera ola

Hola mundo.

En física, una onda es una propagación de una perturbación de alguna propiedad de un medio, por ejemplo, densidad, presión, campo eléctrico o campo magnético, que se propaga a través del espacio transportando energía. El medio perturbado puede ser de naturaleza diversa como aire, agua, un trozo de metal o el vacío.

Pero aquí voy a hablar de las olas, que son perturbaciones que se propagan por el agua dulce o salada o, por qué no, de las olas que generan las Tecnologías de la Información y la Comunicación - TIC al propagarse por este vasto océano que es la , y de las técnicas de navegación y surfeo para saltar las olas de esta red de telarañas global.

Sígueme,
Pedro Wave
English translation of this post here

Mi Lista de Blogs- My Blog List