Gracias a Javier, me enteré de este interesante artículo, con sugerencias acerca de cómo debería crearse una página de entrada (landing page) efectiva y vendedora.

1. Contenido seleccionado y enfocado
2. Textos claros y simples
3. Informaciones de apoyo
4. Trabajar teniendo en cuenta el “look and feel”
5. Crea unos contenidos centrados en el usuario
6. Una página, un producto
7. Sin scroll
8. Links repetidos
9. Coloca muchos puntos de conversión
10. Orientarlas al tipo de usuario
11. Transmitir credibilidad y profesionalidad
12. Evita errores ortográficos o gramaticales
13. Redacción del título de la página y del titular
14. El título de la landing page con las palabras clave
15. Minimizar el tiempo de carga
16. Pedir explícitamente
17. Botones de acción
18. Información actualizada
19. Actualización periódica
20. Diseño simple y limpio

continúa…

Ver artículo detallado en: http://inclusion.es/

Project Gmail Grimace es una iniciativa del Email Standards Project para llamar la atención de la gente de Google (específicamente los encargados de Gmail), para lograr que revisen las graves falencias que este cliente de correo electrónico tiene al desplegar correos con estilos y demás diseño.

Google has been conspicuously absent from our Email Standards Project inbox so far, frustratingly given Gmail’s otherwise excellent status as a webmail client. In fact, we use it ourselves. Given that we had not been able to reach them yet, we decided to have a bit of fun and at the same time make a serious point to the Gmail team.

Participar es relativamente sencillo, se requiere tomarse una foto haciendo una mueca, inscribirse a Flickr para enviar su foto y finalmente agregarla al grupo creado para este fin. Los detalles aquí.

Interesante artículo de Pablo López que comenta acerca de los comunmente percibidos conceptos de usabilidad que no siempre son correctos. Gracias José por el dato.

1. Si diseño cosas usables, hago Diseño Centrado en el Usuario

(usabilidad ≠ DCU)

2. Usabilidad es diseñar algo para que cualquiera pueda usarlo.

(diseño universal ≠ usabilidad)

3. El diseño que se adapta a los estándares tecnológicos es diseño usable.

(estándares ≠ usabilidad)

4. Un diseño usable suele ser conservador y poco innovador.

(creatividad ≠ usabilidad)

5. Un diseño minimalista es un diseño usable.

(minimalismo ≠ usabilidad)

6. Si diseño pensando en los usuarios, estoy haciendo diseño centrado en el usuario.

(DCU ≠ diseño orientado al usuario)

7. La arquitectura de información es parte de la usabilidad.

(AI ≠ usabilidad)

8. Un diseño accesible es un diseño usable.

(accesibilidad ≠ usabilidad)

9. Respetar los estándares tecnológicos garantiza un diseño accesible.

(estándares ≠ accesibilidad)

10. La estética juega en contra de la usabilidad.

(estética vs. usabilidad)

Leer el artículo detallado en: http://eldomo.net/

Cada vez es más popular el envío masivo de correo electrónico por parte empresas, particulares y cualquier de nosotros que quisiera llegar a un público específico o a la mayor cantidad de gente en general.

Esta labor podría sonar bastante simple, contando con herramientas estándar como el Outlook o Mail (Mac) o cualquier otro cliente de mail que utilicemos y contando con una base de datos de personas a las que querramos llegar. Copiar y pegar las direcciones en el BCC, copiar y pegar el contenido que queremos incluir en el e-mail, agregar un "subject" vendedor y enviar!

Pero, quién nos garantiza que lo que enviamos se verá igual en las pantallas de todos nuestros recipientes? Habiendo hoy en día una cantidad moderadamente grande de servicios de e-mail gratuito, clientes de mail, etc (refiriéndonos a los más utilizados, como Gmail, Hotmail, Yahoo, etc.).

Pues nada nos garantiza ese desplegado impecable y sin errores en la bandeja de entrada de quien recibe nuestro e-mail. A menos que tomemos una serie de precauciones y recomendaciones al momento de crear el contenido a enviar.

Aquí algunos sitios con información muy útil acerca de cómo lograr los mejores resultados con envíos masivos de e-mail:
(Leer más…)

Interesantes puntos que plantea Pablo López en su blog, con respecto de un tema que nos conscierne a todos los que estamos involucrados con la creación y planeación de interfaces (web/aplicaciones).

"Al hablar de usabilidad web hablamos del diseño de interfaces en los que los usuarios son el centro alrededor del que se ordena la información que se desea mostrar."

1. No existen usuarios torpes, existen interfaces imposibles.
2. Los usuarios saben leer. Hay interfaces en que la información está incorrectamente escrita.
3. Los usuarios no se equivocan siempre. Hay interfaces en los que no se tienen en cuenta las reacciones de los usuarios y no se comportan como él espera.
4. El usuario no es adivino. Hay enlaces de imposible identificación.
5. No le gusta que le engañen. Algo subrayado o de diferente color en un texto debería ser un enlace.
6. El usuario aprende rápido pero selecciona.
7. Al usuario no le sobre el tiempo para estar buscando por nuestra web.
8. No todos los usuarios son diseñadores y visitan las webs para ver lo bonitas que son.
9. El usuario tiene poca paciencia. y poca tolerancia a errores.
10. El usuario siempre tiene razón. Es nuestro cliente.

Visto en: http://inclusion.es/

Interesante artículo de Jacob Nielsen referente a un estudio/encuesta que realizaron para determinar que método tiene un mejor ROI (Return of Investment): Newsletter vs. Banners.

"HIGH-ROI vs. LOW-ROI INTERNET MARKETING

MarketingSherpa has released the results of a survey of 3,186 Internet marketers, who were asked about their ROI from various marketing techniques…

Highest scoring was house email marketing, with 4 times as many respondents saying that they got strong or good ROI than people who said that it was a low-value tactic or hard to gauge.

Lowest scoring Internet tactic was banner advertising, with 3 as many people saying "low" (or "hard to gauge") vs. respondents who said "good" (or "strong").

Email is about 12 times higher rated than banner advertising for ROI. Allocate your budget accordingly: unless you spend many times more on your newsletters then on online advertising, you probably have ROI problems.

These numbers don’t surprise me, because our empirical observations of users’ actual behavior show strong positive effects of email newsletters and extremely strong banner blindness.

Still, it’s nice to see marketing managers come to the same conclusions as the user research, regarding what works on the Internet."

Email newsletters, user research findings:
 > http://www.useit.com/alertbox/newsletters.html

Banner blindness, user research findings:
 > http://www.useit.com/alertbox/banner-blindness.html

Marketing managers’ ROI experience, survey findings:
 > http://www.marketingsherpa.com/article.html?ident=30128

Buen listado de puntos a seguir al momento de realizar un proyecto web. Compilado por .net Magazine.

1. Planning
2. Do it by hand
3. Stylesheets: importing vs linking
4. Smarter gradient backgrounds
5. Commenting
6. Use simple PHP to build sites
7. Set fonts using ems
8. IE Box Model Hack
9. Space saver
10. Test, test and test again
11. Format fundamentals
12. The ‘title’ and ‘alt’ attributes
13. The correct format for pseudo classes
14. Use semantic mark-up
15. Favicons
16. Change capitalisation using CSS
17. Wrapping text around images
18. Universal character sets
19. Print styles
20. Learn from others

Ver listado detallado aquí.
Visto en: http://www.lifeclever.com/

Una vez más, Mashable ha hecho una recopilación muy buena de varios sitios. En este caso, mostrando algunas páginas del conocido "Error 404" (Documento no encontrado en el servidor).

Ver el artículo en: http://www.smashingmagazine.com/
Ver más ejemplos: http://www.smashingmagazine.com/

Esta es una buena fuente de información como librerías y guías para diseño y desarrollo web. También incluye los famosos "Cheat Sheets", que proveen referencias rápidas de métodos, propiedades y sintaxis de cada componente.

Descarga de YUI: http://developer.yahoo.com/yui/download/
Descarga directa de los "cheat sheets" en zip: http://developer.yahoo.com/yui/docs/assets/cheatsheets.zip

The Yahoo! User Interface (YUI) Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. The YUI Library also includes several core CSS resources. All components in the YUI Library have been released as open source under a BSD license and are free for all uses.

Visita el sitio: http://developer.yahoo.com/yui/

Excelente artículo que me hizo llegar Javier Romero acerca de la diagramación y diseño de formularios web.

“Input elements should be organized in logical groups so that your brain can process the form layout in chunks of related fields.” - HTML: the Definitive Guide

Ver el artículo aquí: http://www.lukew.com/

Interesante artículo que explica cómo diseñar (a manera de tutorial) para las resoluciones de monitor más comunes.

From our research we have found that majority of our viewers are on the 1024×768 resolutions and higher. As time goes by more and more people are going to switch to higher resolutions as seen by our site statistics. It is therefore very important to design web sites for all resolutions.

Ver el artículo aquí: http://www.entheosweb.com/

Recordemos algunas de las herramientas útiles que están a nuestra disposición en el Internet.

Color

• Color Sphere (Creador de esquemas de color)
• Color Scheme (Creador de esquemas de color)
• Color Match (Creador de esquemas de color)
• ColorBlender (Color matching y creador de paletas)

Análisis de Dominios y URLs

• Alexa
• Page Rank Checker (Entrega tu PageRank actual)
• iWebTools (Compendio de varias herramientas para web en línea)
• Domain Tools ( Whois, Backlinks, PageRank, Alexa, etc)
• PopUri (Whois, Backlinks, PageRank, Alexa, etc)
• Pingdom (Whois, Backlinks, PageRank, Alexa, etc)
• Counting Links (Cuenta los links que apuntan hacia tu página)
• Link Popularity (Hace un query a los buscadores principales y reporta cuántos links hay apuntando hacia cualquier página en tu servidor)
• MetaTag Generator (Creador de Meta Tags. Entrega el código del Meta generado)
• WebXACT (WebXACT permite testear páginas individuales por calidad, accesibilidad y privacidad)
• Cuál es mi IP (Entrega el IP de la máguina que estás usando en ese momento)
• Xinu (Whois, Backlinks, PageRank, Alexa, etc)

Compatibilidad entre Browsers

• NetRenderer (Testeo de sitios web en Internet Explorer 7, 6 o 5.5. Entrega capturas de pantalla)
• BrowsrCamp (Testeo de sitios web en browsers de Mac. Entrega capturas de pantalla)

Diseño Web

• Layout-o-Matic (Genera layouts de sitios en CSS)
• CSS Creator (Genera layouts de sitios en CSS)

• Favicon Generator (Generador de Favicon)
• FavIcon Generator (Generador de Favicon)
• FavIcon from Pics (Generador de Favicon)
• Favicon.ico Maker (Generador de Favicon, soporta transparencia)
• Favicon Generator (Generador de Favicon)

Generadores de Texto

• malevole - Text Generator (Generador de texto inteligente)
• Lorem Ipsum (Generador de texto "Lorem Ipsum")

Jackob Nielsen escribe en este artículo acerca de los 10 errores más comunes en el diseño y desarrollo de blogs. El artículo es del 2005, pero aplica muy bien para las tendencias actuales.

A simple vista, cumplimos con casi todos los puntos satisfactoriamente!

1. No Author Biographies
2. No Author Photo
3. Nondescript Posting Titles
4. Links Don’t Say Where They Go
5. Classic Hits are Buried
6. The Calendar is the Only Navigation
7. Irregular Publishing Frequency
8. Mixing Topics
9. Forgetting That You Write for Your Future Boss
10. Having a Domain Name Owned by a Weblog Service

Ver el artículo completo aquí: http://www.useit.com/

Simple Usabilty es una empresa que realiza tests de usabilidad personalizados para sitios web.

En su página, tienen una útil herramienta que permite calcular cuánto le costaría (aproximadamente) a un cliente hacer el test para su sitio según ciertos parámetros.

El costo de hacer un test para 1 sitio, con 16 personas durante 2 días y sin Eye Tracking es de nada más y nada menos que:  €8,000 Euros (unos $10,800 Dólares)… Buen negocio, ¿verdad?.

Sus reportes incluyen:

• All test preparations and guidance in development of tasks/questions
• Expertly moderated test sessions with our usability experts
• Recording of all sessions on DVDRom for playback
• Detailed reporting of each user session
• Illustration of all issues with supporting descriptions and recommendations
• Video of test highlights on DVDRom
• Onsite presentation of results
• 6 months follow up support for issues raised in the report

Gracias a una inquietud que tuvieron unos compañeros de trabajo acerca de como obtener estadísticas del un sitio basado en flash o simplemente de una película flash utilizando la herramienta de Google Analytics.

Google. en su página de Support explica esto de manera sencilla.

Google Analytics lets you track any browser based event, including Flash and JavaScript events. To track an event, call the urchinTracker() JavaScript function with an argument specifying a name for the event. For example, calling:

javascript:urchinTracker('/homepage/flashbuttons/button1');

will cause each occurrence of that Flash event to be logged as though it were a pageview of /homepage/flashbuttons/button1. The argument must begin with a forward slash. The event names may be organized into any directory style structure you wish, and actual pages with these filenames need not exist.

(Leer más…)