![\"t\u00e9cnicos\"](\"http:\/\/www.icesi.edu.co\/blogs\/appsco\/files\/2014\/07\/t\u00e9cnicos.png\")
<\/a><\/p>\nLa Historia de los manuscritos es muy antigua y han sido parte fundamental de las grandes culturas, su misi\u00f3n era transmitir conocimientos, relatos o creencias a las siguientes generaciones u otras culturas. Entre los m\u00e1s antiguos est\u00e1n los realizados por escribas del Antiguo Egipto, manuscrito\u00a0 encontrado en la tumba de Hemaka, alto oficial del fara\u00f3n Den, datado entre 2914-2867 antes de \u00a0Cristo.<\/p>\n
Con la llegada de la imprenta y la generaci\u00f3n de los primeros textos no manuscritos se han propuesto diferentes patrones o estructuras para presentar la informaci\u00f3n, algunas de las cuales han demostrado que existen \u00e1reas espec\u00edficas donde los usuarios fijan su atenci\u00f3n y exploran el texto antes de leerlo. Incluso aspectos que suelen darse por sentado como es el caso del sistema de escritura influye en la estructuraci\u00f3n de dichos contenidos, en la cultura occidental se nos adoctrin\u00f3 en la escritura izquierda a derecha, en el sistema \u00e1rabe predomina la escritura derecha izquierda y en la oriental, superior hacia abajo, siendo este \u00faltimo sistema de mayor complejidad cuando se habla de la creaci\u00f3n de un\u00a0 estructura web.<\/p>\n
Para aquellos que no somos dise\u00f1adores y nos enfrentamos al reto de construir una interfaz desktop o m\u00f3vil para un\u00a0 servicio web, la sensaci\u00f3n es similar a ir a un marat\u00f3n sin haberse preparado previamente. La raz\u00f3n de tener una buena interfaz gr\u00e1fica no solo responde a razones est\u00e9ticas y de usabilidad, es un asunto vital dentro de\u00a0 cualquier estrategia de marketing. No basta con que el desarrollo sea acorde a los funcionalidades detectadas en el mercado o establecidas por el cliente, que cumpla con la normatividad de dise\u00f1o y color; la visibilidad de los componentes de la p\u00e1gina, posicionamiento de los elementos\u00a0 de la misma puede influir ampliamente en los resultados buscados. La estructuraci\u00f3n del sitio web responde a la\u00a0 necesidad de mostrar el contenido de manera propicia para captar la atenci\u00f3n del usuario en menos de cinco segundos y transmitir el mensaje correcto de forma efectiva.<\/p>\n
Cuando hacemos referencia directa a la creaci\u00f3n del\u00a0 layaout (estructura web) nos debemos referir al uso de patrones de dise\u00f1o web, los cuales m\u00e1s que imponer posturas o limitar la creatividad, buscan\u00a0 ofrecen soluciones a problemas de percepci\u00f3n que se pueden presentar dentro del web site por medio de sugerencias \u00a0basadas en estudios y experiencias previas que nos permiten saber con mayor precisi\u00f3n cuales son esos sectores de mayor inter\u00e9s desde la perspectiva de los usuarios.<\/p>\n
La diferencia en el dise\u00f1o entre las p\u00e1ginas web a los antiguos textos radica en el mayor control sobre formas, tama\u00f1os y presentaciones, sin embargo en la actualidad los contenidos se enfrentan no solo a ser atractivos en una pantalla, deben de serlo en las cuatro pantallas que actualmente est\u00e1n bombardeando con informaci\u00f3n a los usuarios y esto es un factor de gran importancia para\u00a0 cualquier emprendedor o dise\u00f1ador que este estableciendo\/implementando su estrategia de\u00a0 marketing online, pues es necesario saber como el usuario interact\u00faa con los contenidos de la p\u00e1gina, tambi\u00e9n en c\u00f3mo leen sus contenidos. En un computador, tableta, celular y Smart tv no se lee de la misma forma y el hecho de que se parpadea mucho menos hace que el usuario se canse m\u00e1s r\u00e1pidamente.<\/p>\n
Jakob Nielsen fue uno de los pioneros en estudiar el comportamiento de los usuarios en la lectura web, en 1997 public\u00f3 un estudio llamado \u201cHow Users Read on the Web<\/a>\u201d. Muchos de sus conocimientos y estudios siguen hoy vigentes y es uno de los gur\u00fas de la Usabilidad a nivel mundial. Expertos en el tema de la usabilidad han realizado estudios sobre Interacci\u00f3n M\u00e1quina Persona (Human Computer Interaction – HCI) y estos estudios han conducido a la generaci\u00f3n de unas normas.<\/p>\n El lenguaje evoluciona al un\u00edsono de la sociedad que lo alimenta, adapta y renueva, \u00a0por exagerado que \u00a0se lea, han cambiado poco en los \u00faltimo 500 a\u00f1os pues la comunicaci\u00f3n visual esta ligada a la lectura, al comparar los libros incunables (del lat\u00edn incunabulae, en la cuna) producidos en el siglo XV, los de Gutenberg\u00a0 y los actuales, los cambios son pocos; han cambiado los contenidos y los medios para difundirlos, el usuario sigue siendo humano.<\/p>\n Estructura de un landing page<\/strong><\/p>\n Siempre se ha dicho \u201cno existen segundas oportunidades para dar una buena impresi\u00f3n\u201d y este popular adagio es valido tambi\u00e9n en la internet. Sin importar la procedencia del visitante, que puede ser desde una campa\u00f1a SEM, \u00a0otra p\u00e1gina donde nos est\u00e1n promocionando o desde una campa\u00f1a de email marketing. Lo importante es que ha llegado haciendo click en un enlace o banner que le propon\u00eda algo, por tanto se debe ser consistente y presentar en la landing page el contenido que este espera. El visitante al ingresar a la p\u00e1gina analiza durante\u00a0 4 o 5 segundos y si no encuentra lo que busca se va. Y esta es la raz\u00f3n de ubicar ciertos elementos claves en la p\u00e1gina de aterrizaje.<\/p>\n La estructura de la landing page debe contener los siguientes elementos, acomodados de forma estrat\u00e9gica:<\/p>\n 1. Titular, este es el espacio reservado para el t\u00edtulo del emprendimiento.<\/p>\n 2. Imagen, debe representar claramente el bien o servicio raz\u00f3n que ofreces.<\/p>\n 3. Llamado a la acci\u00f3n, es una frase que motive al usuario a pertenecer o\u00a0 vincularse a la iniciativa.<\/p>\n 4. Beneficios, deben de ser reales y centrarse en los punto a favor de usar el bien o servicio en cuesti\u00f3n.<\/p>\n 5. Testimonios, es de gran utilidad poder ofrecer argumentos de terceros que favorezcan el producto\/servicio que se ofrece.<\/p>\n Estos son algunos conceptos clave hay que tener en cuenta al momento de estructurar un sitio web[1]:<\/p>\n Los usuarios escanean<\/strong><\/p>\n Cada vez hay m\u00e1s personas y en este sentido proporcionalmente se pasa m\u00e1s tiempo navegando en la web. La lectura en profundidad es cosa de pocos. Nos encontramos inmersos en un medio audiovisual y de ojeo, incluso se habla de la lectura en diagonal.<\/p>\n Los usuarios\u00a0 leen el 20% del texto de las p\u00e1ginas y la mayor\u00eda de los usuarios en la web no leen palabra por palabra (solo lo hace un 16%) como hacemos con un libro o un peri\u00f3dico de papel. En la web, el 79% de los usuarios escanean, buscan palabras o frases que respondan a lo que est\u00e1n buscando, para luego leerlo. [1] Fuente: http\/\/:www.nngroup.com<\/p>\n Usuario leen en forma de F<\/strong><\/p>\n Nuevamente nos referimos a Jacob Nielsen con su art\u00edculo AlertBox<\/a> donde \u00e9l plantea que los usuarios leen en tres etapas: 1. Movimiento horizontal en la secci\u00f3n superior de la web. 2. Bajando la mirada sobre el portal y realizando nuevamente un movimiento horizontal corto. 3. Realiza un movimiento lento explorativo sobre la secci\u00f3n final del portal.<\/p>\n Sabemos que tanto empresas o startups tienen como objetivo principal tener tracci\u00f3n y hacer que sus visitantes se conviertan en leads (contactos), para lograrlo es de suma importancia la creaci\u00f3n de landing pages <\/strong>dentro de su estrategia de marketing on line, <\/strong>\u00a0por los estudios expuestos anteriormente esta claro que las personas no leen, escanean los textos y solo tenemos 0,05 segundos para generar una buena primera impresi\u00f3n en l\u00ednea.<\/p>\n As\u00ed es solo 50 milisegundos para enganchar a alguien y crear inter\u00e9s en tus propuestas de acuerdo a un estudio de los investigadores de la\u00a0 Universidad de Carleton<\/a> [2]. \u00a0Por esto se debe tener mucho cuidado con elementos que significar\u00edan la perdida o el enganche de un posible contacto.<\/p>\n [2] Fuente: http:\/\/www.tandfonline.com\/doi\/abs\/10.1080\/.U3TrJfl5OSo<\/p>\n Aplicando el esquema de Jacob Nielsen acerca de c\u00f3mo leen los usuarios y sobre poni\u00e9ndolo en un esquema t\u00edpico de landing pages<\/strong> se tendr\u00eda como resultado la gr\u00e1fica siguiente:<\/p>\n Al ver la l\u00ednea amarilla que se s\u00faper puso en la estructura del landing page<\/strong> podemos concluir que las piezas claves son:<\/p>\n En este orden el usuario las escanea en su primer acercamiento, por ende debemos colocar especial atenci\u00f3n al titulo para evitar que los visitantes se vayan de inmediato, o decidan quedarse a leer lo que se est\u00e1 ofreciendo. Estos son algunos consejos al momento de escribir los t\u00edtulos:<\/p>\n El tri\u00e1ngulo de oro<\/strong><\/p>\n La zona que m\u00e1s llama la atenci\u00f3n a los usuarios que navegan por internet es la esquina superior izquierda de la pantalla, y la que menos llama la atenci\u00f3n es la esquina opuesta. \u00a0El Triangulo de Oro es la que primero leen los usuarios, el objetivo es crear inter\u00e9s y as\u00ed guiarlos con simplicidad y claridad a realizar una acci\u00f3n requerida en corto tiempo.<\/p>\n Los dise\u00f1adores se deben de valer de esta informaci\u00f3n para colocar en esta secci\u00f3n la informaci\u00f3n que primero quieren que llame la atenci\u00f3n del usuario, normalmente el logotipo de la empresa o iniciativa.<\/p>\n Para esto se deben cumplir determinadas reglas como las siguientes:<\/p>\n Scroll y atenci\u00f3n en la p\u00e1gina<\/strong><\/p>\n El pliego (fold) es aquella \u00e1rea de pantalla que se puede ver sin hacer scroll vertical en la p\u00e1gina.<\/p>\n Alguien podr\u00eda pensar que a mayor longitud de p\u00e1gina, menor cantidad de contenido le\u00eddo por parte de los usuarios. Pero no es as\u00ed, no existe influencia entre la longitud de la p\u00e1gina y la voluntad del usuario en hacer scroll vertical, seg\u00fan el informe de Clicktale. Seg\u00fan el estudio de CX Partners, a menor contenido por encima del pliego, m\u00e1s motivaci\u00f3n del usuario para explorar m\u00e1s contenido por debajo.<\/p>\n Por lo que se debe usar un buen dise\u00f1o que permita priorizar y distinguir a los elementos m\u00e1s importantes del contenido, otro estudio de Nielsen, revel\u00f3 que los usuarios prestan o gastan su atenci\u00f3n por encima del scroll en un 80.3 %. Y por debajo del scroll solo un 19.7 %.<\/p>\n Se ha venido comparando la forma en que leen los usuarios vs landing pages <\/strong>con el objetivo de dejar claro que muchos conceptos que hoy en d\u00eda se manejan vienen siendo tratados desde hace siglos atr\u00e1s, sin presentar cambios trascendentales.<\/p>\n En el caso del Scroll<\/strong>,\u00a0 se puede emplear esquemas como AIDA<\/a>[1] (Atenci\u00f3n, Inter\u00e9s, Deseo, Acci\u00f3n) modelo que fue enunciado \u00a0por Paul Lazarsfeld<\/a> [2](1901-1976), todo mensaje publicitario debe ser encaminado a conseguir resultados que puedan medirse, cuando un navegante aterriza en nuestro landing page normalmente la ruta que ha seguido es:<\/p>\n 1) Vio el anuncio o banner en alg\u00fan lugar de la red e inicio el proceso,\u00a0 le llamo la Atenci\u00f3n<\/strong> el mensaje y decidi\u00f3 darle clic.<\/p>\n 2) Es de vital importancia utilizar las t\u00e9cnicas de persuasi\u00f3n como pueden ser, reciprocidad, Prueba social, Autoridad y otras para llamar su Inter\u00e9s <\/strong>y hacer que se dirija hacia abajo y lea el resto de la pagina,\u00a0 ya hemos hablado de t\u00edtulos descriptivos que hagan sentir al visitante que sabemos lo que quiere e iniciar con beneficios claros que toquen su real dolor.<\/p>\n 3) Debemos provocar Deseo<\/strong> en el \u00a0usuario de realizar la Acci\u00f3n<\/strong> lo cual puede hacerse dejando entrever un contenido claro y corto en los beneficios pero con creando una inc\u00f3gnita que lo motive a seguir leyendo.<\/p>\n Estos son algunos consejos, hay much\u00edsimas mas t\u00e9cnicas de las cuales puedes apropiarte para mejorar cada vez mas tus m\u00e9tricas de conversi\u00f3n.<\/p>\n A continuaci\u00f3n un listado de algunas herramientas que ayudan a determinar donde miran los usuarios dentro de tu landing page:<\/p>\n Qualaroo<\/a><\/p>\n Esta herramienta puede decir por qu\u00e9 lo est\u00e1n haciendo los usuarios en su web o a\u00fan m\u00e1s importante, por qu\u00e9 no est\u00e1n haciendo algo.<\/p>\n Clicktale<\/a><\/p>\n Permite saber\u00a0cuanto tiempo pasan de media los usuarios en cierta zona\u00a0de la pantalla, grabaci\u00f3n del rastro del mouse\u00a0<\/strong>para cada uno de los usuarios, etc.<\/p>\n 4Q<\/a><\/p>\n Recoge datos cualitativos a trav\u00e9s de un cuestionario al usuario cuando ha estado navegando por nuestra web<\/p>\n Crazyegg<\/a><\/p>\n Ofrece diferentes visualizaciones: Permite identificar zonas calientes donde no esperabamos recibir clics y\u00a0potenciar visualmente estos elementos o reubicar contenidos.<\/p>\n Seevolution<\/a><\/p>\n Esta herramienta integra muchas de las funcionalidades de Crazy Egg y Clicktale, es gratis<\/p>\n Heatmap<\/a><\/p>\n Permite identificar zonas calientes donde no esperabamos recibir clics y\u00a0potenciar visualmente estos elementos o reubicar contenidos<\/p>\n Userfly<\/a> Mogotest<\/a><\/p>\n Es una aplicaci\u00f3n que resultar\u00e1 de enorme utilidad para los desarrolladores y dise\u00f1adores web. Una nueva herramienta de verificaci\u00f3n que les permitir\u00e1 comprobar si sus p\u00e1ginas y aplicaciones web se renderizan y se comportan correctamente en los distintos navegadores.<\/p>\n Clickheat<\/a><\/p>\n Ofrece mapas de calor sobre cualquier p\u00e1gina HTML<\/p>\n Five second test<\/a><\/p>\n Permite refinar \u00a0landings y llamadas a la acci\u00f3n, analizando los elementos m\u00e1s prominentes de la p\u00e1gina.\u00a0Tienen una versi\u00f3n\u00a0gratu\u00edta\u00a0y de pago.<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n
\n
<\/a><\/p>\n\n
<\/a><\/p>\n
\nEs un servicio que te permite comprobar de primera mano y sin lugar a error, el comportamiento de tus usuarios cuando visitan tu p\u00e1gina web.<\/p>\n
\nSobre los autores<\/strong><\/p>\n