3/28/09

What collaboration could be and should be

One of the most relevant descriptions I've read about what collaboration is and isn't comes from Michael Sampson, specialist in team productivity and collaboration. His 7 Pillars of IT-Enabled Team Productivity: What Teams Need from IT Systems to Be Productive is well worth reading. You can download it for free (requires registration). It will give you an exciting, challenging view of what people really need when they work together in virtual teams. You'll find yourself thinking "If only I had that in my company!"

The 7 pillars:

• Shared access to team data • Location independent access to team data and members. • Real-time joint viewing capabilities. • Team-aware calendaring. • Social engagement tools. • Enterprise action management. • Collaboration auto-discovery.

Los sitios Flash en caída libre, ¿quien tiene la culpa?

Empecé a trabajar con Flash alrededor de 1999, durante ese tiempo acababa de salir creo el flash 4 que fue como la maravilla que venia a revolucionar el internet. Y así lo hizo. Ya han pasado 10 años de esa fecha y no se me olvida algo que comentaba mientras daba una clase en lo que en ese tiempo se llamaba Academia Web, que por alla por el 2001 era un boom porque venia listado como centro de capacitación autorizada de Macromedia. Comentaba con mis compañeros, ¿qué pasaría si pasara 10 años en la cárcel, al salir de ahí cuanto habría cambiado flash? Mi supervisor respondió "lo mas probable es que para entonces Flash ni siquiera exista". Flash aun existe, pero ¿por cuanto tiempo? No puedo mentir, del 2000 al 2004 los sitios flash fueron un boom, todo mundo quería paginas animadas, los mejores efectos, las mejores transiciones. Incorporar multimedia era la novedad aun cuando la demanda de banda ancha era injustificada.

El publico estaba atraído por algo diferente, pero no por el contexto en si

La tendencia era normal, sitios web a los que no estábamos acostumbrados, y nos permitían interactuar de una forma diferente a lo que el arcaico Javascript de ese tiempo y el modelo de click no se prestaba. Con esta llegada creo muchos recordamos la aparición de las paginas "HI-TECH", colores futuristas, botones en 3D, efectos que ponía de moda Eric Jordan con su 2advanced.com (si me preguntan creo el sitio del que mas he visto fusiles).

De diseño lo mismo, pero ahora animado

El old style de ingo de 247media que a mi juicio es uno de los (sino el mas) diseñadores web mas adaptados a la evolución, basta ver su sitio donde se puede notar que ha dejado el Flash como el todo para convertirlo en parte de.

Porque esperar 2 minutos para ver efectos, si no es la intención de nadie?

Pero no hay que ir tan lejos para darse cuenta que los comportamientos del navegante han cambiado, aunque Standpunkt es un sitio con un diseño genial, el contenido que despliega es tan escaso que los 55 segundos que se tardo en cargar bien los pude haber utilizado en otra cosa. (Mi internet es de 1.5MB, o eso dice intercable)

Y flash se volvió una herramienta de nichos especificos

Imagen antes que todo

A partir de la salida del Web 2.0, el nicho de Flash paso a ser del sitio web general al target especifico de las marcas que basan su nombre en imagen. Entiendase PRAGA, MANGO, D&G, Nike,

Video

Y hay que agradecerle a la gente de adobe que hicieron del video en Internet una realidad, mientras todos exigíamos una solución al tan desestandarizado AVI y su rival Quicktime.

Y mientras los sitios web de alto impacto seguían matando a flash, youtube lo rescataba

Hay que ser francos, solo alguien que ha vivido en una burbuja los últimos 5 años no se daría cuenta que el internet cambio en sobremedida. Sitios como Internet Tiny Awards que eran el regocijo del ego, ya ni siquiera existen. Y mientras todos los proyectos en Flash [algunos muy buenos como computadora.de, que siendo franco creo en todo su tiempo me conecte 3 veces] terminaron por fracasar. Una generación de ideas grandes emergió. Sitios donde el desarrollador pone el cuadro y el navegante la pincelada. Los navegantes se cansaron del loading eterno, de no poder imprimir, de no poder marcar. De no poder ni siquiera copiar un texto, una imagen, de no tener un botón adelante y atrás útil. De muchas malas practicas que hacían de Flash una herramienta que solo servía para alimentar el ego de quien la sabia usar. Nunca entendí de verdad que era lo que hacia, cada vez, los sitios flash mas pesados. La cantidad de multimedia que se incorporaba en ellos o la cantidad de premios que se repartían a las paginas en Flash. Y creo que el gran salvador del player fue Youtube. El sitio que a su salida se convirtió en uno de los mas visitados del mundo, difundió tanto el player que fue youtube mismo (la web 2.0) quien se encargo que la mayoría de los navegantes hoy en día lo tengan instalado.

El objetivo dejo de ser impactar y se convirtió en reclutar

Hoy en día hasta las "marcas de imagen" han cambiado su metodología. Net-a-porter, Pepe Jeans, Aquascutum, asos, lizclaiborne, etc, abandonaron el fullflash. La idea ya no se centra en impactar, hay que explotar los recursos del internet. Un diseñador web dejó de medirse por qué tan bien aprovecha el timeline. Se convirtió en un analista, un posicionador, un chico(a) que analiza el medio y busca formas de difundir un producto y hacer parte a las comunidades 2.0 de el.

El prestigio en Internet paso a medirse en resultados

Creo que el caso de éxito mas importante de la ultima decada es el sitio de Barack Obama, desarrollado por Blue State Digital. Jascha Franklin-Hodge fundador de esta compañía, logro recaudar en 19 meses $250M, y lo más importante, darle al candidato norteamericano su arma mas efectiva durante su campaña. Un sitio sencillo, realizado en PHP. Olvidemos un poco de si valida o no. La concepción del sitio es la que no deja de sorprender, con base en una estrategia de aprovechar todas los medios sociales y escuchar la opinión del electorado de donde quiera que viniese.

Nunca ha existido una apertura real de la gente de Macromedia / Adobe

No es un mito porque LAMP, WAMP, MAMP, etc. le llevan años luz de ventaja a cualquier combinación proporcionada por Adobe. Aun productos como Flash Media Server que en su momento deslumbraban, estaban destinados a fracasar por lo cerrado y lo caro que resulta implementarlos.

Actionscript nunca tuvo una evolución definida

En algún momento en una conferencia en el Tec. de monterrey, preguntaba a la gente de Macromedia que pensaban cuando cambiaban la versión del player de Flash. La respuesta fue "eliminar malos hábitos del programador". La respuesta no se me hacia suficiente, pero tenia validez. Nunca entendí porque sacaron tantas versiones de Actionscript en tan poco tiempo. Ya se que las 3 versiones son soportadas por el player nuevo, pero aun así, había muchas inconsistencias a la hora de publicar con un Flash mas nuevo. Todos los lenguajes tienen una linea de evolución. ¿Cuanto ha cambiado JS, cuanto ha cambiado HTML, cuanto CSS, cuanto PHP? AS3 no se parece nada al 2, y el 2 nada al 1, y el 1 nada al de Flash 4. Cuando escribes en jQuery, por ejemplo, en realidad estas escribiendo JS. jQuery en realidad es una serie de funciones que brindan la misma funcionalidad en muchos navegadores. La sintaxis es distinta, pero el lenguaje sigue siendo el mismo.

¿Cuando un depurador decente?

Se me hace increíble de verdad que en tanto tiempo no tuviéramos una mejor forma de depurar. Flash requiere mucho tiempo en desarrollar y su depurador de errores es un chiste. En cambio, todos los otros lenguajes son abiertos, lo que permite que su depuración sea tan compleja como un servidor de errores o tan sencilla como un plugin de Firefox. El plugin para depurar Actionscript para Firefox sigue en modo experimental, y ni siquiera funciona en la versión 3. Creo que la lista de factores incluye muchas cosas mas, pero desde mi muy particular punto de vista la estocada la ha dado en orden de jerarquía.
  • El Web 2.0
  • Una linea evolución errónea del AS y lo cerrado de sus aliados [flashcom, remoting, etc].
  • Las malas practicas de los diseñadores y programadores flash

40 Excellent Logos Created with Helvetica

It’s over fifty years old, it’s the most widely used font ever, and it has recently become the subject of its own movie.

We’re talking about the world’s most recognizable font: Helvetica. Its relevance in design through the years and even today seems unbeatable.

The appeal for a distinctive, professional and timeless typeface has never dwindled and it keeps gaining more followers day by day. Love it or hate it, with its multitude of styles and versions, Helvetica is here to stay.

From airlines, to car companies to the largest software company, Helvetica’s use in logos throughout the world remains as strong as ever. In this article we’ll take a look at 40 excellent logos created using Helvetica.

crateandbarrel

aa3

staples

americanapparel

lufthansa5

jeep

11267

toyota

postit

bmw

sears

target

microsoft

panasonic

tupperware1

britishgas

scotch

3m-logo

caterpillar

evian

skype

energizer

cvs

basf

oralb1

harley-davidson

jcpenney

olympus

kawasaki

national

dole

bellatlantic

tnf

agfalogo

gm

motorola

knoll

digital

mattel

blaupunkt

Los 10 mayores errores al construir una página web

Resumen:

Toda empresa debe tener una página web, pero hay varios aspectos que determinan el éxito o el fracaso, ya que hay una serie de errores que son bastante frecuentes y que perjudican seriamente la eficacia de la misma. Es necesario conocerlos para no incurrir en ellos.

Crear una página web parece una tarea sencilla, pero requiere tener claros algunos conceptos, ya que hay una serie de errores que se comenten con demasiada frecuencia y que lo único que consiguen es que la web no consiga los objetivos previstos, que los usuarios que llegan nunca vuelvan o que perdamos tiempo y dinero sin solución.

Por ello hoy quiero explicar una serie de puntos (errores) que como digo suelen ser bastante comunes al construirlas y que pueden ser fácilmente evitables:

1. Crear la página principal con animaciones flash

Cuando llegamos a una página web, no queremos tener que esperar, y al usuario que nos visita le pasa lo mismo, quiere encontrar lo que busca, y si no lo encuentra y le obligamos a esperar mientras carga y se desarrolla una animación flash, sólo conseguimos que la mayoría abandone y se vaya.

No podemos olvidar que tenemos 3 segundos antes de perderle definitivamente (nuestra competencia está a un solo clic de distancia), y aunque el flash sea impresionante, un elevado porcentaje no esperará a que termine, téngalo por seguro.

Y si además ponemos música que se lance sola… eso es terrible, ya que estaremos invadiendo la intimidad del usuario sin pedirle permiso y desconocemos en qué momento está visitando nuestra web, si esa música le puede molestar o incluso perjudicar. Puede ser de noche con la casa en silencio o en el trabajo junto a otros compañeros que escucharán dicha música.

En mi opinión solo es aceptable el flash, si somos una agencia de publicidad o creativa, nos dedicamos a vender este tipo de animaciones y queremos mostrarlas.

2. Construir la página web según la estructura de la empresa: por departamentos.

Cuando alguien llega a nuestra web no le importa los departamentos que tiene nuestra empresa, sino la información, los productos o servicios que puede ofrecerle, y ésa tiene que ser la base de la estructura de nuestra web.

No es el usuario quien se debe adaptar a nosotros, somos nosotros los que nos tenemos que adaptar a lo que él pueda necesitar, previendo sus gustos, sus necesidades y sus hábitos de navegación. Hay que cambiar el chip y pensar poniéndonos en sus zapatos.

La usabilidad es clave a la hora de que el usuario permanezca o se vaya, y la estructura de la web debe estar pensada con ese enfoque, y por ello es necesario el asesoramiento de un profesional, pues la tendencia natural es hacerlo trasladando la empresa a la web tal cual.

3. Destinar un espacio para dar noticias y no cambiarlas a menudo

Si ponemos un área de noticias y pasa mucho tiempo sin que publiquemos ninguna novedad, estamos dando la impresión de que en nuestra empresa nunca pasa nada, que no tenemos nada nuevo que contar, que no tenemos resultados y que somos una empresa que no avanza. Mala señal, muy mala.

Si queremos dar noticias de nuestra empresa o de nuestro sector, debemos planificar quién lo hará, que va a contar y con qué frecuencia antes de incluir la sección en el diseño, y en caso de no poder adjudicar esta competencia a nadie o no poder concretar esos factores, es preferible no incluir esta sección en la web.

El apartado de noticias es un concepto muy de la primera etapa de Internet que ha quedado en desuso y en muchos casos obsoleto, hay que pensar bien si es necesario o simplemente un relleno para dar imagen de lo que hacemos. Una sección de notas de prensa o noticias puede aportar valor solo en casos concretos, en el resto sobra.

4. Crear una página web y pensar que es para siempre

Cuando diseñamos una página web, debemos pensar que es como un escaparate de una tienda: debe variar periódicamente, incluir nuevas secciones, quitar otras que no sean de utilidad, variar las imágenes, mejorar los contenidos, etc.

Esto no quiere decir que todas las semanas deba ser diferente, sino que esos pequeños cambios de vez en cuando transmitan que somos una empresa dinámica, que mejoramos, que avanzamos y que nos adaptamos a los cambios que ocurren.

Incluso, en mi opinión, el diseño debe variar cada cierto tiempo, adaptándose a las novedades del momento tanto en su aspecto como en sus contenidos, áreas, productos, etc.

5. Incluir un buscador y no tener contenidos o que no funcione

Me he encontrado muchas páginas web que incluyen un buscador y al tratar de utilizarlo, sólo me responde con resultados de “no encontrado”. Eso sólo me transmite dos cosas, o que el buscador no funciona o que la web tiene muy poco que ofrecerme.

Un buscador es para aquellas web que tienen mucho contenido, muchas páginas internas y que es difícil encontrar lo que buscas y, por tanto, se ofrece el buscador como ayuda para que no se pierda navegando internamente, pero en aquellas que tienen 10 o 12 páginas internas con dos o tres párrafos cada una, es sencillamente una forma de comunicar erróneamente al usuario que nos visita.

En la segunda parte trataremos otros 5 aspectos que son también errores demasiado comunes y fáciles de evitar, mientras tanto os invito y animo a que no permitáis que en estos tiempos de crisis la corriente de las dificultades os arrastre al pesimismo, hay muchas oportunidades y hay que atreverse a afrontarlas, con decisión, con entusiasmo, con fe en el futuro, para poder tener fuerzas para seguir subiendo río arriba, cueste lo que cueste y, por supuesto, ya sabéis lo que os digo siempre, seguir SOÑANDO EN GRANDE que esa es la clave principal del éxito, no os conforméis con menos.

6. Dejar páginas internas con mensaje de "en construcción"

Esto es algo que se ha heredado de las páginas personales de la primera etapa de Internet, pero que aún sigue ocurriendo.

De vez en cuando me encuentro con páginas web que incluyen, por ejemplo, ocho secciones y tres de ellas pone “en construcción” con el típico .gif animado de un señor con el pico y las vallas de la obra. Poner muchas secciones y no tenerlas disponibles es un grave error, pues transmitimos el mensaje equivocado, y lo peor es que muchas de esas web se mantienen así durante meses (o años).

¿Por qué ocurre? Pues muy sencillo, porque no queremos dar la imagen de una web pobre, que tiene pocas cosas, y ponemos todo lo que queremos que tenga, pero sin tenerlo, y eso es lo peor que podemos hacer. Es preferible no incluir las secciones hasta que no están terminadas, tarde el tiempo que tarde.

7. Pedir demasiada información en los formularios

Éste es uno de los errores más comunes y más nefastos para una web.

Muchas veces entramos en una web y queremos preguntar algo sobre sus productos o servicios para tener claro si es lo que buscamos, si dan tal servicio, si tienen tal modelo o si hace tal función que necesitamos, y cuando entramos en la pestaña de contacto nos aparece un formulario que debemos rellenar. Hasta ahí todo correcto, pero el problema surge cuando nos obligan a rellenar demasiados datos para poder enviar nuestra consulta.

El usuario no quiere dar demasiada información personal y nosotros, por tanto, no debemos pedirle todo de golpe. Sin embargo, hay muchas páginas web que piden el nombre, dos apellidos, e-mail, empresa, dirección, e incluso teléfono, además, por supuesto, del tema de la consulta, y en caso de no tener todos los campos rellenos, no permite que se realice el envío. Error, grave error.

Sobre este tema hay mucha discrepancia, pues hay quien es partidario de obligarle a todo ello y si no, no le interesa la consulta. Yo, como usuario, me pregunto para qué quiere que le dé toda esa información desde el principio si no es imprescindible. ¿Por qué necesitas saber tanto de mí para una simple consulta? Y si me obligas, es probable que me vaya y busque la información en otro sitio.

Y si es para recibir un newsletter, con mucho más motivo, ya que aunque sea gratuito, si me pides todo eso, me pensaré mucho de para qué quieres tantos datos míos y sólo aceptaré dártelos si me ofreces algo de importante valor.

8. Incluir publicidad de banners externos y anuncios de texto

Toda empresa debe financiarse y debe conseguir rentabilizar sus esfuerzos, pero hay algunas cosas que no ayudan a que la imagen de la empresa transmita profesionalidad.

Por ejemplo, si entro en la web de una empresa y me la encuentro llena de banners, skyscrapers, robapáginas, anuncios de texto, etc. lo único que me dice es que no sé si confiar en ella, pues si ni siquiera son capaces de cuidar su imagen, ¿cómo van a ser capaces de ser verdaderos profesionales conmigo?

En mi opinión la web corporativa de la empresa debe ser eso y sólo eso, dedicada a informar, contar lo que hacemos, en qué podemos ayudar al usuario que nos visita, etc. no a promocionar a terceros que nada tienen que ver con dicha web.

¿Te imaginas entrar en las oficinas de una empresa y que las paredes de todos los despachos (desde recepción a la sala de juntas o el despacho de dirección) tengan las paredes llenas de anuncios del restaurante de la esquina; la mejor ADSL con una oferta espectacular; la superoferta de una tienda de muebles; una operadora de telefonía móvil que te regala un móvil si portas tu número; el supermercado del barrio…? ¿Te lo imaginas? ¿Qué pensarías de esa empresa? Pues que lo están pasando muy mal y están dispuestos a casi todo por un euro, ¿no?

¿Por qué piensas que la web corporativa debe ser diferente?

9. Dejar que el precio decida quién nos hace la página web

En todos los sectores hay infinitas diferencias de precio, ésa es la base de la competencia, y eso es bueno, pero en algo tan importante como la página web de nuestra empresa, decidir quién nos la construye fijándonos sólo en el factor precio es un suicidio.

Mejor me explico para que no parezca que como nosotros hacemos páginas web, defiendo mi parcela. Construir una página web para una empresa es algo más que escribir el código, ya que es necesario asesorarla sobre muchos aspectos, entre ellos la usabilidad, la estrategia, el enfoque y, aunque es evidente que siempre habrá quien la haga por un precio menor, sobretodo cuando estamos hablando de un lenguaje de programación que es sencillo de aprender y hay varios programas que lo hacen muy simple, hay que tener profesionales a los que poder consultar sobre todos esos aspectos y que cuando surja algún problema podamos tenerlos disponibles para que nos lo resuelvan, y que sean los que nos puedan asesorar sobre las miles de opciones que se deben o no incluir en la web.

Nosotros tenemos clientes que sólo tienen una página plana, sin nada más, ésa la puede hacer cualquier chaval, no hay problema, pero esa no es una web corporativa, es otra cosa.

10. Elegir colores, tamaños y configuración sin visualizarla en diferentes monitores

Lo habitual es pensar que si nosotros lo vemos bien, todos lo ven igual. Nada de eso. Cada monitor tiene una configuración diferente, no sólo por el tamaño del mismo que nos estará mostrando la web de forma diferente, sino también en la calibración de los colores o la configuración de la pantalla.

Nosotros lo vivimos en carne propia hace años ya que entonces los colores corporativos eran un color crema y un burdeos, y dependiendo del tono, en diferentes monitores tomaban para el primero aspectos de amarillo, crema, rosáceo, ligeramente anaranjado, o incluso tonos más desagradables que no describiré pero relacionados con las excreciones de los bebés, y para el segundo desde rojizos a marrones oscuros. Un problema muy importante de difícil solución al ser el color que nos identificaba y no tener control sobre los monitores de los usuarios.

¿Solución? Hacer la web independiente de los colores corporativos, diseñarla en otros colores pensando en el usuario final, y sólo poner el logo en su color original, ya que así minimizábamos daños.

Hay que probar en diferentes monitores, pero no sólo de nuestra empresa sino en la de amigos, para que podamos percibir las diferencias y tomar las decisiones adecuadas antes de hacer pública la web. Hay que ver las estadísticas de las visitas a nuestra web para ver qué navegadores son los más usados cuando nos visitan; qué configuración tienen; y si incluimos alguna pieza de flash, que versión es la más utilizada, etc.

Y por último, si se fija sólo en la pantalla de los programadores o diseñadores, está perdido, sus calibraciones suelen ser muy especiales y, por supuesto, no coinciden con las habituales de los usuarios finales.

Por último sólo decirles que les invito y animo a que no permitan que en estos tiempos de crisis la corriente de las dificultades les arrastre al pesimismo, hay muchas oportunidades y hay que atreverse a afrontarlas, con decisión, con entusiasmo, con fe en el futuro, para poder tener fuerzas para seguir subiendo río arriba, cueste lo que cueste y, por supuesto, ya sabéis lo que os digo siempre, seguid SOÑANDO EN GRANDE que ésa es la clave principal del éxito, no os conforméis con menos.

Antonio Domingo, Director General de Fénix Media

Antonio Domingo

Si lo desea puede escribir un mail detallando el artículo y el autor al que va dirigido y realizar cuantas preguntas, sugerencias o comentarios desee. Recibirá su contestación lo antes posible. Muchas gracias.

3/27/09

Branding que no marca

Lealtad más allá de la razón", es el lema de Saatchi & Saatchi. Por eso mucho cuidado, en muchos casos el branding es más ilusión y menos innovación, nada mas tentador que acabar con el presupuesto anual con mejoras superficiales dejando de lado el valor real del producto. Aqui les traigo esta lectura recomendada ( por $USD18) de Lucas Conley, quien inspira este artículo: OBD: Obsessive Branding Disorder. Hoy por hoy lo único que usted necesita para hacer dinero es una marca, nunca antes las empresas habían tenido un menor control sobre su imagen. La realidad es que en muchas ocasiones el branding es una solución relativamente económica y de corto plazo a problemas de fondo. En estas situaciones el branding va en la dirección opuesta a la innovación. Es toda una paradoja, cada vez las marcas prometen expectativas más altas, mientras los consumidores permanecen menos satisfechos.

Coca-Cola, J&J Remain atop ‘Power Brands’ List

Coca-Cola and Johnson & Johnson have maintained the #1 and #2 spots on a list of top companies with the most “Brand Power” in the US, according to CoreBrand, which released its 2008 Corporate Branding Index (pdf) this week. These highly regarded brands also held the same slots in the 2007 rankings.

After Coca-Cola and J&J, Harley-Davidson moved up one place to #3, replacing Hershey Foods, which is now #4, Corebrand said. Campbell Soup moved up one spot to #5, replacing Hallmark, which is now #6. UPS remained unchanged in 7th place, while Colgate- Palmolive moved up one spot to #8, replacing FedEx (now #9).

Out of the top 10, CoreBrand reports that only Kellogg Company (#10) has shown significant growth, rising from #15 in 2007 and from #21 in 2005.

Top 20 Brands

corebrands-top-brands-rankings-2008.jpg

Notable within the top 20, BMW is now in 12th place and is rising fast. It was #16 in 2007 and #28 in 2005. Bayer, which moved into #17 from #27 in 2007 and #45 in 2005, is also moving quickly.

Economic Crisis Not Brand Crisis

“The current economic crisis is not a brand crisis. Corporate brands remain strong in the face of the downturn,” said James Gregory, CEO of CoreBrand “However, some strong brands are being run over by the economy because brands are not stronger than the underlying financials of a corporation. For example, GE has a relatively strong brand but has significant financial exposure so the brand is hurting.”

Additional details about company rankings:

  • Credit card company brands are improving: Visa is now #23, up from #36 in 2007 and #44 in 2005; MasterCard is #31, up from #44 in 2007 and #57 in 2005, and American Express is #11, up from #13 in 2007 and #16 in 2005.
  • Toiletries and cosmetics companies continue to see improvements: Revlon has rallied steadily from #61 in 2005 to #33 in 2008; L’Oreal has progressed from #89 in 2005 to #52 in 2008; and Estee Lauder has shown big gains, moving from #60 in 2005 to #34 in 2008.
  • Apparel was a mixed bag: While Levi Strauss dropped significantly from #20 in 2005 to #38 in 2007 to #49 in 2008, Fruit of the Loom moved up from #83 ]in 2005 to #43 in 2008, and Tommy Hilfiger improved from #88 in 2005 to #65 in 2008.
  • St. Jude Medical has moved up steadily to #28 in 2008 from #59 in 2005.

Biggest Drops in Rankings

Among companies that suffered setbacks in the rankings:

  • Starbucks had a notable loss as it dropped from #10 in 2007 to #14 in 2008.
  • PepsiCo has been dropping at an alarming rate and has gone from #4 in 2005 to #11 in 2007 and to #18 in 2008.
  • General Electric is losing steam, dropping from #12 in 2005 to #17 in 2007 to #24 place in 2008.
  • Procter & Gamble has dropped steadily from #31 in 2005 to #39 in 2008.
  • General Motors has fallen steadily from #30 in 2005 to #41 in 2008.

Apple Grows Big; Microsoft Up Slightly

Two of the most widely watched technology companies both improved this year. Microsoft’s efforts to bolster its presence have increased its brand rankings somewhat, according to CoreBrand. In 2005 Microsoft ranked #26, but dropped 28 spots to #59 in 2007, before improving this year to #54.

Apple continues to grow its corporate brand and now ranks at #91, up from #119 in 2007 and #128 in 2005.

“Last year there were many articles discussing how Apple should have been ranked as one of the top brands, but our Brand Power Ranking didn’t place the technology giant in the top 100,” said Gregory. “Everyone should be reminded that our study focuses on corporate brands, not product brands. While Apple brand zealots rate it with very high favorability, there are many more who don’t feel as strongly about the Apple corporate brand.”

About the research: The Corporate Branding Index is a quantitative research study among business decision makers in the US, and has been conducted continuously since 1990 with 1,200 companies across 49 industries. More than 12,000 surveys are completed each year. CoreBrand’s Brand Power rankings are based upon the “familiarity” and “favorability” of these business decision makers toward the corporate reputation of these companies. Respondents are business decision-makers (VP level and above) from the top 20% of US businesses across 49 industries.

Breve guía para chequear la usabilidad de tu web

Hay ciertos patrones generales que hacen que un sitio sea más o menos “utilizable”, asequible. Esto significa que los usuario lo entiendan, que la navegación por el sitio sea fácil para cualquier persona. Aunque parezca una tarea sencilla, muchos sitios no son buenos en materia de usabilidad. Se trata de errores comunes que los diseñadores deberían tener en cuenta a la hora de llevar a cabo sus proyectos

A continuación, un listado con útiles sugerencias para hacer una prueba de usabilidad rápida de tu sitio web. ¿Pasará tu sitio la prueba?

ID del sitio

youtubeHaz que sea extremadamente claro para el usuario en qué sitio se encuentra. La ID de un sitio se encuentra usualmente en la esquina superior izquierda de la página. Es importante que el ID redirija a la página de inicio del sitio, o por lo menos, añadir un link de “Inicio” en la navegación.

Nombre de la página

Las páginas de Wordpress.com, por lo general, tienen enormes títulos de página que son difíciles de ignorar.

Así como la ID, el nombre de cualquier página web necesita ser claro para los usuarios. Visualmente, debería aparentar estar enmarcando el contenido único de ese sitio, ubicado y estilado con etiquetas

o

, de manera tal que no haya duda de que esa es la cabecera de esa página dentro del sitio.

En el sitio del diario español El País, las páginas se ven claras. Para empezar el nombre de la página de una sección, en este caso “Internacional”, se ve acompañando el nombre del sitio. Pero además, la solapa de la sección se encuentra resaltada en el menú dando la impresión que conteniene todo lo que se ve desde el menú hacia abajo:

elpais

También es importante que el nombre de la página concuerde con el texto que dirige a esa página, para que el usuario no tenga problema identificando en qué página está.

Navegación por exploración

Hay dos formas principales en las que un usuario puede navegar por un sitio y es importante tener ambas en casi todas las páginas. La primera es la navegación por exploración. Este tipo de navegación usualmente puede separarse en navegación primaria, secundaria y utilidades.

  • Navegación primaria: Es la navegación para acceder a las partes principales del sitio, es la de nivel más alto. Esta explica a los usuarios cuáles son las secciones principales del sitio y los ayuda a llegar a estas secciones. Por lo general la navegación primaria es parte de la navegación global del sitio, o la navegación que permanece igual en todas las páginas de la web. Un ejemplo de esto es el sitio web de Apple:

apple

  • Navegación secundaria: Divide la navegación primaria en sub-secciones. También puede existir una navegación terciaria que divide esas sub-secciones de nivel secundario en todavía más secciones, y así. amazonAsegúrate de planear la estructura de la navegación de tus sitios de forma tal que los usuarios tengan una idea de cómo manejarse alrededor de la web. Este tipo de navegación se ve en Amazon, en la barra lateral donde están todas las categorías de productos que se pueden comprar.
  • Utilidades: Son las partes de tu sitio que no están realmente conectadas a las secciones primarias. Ejemplo de utilidades son: “Contacto”, “Políticas de privacidad”, “Acerca de”, etc.

Asegúrate de incluir las secciones más importantes de tu sitio en un lugar en que tus visitantes puedan encontrarlos fácilmente, pero no hagas que tu navegación sea muy cargada, incluyendo una gran cantidad de links de utilidades.

Navegación por búsqueda

La segunda forma de navegación que casi cualquier sitio debería tener es la navegación por medio de búsquedas. Algunos usuarios prefieren explorar, otros prefieren buscar, por lo que usualmente es sabio incluir ambos tipos. En la página de la CNN comparten lugar las secciones del sitio y el buscador, bien visible:

cnn1

Es una formula simple: una caja, un botón y la palabra “Buscar”, no lo hagas difícil para tus usuarios. Manténte en esa formula.

En qué parte del sitio estamos

Un lindo título de página no es suficiente para decirle a un usuario dónde están en una web. Claro, los informa sobre el nombre de la página y quizá les informa acerca de lo que pueden esperar de esa página en particular, pero ¿Qué les dice acerca de dónde están en relación con todo lo demás?

La idea es que el usuario siempre sepa dónde está. Es como cuando estamos en un parque de diversiones y vemos los carteles indicando “Usted está aquí”.

En muchos aspectos el usuario no sabe realmente cuan grande es el sitio, y sin alguna especie de tanteo previo del terreno al usuario le será difícil ubicarse en el mapa. Por eso mismo, las webs que tienen una buena usabilidad utilizan dos recursos:

  1. Resaltan la sección del sitio en la que el usuario se encuentra para explicarles su localización
  2. Utilizan navegación tipo breadcrumb (migaja de pan)

download

En el sitio de Download.com, se ven las migajas de pan que nos indican en qué parte dentro de la estructura estamos: Home > Windows Dowloads > Browsers. Además, la página está bien resaltada con un título prominente para no dejar lugar a dudas de dónde estamos exactamente.

Etiquetas/Descripción del sitio

metacafeLas líneas de etiquetas son una buena forma de explicar rápidamente el propósito del sitio a los usuarios. Se trata de una pequeña publicidad bien diseñada que se muestra justo al lado de la ID del sitio o debajo, y usualmente tiene sólo unas pocas palabras.

Las líneas de etiquetas son breves descripciones que nos informan acerca del propósito de la web y qué cosas encontrarán allí. Un ejemplo es Metacafe y su frase integrada al logo que en español dice “Entretenimiento de video, impulsado por tí”.

Jerarquía visual limpia

Las páginas bien construidas utilizan cabeceras limpias para organizar el contenido y sub-cabeceras para hacer al contenido más fácil de analizar. La apariencia visual del contenido puede que no sea tan importante como el contenido en sí, pero sin algún tipo de jerarquía el usuario puede perderse dentro del sitio.

Fuente: UX Booth