Tecnotertulia

Webs hechas totalmente en Flash se venden con facilidad a un público inexperto. Sin embargo, desde el punto de vista empresarial, una web hecha totalmente en Flash es una mala inversión por varios motivos. Aquí espero dar a los no-expertos algunas ideas sobre cómo se debe, y no se debe, usar Flash en la web.

En términos muy generales, el Flash destaca como herramienta para:

• experiencias inmersivas (mundos virtuales)
• realizar tareas concretas (aplicaciones: vídeo juegos, mapas, etc.)
• reproducir vídeo

Y suspende cuando se usa para:

• catalogar/clasificar información
• manejar datos en general
• publicar textos (que viene a ser un manejo de datos)

Yo creo que mucha de la confusión sobre Flash viene a raíz del mismo nombre. Flash es una herramienta para crear animaciones, películas, y otras herramientas. Muchos de los efectos especiales se pueden conseguir con otras herramientas, pero en el fondo, si uno pretende tener una web “profesional”, antes de pedir una web con muchos colores y movimiento, el cliente debería preguntarse por qué…

De nuestro proceso de diseño web:

“Diseño web es una mezcla de los siguientes ingredientes: diseño gráfico, arquitectura de la información, usabilidad, accesibilidad, y optimización de cara a los buscadores (search engine optimization - SEO). Para lograr que un visitante responda de una manera predecible hay que tener en cuenta estos 5 factores a la hora de crear el diseño, y no sólo pensar en el diseño gráfico.”

Pero todo esto no me lo invento yo. Lo dicen muchas otras personas (expertas en el tema):

• Accesibilidad web y Flash
• 10 razones para usar (y desechar) Flash (Parte 1)
• 10 razones para usar (y desechar) Flash (Parte 2)
• Top 10 de los errores en diseño web de 2005
• Flash ¿Cuál es el problema? - artículo en pro, pero todos los ejemplos son para aplicaciones, no portales web
• Flash: 99% Bad (en inglés) - artículo de referencia sobre el tema escrito por EL experto en usabilidad: Jakob Nielsen

Pero el principal motivo del fracaso de la mayoría de las webs no es el uso, ni abuso, de Flash sino la falta de definir los objetivos empresariales de una web en términos concretos antes de iniciar la creación de dicha web.

Es decir: antes de contratar la creación de una web, siéntate y pregúntate qué esperas que la web te produzca en euros, contactos nuevos, imágen, etc. Una vez sepas en términos concretos qué esperas de la web, sabrás el valor que tiene (cuánto invertir) y con el tiempo podrás juzgar si la web ha logrado los objetivos o no. Esto es el primer paso de nuestro proceso de desarrollo web. Se supone que es sentido común, pero en mi experiencia, los clientes se dejan vender por los ojos, y no por el bolsillo como hacen los buenos empresarios.

Nada más darle la enhorabuena a la biblioteca de Santa Lucía por su iniciativa de instalar una red WiFi para los usuarios y aunque no lo dice el artículo publicado en La Provincia del 8 de mayo de 2007, sé de buena fé que nuestro empleado, José Juan Rodríguez, tuvo algo que ver con el éxito citado. De hecho, José ha colaborado en un par de proyectos de instalación de redes WiFi y pronto se le podrá llamar “experto” en el tema.

(I am “reposting” this because I found a great link, near the bottom, and because I don’t think this got enough air-time the first time I posted it.)

“Every serious book of nonfiction should have an index if it is to achieve its maximum usefulness. A good index records every pertinent statement made within the body of the text. The key word here is pertinent.” (18.1, p. 512, The Chicago Manual of Style 1982)

A web page is a document and a web site, a book. Books go through a process of editing: several drafts are written before the final draft, and several proofs may be produced before the book is sent to the press for mass reproduction. At one point in the process, an index is created to facilitate finding the information a reader is looking for.

In brief, the Indexer (the person creating the index) makes annotations on a proof of the book about what should be indexed and how. They even include a “header” section with data about the context of the document, or general document-wide indexing information (page, chapter, date of publication, etc.).

Here is a sample of how books are marked up for indexing (The Chicago Manual of Style 1982):

The figures, lines, colons, and other annotations all have very specific meaning, but that is not what concerns us here. The point is some effort is made to objectively indicate what pieces of the text are considered important and how they relate to each other. This is a standard practice in manuscript and book publishing. If you want to maximize your web site’s usefulness, it should be a standard practice in web site publishing for any serious, nonfiction site.

What Is HTML?

The original intention of HTML was to allow scientists to share academic articles with some sort of search and retrieval capabilities to aid in finding articles that referenced their work, among other things. To accomplish this, web page documents are annotated in a fashion similar to the sample shown above. The annotations are known as “markup” from the verb “to mark up” and look similar to this: [title]Chocolate Chip Cookies in 10 Minutes[/title].

Hyper Text Markup Language is the term used to refer to this type of markup (”hyper text” = text that links to other text, a third dimension to a linear experience). The goal of HTML is to aid the retrieval of manuscripts from immense information systems, but historically HTML has been (ab)used primarily to aid the presentation (formatting) of a document. HTML optimized for indexing by the search engines is hard to produce. Most “modern” web pages are either missing such markup or the markup is inaccurate, which may be worse. A common example of inaccurate markup are web sites that have the same title for every page.

Many HTML editors provide the ability to include some of this markup in your documents. Markup that is strictly for formatting may make indexing more difficult and should be implemented via other means, typically Cascading Style Sheets (CSS).

A good document index communicates the internal document structure to the search engines. Specifically, it communicates which parts are titles, subtitles, word emphases, citations, diagrams, tables, etc. This is where it gets difficult: How do you know what sections need to be identified and how to identify them? What Mark Up do you use to tell the search engines: “This is a main menu.”? There are many guides on how to do this on the internet and the answers are beyond the scope of this blog post. I will say, however, that technologies such as Flash, Java, and JavaScript are unable to be used as markup and should be avoided if you hope to have your web site properly indexed by the search engines.

The Bottom Line

If you facilitate indexing by the search engines, there is a higher likelihood they will get it right and return your page as the first result for exactly the right query. This can be accomplished with little or no negative drawbacks on the design (if you have the right tools, some training, and are motivated). Furthermore, this is likely going to make your potential clients very happy: the first result was exactly the answer they were looking for and the design led them directly to the answer. This, to me, is the definition of a web page optimized for search engines: your page is the first result for specific queries and the design makes the answer clear.

I would estimate 90% of all web sites would benefit from this kind of web site optimization. Although at that point, they would all be equally optimized rather than equally un-optimized and the benefit could be nil.

Bruce Clay has an excellent description of the search engine optimization process.

Bibliography:

The University of Chicago. The University of Chicago Press, Chicago 60637. 1982.
The Chicago Manual of Style. Chicago: The University of Chicago Press.

El otro día alguien me preguntó si realmente conseguíamos clientes a través de Internet. La respuesta es un “sí” rotundo y claro, pregunta siguiente: “¿Y cómo los consigues?”

Una personalidad cibernética

Conseguir clientes por Internet no termina con salir primero en Google. Hace falta tener una personalidad cibernética, por decirlo así. Los visitantes a tu web, tus posibles clientes, necesitan alguna manera de comprobar que eres quién dices que eres. Necesitan comprobar tu personalidad antes de iniciar un contacto contigo, y hay varias maneras de crear una personalidad cibernética:

• Crear una web personal
• Llevar un blog (ya lo estás leyendo)
• Participar en foros y listas de distribución (LISTSERVs)
• “Donar” contenidos a otros webs (siempre que aparezca tu nombre)
• Lograr que tus datos aparecen en las webs de otros (como referencia, siempre que hablen bien de ti, por supuesto)
• Publicar artículos que demuestran todo lo que sabes y en qué campos te especializas

En mi caso cuando alguien me quiere “investigar” metiendo mi nombre en Google, aparecen muchos resultados y pueden llegar a tener una idea sobre quién soy y si concuerda con lo que digo en mi web personal. De esta manera el posible cliente tendrá una cierta confianza, lo suficiente como para ponerse en contacto con nosotros y basado en la interacción posterior, contratarnos (o no).

No pretendo que todos los que se ponen en contacto con nosotros se conviertan en clientes, ni que nos estén llegando correos todos los días, pero sí llegan y con la frecuencia suficiente como para mantenernos vivos. Así que cuando otros hablan de la dedicación que hay que tener para salir primero en los buscadores, yo iría más allá y hablaría de la dedicación que hay que tener para tener una personalidad cibernética y de confianza.

Por cierto, lo publiqué el otro día pero aprovecho para repetirlo ya que tuvimos un pequeño problema con la página… Publicamos nuestro proceso de desarrollo de aplicaciones web que, aunque no vayas a trabajar con nosotros, podría serte de interés.