Los aspectos de una web que influencian en la primera impresión

Cuando haces webs tienes que tener en cuenta muchas cosas, que todo funcione bien, rápido, que la interfaz sea amigable (me encanta este calificativo)…

Los internautas re-visitan un sitio solo por 1 factor: el contenido de la web. Pero para que les “ilusione” leer el contenido debe gustarle la página web.

Si ves una página web que tarda, ves fallos del php, imágenes que no cargan… te va a costar más ver el contenido de la pagina y volverás a ella sólo si el contenido es lo suficientemente bueno.

Esa primera impresión esta basada en unos cuantos aspectos de la web:

1.- Tiempo en cargar

Reconocerlo, somos todos unos impacientes, queremos la información y la queremos ya. Cuanto antes cargue una pagina mejor impresión dará.

2.- Los mensajes de error

No tienen que haber mensajes de error en la página, Notices, “no puedo encontrar tal pagina”,… Los errores son feos y un indicativo de que la página no esta siendo mantenida

3.- Colores

Elegir una combinación de colores para un sitio web es difícil, teorías sobre el color hay doscientas mil. Depende del público al que dirijas la página deberías usar unos u otros.

Ejemplos de algunos colores:

• Rojo: implica energia, excitacion, peligro, agresion, poder,…
• Azul: Tranquilidad, espiritualidad, frío, paz, depresión, que da confianza,…
• Amarillo: Optimismo, felicidad, ameno, luz,…
• Verde: Vida, naturaleza, descanso, salud, y según que tonalidades puede implicar tóxico, veneno…
• Naranja: Amigable, gratificante, cercano,…
• Violeta: sabiduría, sotisficación,…
• Blanco: Pureza, limpieza, frescura, paz…
• Negro: poder, elegancia, misterio…
• Gris: seguridad, madurez,….
• Rosa: Amor, femenino,…
• Marrón: Confort, solidez, credibilidad…

Los colores, a parte de “para hacer bonita la pagina”, sirven para dar una imagen reconocible. Si pasas detrás de alguien con un portatil y ves de refilon una página verde con rayas naranjas, pues seguramente sea EOL, o fondo blanco y una caja de texto, Google.

4.- Imagenes en la cabecera

Esto es como los colores, ya que depende del gusto y de que va la página. Se suele decir que para sitios meramente informativos no deberían tener imágenes grandes en la cabecera de la página, porque la gente que entra, entra a ver las noticias, y cuantas mas noticias quepan en la pagina mejor.

5.- Tipografía

Hay tipografías que son mas costosas de leer, hay tipografias que la gente ya odia (como la comic sans). Hay que encontrar la tipografía y los colores del texto adecuados. Y tener cierto orden tipográfico (títulos, subtítulos, contenidos, menús,…) ayuda mucho a comprender la página y así, hacerla más fácil de usar/navegar/encontrar la información.

6.- Publicidad

La publicidad en una pagina web es un tema delicado. Un sitio web puede llegar a resultar tedioso de navegar si la publicidad esta mal puesta, si tiene demasiada, si pone publicidad que no tiene que ver con la página. Si los banners son del tipo “Eres el visitante 10000″… o el típico de “Bebe más que Santa Claus”, “Haz más dominadas que…”, a mi personalmente, me echan muy atrás…

Si la publicidad esta acorde al sitio, a los visitantes no les suele importar mucho.

7.- Reputación

Algunos de los visitantes-por-primera-vez que llegan a una página lo hacen por referencias de otras páginas: Han leido sobre la página en otra página, hay un link en otra página de mas o menos la misma temática,…

8.- Facilidad de navegación

El tener un menú bien definido, una búsqueda buena, un historial ordenado, las noticias/posts bien etiquetadas, títulos claros… todas estas cosas hacen fácil encontrar contenidos en la página y por consiguiente hacen que sea más cómodo navegar por el sitio

9.- Propósito

Los visitantes-por-primera-vez de una página deben tener claro de que va la web, es decir, vale, yo puedo poner mil noticias sobre software, pero esto es mi blog personal y con la misma facilidad con la que empecé a hablar de software puedo dejar de hablar sobre él y hablar sobre los amaneceres en distintos sitios del mundo. El no dejar claro de que va la página puede causar desconfianza en un visitante-por-primera-vez.

Gracias a los SEOs y a su magnifico trabajo puedes encontrar webs en buscadores que no son realmente lo que buscas y si de primeras avisas que tipo de pagina es, puedes hacer que el visitante no pierda tiempo en algo que no le interesa leer o que, por el contrario, vea que la pagina es realmente lo que busca y lo leerá con mas predisposición.

Una página de “Acerca de…”, una dirección de contacto… siempre ayudan.

10.- Baja calidad de elementos

La web evoluciona, y las páginas deberían. Hace 10 años los gifs animados de baja resolución eran lo más, pero ya no… Todo elemento que haga que parezca que tu web fue diseñada hace 10 años, deberías quitarlo.

11.- Imágenes

Las imágenes que uses deben tener calidad, fotos demasiado pequeñas como para ver bien lo que representa, o gráficas echas con el paint, no dan muy buena imagen.

12.- Accesibilidad

No sólo a las personas con discapacidades, sino a la gente con navegadores viejos, conexiones lentas, Internet explorer 6,…

Comprueba que tu página funcione bien en los navegadores mas usados, que cumple los estándares, que tenga el doctype puesto…

13.- Popups y popUnders

La mayoria de los usuarios de Internet tienen algún bloqueador de popups por algo: los popups no funcionales no gustan y los popunder menos. Evitar ponerlos en una página web puede ser un gran acierto.

14.- Música y vídeos

Las conexiones de Internet van en aumento, cada vez más usuarios tiene banda ancha y se puede hacer streaming, pero ello no implica obligar a hacer streaming.

Si pones vídeos o música en la página, que sea el usuario quien le de al “play”, por un par de razones:

1. el usuario debe tener la impresión de que controla la página,
2. el usuario posiblemente no haya entrado a tu pagina a buscar un botón de parar música…

15.- Asociaciones

Causa una gran impresión ver a gente de otras paginas/marcas hablando bien de tu sitio, ya sea en su página, o en tu página.

Un ejemplo: Te dedicas al hosting y estas hosteando la pagina web de alguien famoso, un banner de él del tipo “Estamos en la red, ¡buen trabajo!”.

Resultado: Muy buena impresión, ya que habré entrado en la pagina del hosting buscado hostings.

16.- El contenido

El contenido debe ser de calidad,

(Esto para blogs:) Si estas cogiendo noticias de otros sitios no hagas copy-paste, haz un breve resumen con la tónica de todo el sitio web y enlaza la noticia citando de donde lo has sacado. Si te dedicas a copiar noticias lo único que conseguirás es que cada post de tu blog tenga una tónica distinta, y no dejara de ser otro sitio de miles que recopilan noticias.

Ejemplo: Los canis americanos Los he visto en mil webs, pero la noticia con más estilo personal, que sigue la tonica de su blog es la de Randall Stevens.

17.- El tono

Las cosas se pueden decir de muchas formas y un tono negativo sobre alguna noticia suele crear malas impresiones. Cosas como “Esperamos que la nueva versión no tenga tantos fallos de seguridad…” es mejor decirlo “La nueva versión deberia arreglar los fallos de seguridad de las anteriores”, queda más como critica constructiva que como un “Madre mía estos que serán capaces de hacer”.

18.- Comentarios y Trackbaks

Tener comentarios en tus posts o citas de otras webs,… causa mejor impresión en un visitante-por-primera-vez.

19.- Flash

Yo personalmente creo que el 60% de las páginas de Internet tienen mal puesto el flash. El flash en un sitio debe ser un elemento más: un menú, una cabecera,…

Las intros en flash te obligan a hacer otro click más (en el mejor de los casos, si no te toca verlo entero) para acceder al contenido, exentas quedan las paginas de peliculas, grupos de música, webs propagandísticas que apenas tienen contenido (solo sirven para anunciar tal modelo de zapatillas,…) y sitios similares. Si tu pagina se sustenta de contenido, no es recomendable poner una intro en flash.

¿Añadiríais algo más?

Basado en : 21 Factors that Influence the First Impression of Your Website’s Visitors