Area Estratégica

Weblog | Blog | Bitácora web. Desde 1999.
Negocios en internet, innovación y productividad.

 

Principal » Desarrollo

05.06.2007

Diseñar para el usuario, no para el dueño

En mi negocio estamos especializados en hacer que empresas B2B generen más clientes y ventas con una estrategia adecuada de internet. No hacemos sitios con Flash por la sencilla razón de que nunca hemos encontrado una justificación para hacerlos en B2B para generar demanda. Por otro lado, hemos sostenido por años que el Flash agrega poco o nulo valor a un sitio, y recientemente encontramos una demostración con datos duros. Cuando el cliente insiste en que requiere Flash simplemente "no le entramos" al proyecto. Nos retiramos.

Una de las herramientas de las que nos hemos valido para probar una y otra vez que no se justifican las animaciones en B2B son las personas, que no son sino personajes hipotéticos que representan a usuarios típicos de un sitio.

La razón por la que es tan importante utilizar estos personajes son varias:

• Permiten tomar decisiones de diseño a lo largo del proceso.
• Nos ayudan a "ponernos en los zapatos de los visitantes" para conocer sus requerimientos y saber qué información debe de haber en el sitio.
• Las decisiones que se toman hacen que los visitantes se identifiquen más con el sitio, pues se les habla en un lenguaje más familiar y cercano.
• El sitio debe cumplir con nuestros objetivos (por ejemplo, generando prospectos), pero para ello debe de cumplir primero con el objetivo del prospecto.

Hemos comprobado en múltiples ocasiones que de una adecuada determinación de estas personas depende una gran parte del proceso de generación de respuesta en un sitio B2B. Es decir, de generar clientes y ventas.

Si deseas crear personas o personajes para un sitio web o incluso para un negocio físico, te sugiero como referencia el excelente libro Waiting for your cat to bark, de Jeffrey y Bryan Eisenberg.

En el libro detallan la metodología que han creado en Future Now, que han llamado Persuasion Architecture, para crear personajes o personas con un gran nivel de realismo y acercamiento con los clientes reales en un negocio o sitio web, con lo cual la respuesta que se puede obtener realmente impresiona a los dueños. Y sin necesidad de poner a danzar su logo en Flash.

01.06.2007

Reseña de Google Analytics v2

Detallada reseña de la nueva versión de Google Analytics.

Como sabemos, la nueva versión de Google Analytics fue lanzanda hace unas tres semanas. Esta reseña ilustrada de Avinash Kaushik cubre con detalle las novedades del excelente servicio de Google.

16.05.2007

Cómo planear (rápidamente) un sitio web

Es muy importante planear un sitio web, ya sea para crearlo o rediseñarlo. En este artículo te damos algunas pautas que pueden serte útiles aún si has creado muchos sitios con anterioridad.

Con las herramientas que existen en la actualidad, como nuestro sistema Area Construye, o programas como Movable Type, Wordpress, Drupal, Joomla y otros administradores de contenido es cada vez más fácil crear un sitio web rápidamente.

Sin embargo es muy importante dedicarle tiempo a la planeación de un sitio web, para que se garantice un lanzamiento exitoso, se facilite el mantenimiento y se prolongue la vida útil del sitio.

La planeación no debe realizarse sólo al principio, sino que es fundamental en todas las etapas del desarrollo del sitio.

Será importante conocer los puntos principales de que consta un desarrollo. A continuación te presento una versión simplificada del sistema de implementación que utilizamos en Area para crear cualquier sitio y que te será útil a tí también.

1. Definir objetivos y alcances
2. Crear estructura
3. Crear contenido
4. Elaborar imagen gráfica e interfaz
5. Producir el sitio

Estos pasos son dependientes y siguen un flujo. Es decir, no podrás crear contenido si no sabes qué estructura tiene tu sitio y tampoco es buena idea crear una imagen gráfica si no sabes qué contenido habrá en el sitio.

1. Define los objetivos que tienes para crear el sitio y determina qué alcances tendrá.

Será necesario que respondas preguntas como las siguientes:

¿A quién me estoy dirigiendo? ¿Qué es lo que quiero lograr con este sitio web? ¿Qué es lo que deseo que los visitantes hagan al entrar a mi sitio web?

Responde con claridad y procura que las respuestas sean medibles y concretas.

2. Define la estructura del sitio

Basándote en el punto anterior, puedes bosquejar qué secciones tendrá tu sitio. No le des tanta importancia a tu misión, valores, y la información acerca de tí y de tu empresa. Procura crear secciones e información valiosa para tus visitantes.

Te será muy útil utilizar mapas mentales y diagramar libremente en papel.

3. Planea y asigna tiempo para la creación del contenido

El contenido, como hemos dicho desde hace mucho tiempo, es la parte más importante de un sitio web y es lo que estarán buscando tus visitantes.

La principal razón por la que se retrasa el lanzamiento de un sitioes la creación del contenido. Ten en cuenta que hay que recopilar texto, imágenes y otros elementos.

4. Diseño Visual

Una vez que tienes definidos los alcances que esperas de tu sitio, que conoces la estructura de sitio, y que tienes bosquejado el contenido, entonces es cuando puedes crear la apariencia visual, no antes.

Es común que se quiera empezar con la parte gráfica al principio y la planeación al final. Lo único que se logra con esto es llimitar el crecimiento de un sitio y hacerlo más difícil de actualizar. Un ejemplo de este error son la gran mayoría de los sitios que están hechos enteramente en Flash, pues casi con seguridad fueron planeados empezando por la parte gráfica.

5. Producción.

Evidentemente la parte más técnica. Si definiste los puntos anteriores en forma clara, la producción será mucho más adecuada, todo estará presupuestado y pronto estarás lanzando tu sitio.

Puedes utilizar los siguientes libros como referencia:

The elements of user experience
Don't make me think
Web ReDesign: Workflow that Works

............

08.12.2006

Public Square, para publicar sin dolor

Hoy se lanzó la aplicación basada en web PublicSquare cuyo slogan es Painless publishing.

Atiende un nicho que ha estado descuidado por los CMS especializados en blogs como Movable Type o por los muy complejos como XOOPS, en donde es muy fácil perderse en la textura.

Este sistema busca atender las necesidades de sitios como revistas en línea, periódicos comunitario, comunidades de interés y sitios de periodismo ciudadano (but of course).

La aplicación, como decíamos, está basada en web. Incluso en la versión gratuita pueden tenerse un número ilimtado de autores y de artículos.

Los creaodres de esta herramienta son Christina Wodtke, Lars Pind, Anders Pollas y Lance Arthur, por lo cual las expectativas acerca del éxito de este sistema son altas.

07.10.2006

SitePoint

SitePoint es un sitio australiano muy conocido con el slogan New Articles, Fresh Thinking for Web Developers and Designers.

Me ha parecido muy interesante por el enfoque que le dan a la información, que va más allá de simples tips de desarrollo y diseño web, o de tutoriales o técnicas. Especialmente en su newsletter se enfocan también en la estrategia y en el negocio de hacer desarrollo web,

Muy recomendable este tipo de sitios que comparten la información con tanta generosidad.

26.07.2006

RSS en Hotscripts.com

Me impresionó el número de aplicaciones en Hot Scripts que tienen algún tipo de soporte a RSS. 492 al día de hoy

Hace cosa de un año estaba yo buscando alguna herramienta para agregar o sindicar feeds de RSS en forma automática, y los resultados que encontré eran un puñado de programas bastante medianos.

Creo que es una buena señal para el RSS. Y también una advertencia para prácticamente cualquier sitio web: RSS or die!

22.08.2005

Entrevista con el creador de Flickr

Jesse James Garret de Adaptive Path entrevista a Eric Costello, uno de los creadores de Flickr.com.

19.06.2005

Frases para la historia

Dave Winer el 9 de diciembre de 1999 escribía

"No point worrying about CSS and standards. It's a big dream. Netscape is gone. <blockquote> works great. I still love Jeffrey. All his icons are in our glossary."

21.05.2005

Bookmarks esenciales para diseñadores y desarrolladores web

Essential bookmarks for web-designers and webdevelopers es una colección de links acerca de CSS, herramientas de color, fotos royalty free, usabilidad y otros temas. Actualizado semanalmente.

(Vía IA/ blogs

17.05.2005

¿Automatizamos tus errores?

La inmensa mayoría de los procesos en un negocio pueden mejorarse sin necesidad de implementar ningún nuevo sistema.

Sin embargo, muchas empresas prefieren implementar sistemas que no son sino parches y remiendos colocados a la fuerza encima de sus sistemas obsoletos.

A eso es a lo que hemos denominado automatización de errores.

Cuando uno de nuestros prospectos insiste en que le automaticemos alguno de sus errores de proceso o de metodología y no acepta ningún otro punto de vista (lo cual es típico en entidades de gobierno), preferimos retirarnos del proyecto. Así de simple. Lo más seguro es que se trate de un proyecto destinado a fracasar.

27.01.2005

Tags para clasificar información

Por qué empezaremos a oír cada vez más el término "tag"

Excelente ensayo de Derek Powazek acerca de los tags utilizados cada vez más en sitios como del.icio.us o Flickr.

Los gringos han dado en llamar folksonomies a las categorizaciones o taxonomías que generan los usuarios para clasificar su información. Ojalá que en español utilicemos un término más adecuado a nuestro idioma y no terminemos llamándole folksonomía a algo que bien podría llamarse tiponomía.

Los tags resultan sumamente cómodos no solo para un autor que desea organizar la información que recibe, sino para un usuario que busca información, pues resulta mucho más fácil navegar entre tags, que entre fríos esquemas de clasificación.

01.11.2004

Rediseño de navegación en Amazon

Mis primeras impresiones acerca del rediseño en la navegación de Amazon.com .

  • No se nota. No lo noté, debería decir, pues estaba buscando algo en específico. Es más notorio el anuncio central o "concepto", como suelo llamar a ese tipo de elementos.
  • El espacio para realizar búsquedas prácticamente cubre un ancho similar al usado por las anteriores pestañas. Deben de haberse dado cuenta que la mayor parte de los usuarios utiliza el buscador principalmente (es muy bueno y confiable) y en todo caso, si quiere surfear por el sitio, más bien escoge los top sellers, o simplemente utiliza los innumerables opciones sugeridas que vienen en cada despliegue de producto, resultado de búsqueda, etc.
  • A final de cuentas, las diferentes categorías siguen apareciendo en la columna izquierda. Pero algo me dice que no van a durar mucho ahí.
  • Fueron cuidadosos al no modificar elementos como el despliegue de productos individuales, formato con el que los usuarios están, creo, sumamente familiarizados.

13.09.2004

Trucos de CSS que tal vez no conozcas

Trucos de CSS que tal vez no conozcas

Vía HTML Life

07.09.2004

Mambo

Mambo

El mejor sistema de gestión de contenidos que he visto. Unicamente requiere PHP, MySQL y ZLib.

16.04.2004

Personas

Random Personal Picture Finder

Ya estaba yo un poco harto de estar entrando a sitios de "ligue" para encontrar fotos de personas a utilizar como personas (según la definición de Alan Cooper) en nuestros prototipos y perfiles de usuario.

Random personal picture finder viene a ser la solución. Así puedo usar las fotos sin juicios de por medio al recordar que a tal o cual tía "espera encontrar una bonita relación de amistad y øpor qué no? tal vez algo más".

Porque me pasa, por ejemplo, que ando buscando la foto de alguna mujer que parezca empresaria, activa, emprendedora y simplemente no puedo olvidar que la verdadera persona detrás de la foto que estoy usando en realidad necesita "un hombre que la escuche y que le tienda la mano y un hombro en el que llorar".

21.03.2004

Zen Cart, excelente programa de e-commerce

Zen Cart : The Art of E-commerce

Durante los últimos dos años he sido fiel promotor del programa open source OS Commerce. Desafortunadamente es muy lento su avance, así que los últimos quince días he estado evaluando Zen Cart, que está basado en OS Commerce, pero como un desarrollo independiente, también en open source

Zen Cart sin duda supera al venerable OS Commerce, sobre todo por que está enfocado en brindar una gran facilidad de uso y una grata experiencia tanto al comprador como al administrador del sitio. Y, de paso, también al diseñador del sitio ya que su apariencia y layout se pueden modificar fácilmente.

El sistema se instala, literalmente, en 1 minuto, y de entrada aparece en modo "Tutorial" en donde da muchos tips para adaptarlo y modificarlo. Justamente esta es una de las grandes debilidades de OS Commerce, que es difícil de modificar y depende demasiado de tablas y <font> tags.

La versión 1.2, por lo que se anuncia, viene cargada de nuevas características que se agregan a las actuales y que hacen que Zen Cart sea un proyecto aún más prometedor.

OS Commerce sigue siendo una alternativa muy viable además de tener una gran "base instalada" en todo el mundo pero, la verdad, Zen Cart se lo va a llevar de calle muy pronto.

18.03.2004

HTML Email

HTML Email

Es la mejor referencia que he encontrado. Sabemos que es un mal necesario, pero el HTML en el Email permite que los newsletters y ezines sean un poco más interesantes.

02.03.2004

Plug IN

Plug IN Magazine

Revista mensual en PDF de los creadores de Dev Shed. Se ve interesante.

01.03.2004

CSS Drop Shadows

CSS Drop Shadows

Me da gusto ver este artículo de un mexicano en A List Apart.

Felicidades a Sergio Villarreal, de Overcaffeinated.

25.02.2004

La fortaleza de MySQL

MySQL y "LAMP" le ahorran a istockphoto.com 900,000 dólares

Por si hubieran dudas acerca de la capacidad de MySQL, estas son las palabras del VP operativo de Istockphoto, el repositorio más grande en la web de imágenes royalty-free:

"Una base de datos tradicional hubiera requerido al menos un millón de dólares en costos de diseño, hardware y otros costos asociados con esas soluciones. Y aún así no tendríamos la flexibilidad y estabilidad que nos proporciona MySQL".

El costo para ellos fue de alrededor de 100,000 dólares. Nada despreciable el ahorro.

17.02.2004

Los Elementos de la Experiencia de Usuario

Los Elementos de la Experiencia de Usuario

Breve reseña de Los Elementos de la Experiencia de Usuario de Jesse James Garrett.

24.11.2003

øCómo hacer para que las PyMES se interesen en proyectos Open Source?

øCómo hacer para que las PyMES se interesen en proyectos Open Source?

Es una breve nota que he publicado en Denken ‹ber, gracias a la amable invitación de Mariano.

16.05.2003

Anti-ejemplos

Anti-ejemplos

Cada vez me convenzo más que en disciplinas tan recientes como la usabilidad, la arquitectura de información y el web marketing, una de las mejores forma de aprender es mediante el estudio y la observación de anti-ejemplos.

Por anti-ejemplos me refiero a errores evidentes, paja en el ojo ajeno, digamos que al estilo de Web pages that suck.

Ultimamente me han llamado la atención anti-ejemplos del mundo off-line tales como señalizaciones, anuncios, empaques y hasta el modo de atender de algunos dependientes y meseros. Pero el día de hoy no daba crédito al ver un anuncio espectacular de ésos que abundan en la Ciudad de México.

Es un gigantesco espectacular ubicado en la intersección de División del Norte y Miguel Angel de Quevedo cuyo único objetivo seguramente es complacer el ego del dueño de la empresa que lo mandó instalar.

Sin ninguna imagen de por medio, con letras enormes, en el titular del anuncio se lee:

Para tí este anuncio puede no decir nada.
Para nosotros lo dice todo.

Con letras diminutas, escondidas desde muchos ángulos por semáforos, postes, alambres y árboles, se lee muy abajo en el anuncio:

Escuela tal y tal, dirección tal, teléfono tal

Notorio el orgullo por el anuncio. Nula respuesta con toda seguridad.

Prometo tomar una foto y publicarla en cuanto pase por ese lugar de nuevo.

09.01.2003

Creación de Prototipos en HTML

Boxes and Arrows: Creación de prototipos en HTML

Buenos tips para esta tarea que normalmente tomaría mucho tiempo.

03.01.2003

Top 47 Web-Design Mistakes

Top 147 Web-Design Mistakes

Yo creo que se quedó corto Jakob Nielsen con su reciente artículo Top ten web-design mistakes of 2002.

Al redactar recientemente un reporte acerca de negocios en la web, dediqué una sección a errores frecuentes que se cometen en sitios web comerciales. Estos son sólo algunos de estos errores frecuentes que encontré.

  • Uso excesivo de gráficos

  • Sitios creados totalmente en flash.

  • Poco contenido

  • Hablar de sí mismos todo el tiempo en vez de enfocarse en las necesidades del cliente.

  • Creer que pueden poner una tienda virtual y sentarse a esperar los pedidos al día siguiente

  • Escoger nombres de dominio imposibles de recordar o larguísimos.

    Me viene a la mente un nombre que ví recientemente: rehabilitacionyterapiafisica.com.

  • Usar URLs excesivamente largos. Véase este URL de Office Depot de México:

    http://www.odmintranet.com.mx/WEBPCGI/

    CNT005.PGM?Cus=&Csu=&Ses=&Dpt=3&Sdp

    =14&Cls=146&Scl=0&Prd=005391&Tda=&Con

    =&Dsk=&Ord=&Rel=&Ref=&Dir=&Xmiem

    =CNT005HC&Filler=100

  • Errores en el código HTML

  • Lentitud en el despliegue de las páginas.

  • Mala selección de servicio de hosting (Windows cuando debería utilizarse Linux o viceversa; servidores lentos)

  • Faltas de ortografía

  • Imágenes que no se cargan (porque no existen o porque son excesivamente grandes)

  • Desorganización en el diseño (colores, estilos, alineación, etc.)

  • Falta de una arquitectura adecuada del sitio. Este punto por sí solo puede acarrear decenas de errores adicionales.

  • Falta de atributos ALT en imágenes.

  • Texto mal redactado

  • Inconsistencia en el texto de una parte a otra del sitio.

  • Uso de applets de Java para los menús

  • Utilización de tecnologías cerradas en sitios que deberían ser abiertos. Por ejemplo los sistemas de validación de la entidad registradora de dominios NIC Mexico. No funcionan en todos los navegadores.

  • Imposiblilidad para encontrar un número telefónico claramente indicado en la página

  • No mostrar una dirección de email o una dirección física.

  • °No decir a qué demonios se dedica la empresa!

  • ...

øSeguimos ennumerando más errores?

Sí, tal vez algunos de estos sean tanto o más obvios que los ejemplificados por Nielsen. Pero, øacaso por obvios dejan de cometerse?

Un buen -enorme- botón de muestra es la entidad que más dinero recibe en México. Me refiero al Servicio de Administración Tributaria de la Secretaría de Hacienda.

La última vez que entré perdí la cuenta de cuántas ventanas pop-up se me abrieron. Impresiona a su vez la cantidad de links posibles, totalmente desorganizados, mal etiquetados.

Así que no descartemos tan fácilmente al tío Nielsen.

21.11.2002

Entrevista con Maryam Mohit de Amazon.com

Entrevista con Maryam Mohit de Amazon.com

Con motivo de su próxima conferancia Good Experience Learning (GEL), Mark Hurst está entrevistando a algunos de los conferencistas. Tal vez sea un buen pretexto para conocer NY el próximo mayo.

11.10.2002

Rediseño en Wired

Rediseño de Wired

Este rediseño está orientado hacia uso de estándares y no utiliza tablas.

Es el primer caso de un sitio de alto tráfico que orienta su diseño hacia el uso de estándares y CSS. Sin duda será un parteaguas y muy pronto estaremos viendo este tipo de cambios en otros sitios.

25.09.2002

Flash o un simple destello

Flash o un simple destello

Interesantes puntos de vista en Piso Trece, con razones fundadas por las cuales no conviene utilizar Flash en la mayoría de las situaciones.

Tal vez más que un simple destello, sea un relámpago que ha enceguecido a muchos diseñadores y °oh, dolor! a muchos clientes finales. (Con dedicatoria especial a un usuario que, con sólo 500 visitas diarias, en 21 días consumió 15 GB de ancho de banda en uno de mis servidores).

07.09.2002

99.9% de los sitios web son obsoletos

99.9% de los sitios web son obsoletos

Esta provocadora frase que encenderá los ánimos de más de uno es el título de uno de los capítulos del próximo libro de Jeffrey Zeldman: Forward Compatibility: Designing & Building With Standards.

05.09.2002

Entrevista con Louis Rosenfeld

Entrevista con Louis Rosenfeld

Celebrando la segunda edición del clásico libro de Rosenfeld y Morville, Information Architecture for the WWW, Boxes and Arrows entrevista al autor.

La entrevista está centrada en las posibilidades de negocio para consultores independientes de Arquitectura de la Informacion, campo que es con frecuencia confundido con la Usabilidad., y que es igualmente importante en el desarrollo de cualquier proyecto web.

La segunda edición del famoso libro del oso polar contiene más del doble de información que la primera edición del '98.

29.08.2002

Estándares web para tiempos difíciles

Estándares web para tiempos difíciles

Excelente artículo de Paul Boutin en Webmonkey. Sus sencillas sugerencias van al grano y muestran lo que se debe de planear y ejecutar para lograr una transición menos dolorosa y menos costosa hacia los estándares.