ANID INTERNET ESTUDIO

        

Podemos leer en el Blog Oficial de Google España como crecen sin cesar los usuarios que cada día navegan por internet mediante su telefono móvil, sin ordenadores.

Y aunque hace tiempo que podemos comprobar esta tendencia, mediante las visitas a páginas de nuestros clientes y los datos que se encuentran por la red, el hecho de que medios como Google encargue a empresas especializadas un estudio para determinar estos datos (estudio realizado por MediaCT Germany -  site: http://www.ipsos.com/mediact/ ) adquiere relevancia por su seriedad y confirmación de las sospechas que como digo teniamos a menor escala.

En el artículo destacan a Melia Hotels como pionera, y parece obvio pero no lo es, que grandes compañías con negocio en mercados b2c, que ya contemplan como canal de ventas primordial y principal a Internet, no estén invirtiendo en la tecnología móvil desde hace tiempo, desde el inicio de esta posibilidad.

¿Quien dudaba que alguien pudiendo navegar desde su movil no lo haría?

Quizás el hecho de que no existieran buenas adaptaciones a movil en un sector determinado, era una excelente excusa para pensar que el usuario jamás reservaría un vuelo o una estancia desde su smartphone, eso... hasta que la empresa pionera abra la veda caza clientes movil. Y así es. 

En cuanto los usuarios adviertan lo sencillo que puede ser reservar un vuelo o hacer una compra desde el móvil, lo harán. El que no esté preparado, que planee su descenso de ventas.

OPINION

Desde aquí siempre hemos insistido en la importancia de las aplicaciones móviles en el mercado b2c, pero sobretodo, la importancia de una versión Móvil, donde nos aseguremos que el visitante a nuestro sitio va a poder navegar con comodidad y realizar los procesos y/o compras necesarias igual o más facilemente que en el sitio web madre.

La versión móvil evidentemente convive con ciertas carencias, la pantalla tiene el tamaño que tiene y la conexión puede ser durante gran parte del día 3G. Eso implica que el bombardeo de ofertas que podamos llevar a cabo en un sitio web estandar no tenga lugar o no en la misma medida cuando desarrollamos para la pantalla de un dispositivo movil.




























IMAGEN DE GOOGLE ESPAÑA
Fuente: http://googleespana.blogspot.com/2011/09/el-33-de-los-espanoles-navega-en.html?spref=tw 

No obstante del defecto hacemos virtud, pues el focalizar nuestros esfuerzos en un proceso determinado seguramente afianzará nuestros objetivos, quiero decir, si no disponemos de ese bombardeo de ofertas es lógico que no consigamos un cliente dudoso, uno que no tenía pensado adquirir un paquete de vacacionesque se le ofreció mediante un banner y quizás en la web estandar lo compró. En cambio el que tenga claro qué, cómo y a cuánto lo quiere dispondrá de una herramienta eficaz y enfocada a ofrecerle lo que busca sin interrupciones, y eso es un placer para el usuario: algo fácil y rápido en internet movil, no puede ser mejor.

El artículo: 
http://googleespana.blogspot.com/2011/09/el-33-de-los-espanoles-navega-en.html?spref=tw

Información extendida ofrecida por Google España: (dropbox!)
http://dl.dropbox.com/u/19555314/Google/One%20Pager%20Think%20Mobile.pdf

Beeshopy cuando fue fundada, y ahora Beetailer, es una genial idea que ya está dando grandes frutos y que seguramente formará parte de una revolución en las redes sociales y el comercio online. 

La idea consiste en tener una tienda online en facebook, así de claro.

Lo mejor de la gestión: ya dispones de tienda online Magento, pues la aplicación se encarga de sincronizar tu tienda para que esté en una pestaña de tu página de facebook y se pueda comprar desde ella. 

Lo mejor de la idea: Imaginaos las propiedades de facebook para compartir, comentar, enviar,me gusta, ser amigo, etc.. con una tienda online en el muro…la interacción y marketing es infinito.

Beetailer funciona con plataformas Magento y Shopify (de pago), ademas de construir tu tienda ofrece una visión de negocio muy buena, teniendo acceso a promociones en Facebook, estadísticas detalladas, gráficas, múltiples páginas y ser totalmente configurable.

Ya cuentan con más de 900 clientes que tienen su tienda online funcionando y un catalogo de más de 434.000 productos a la venta desde facebook. Aquí un buen ejemplo y aquí otro

Los creadores son Laura Valverde, Miguel A. Martinez y Juan Gallego, con sede en Andalucía, iniciaron su andadura en Enero de 2010 aproximadamente, dato que recojo de la noticia del diario de Sevilla Ver Noticia

Referencias vistas en:

Beecoder's Blog

Techcrunch

Parece que el mundo del análisis de visitas y tendencias de los usuarios está ya bastante controlado, en algún blog leí hace tiempo a una SEO comentar que estaba llegando a un límite insospechado de su vicio por conocer más y más… pensaba llegar a detectar la bebida favorita de algunos usuarios..;-)  
 
Bromas aparte, casi un año atrás leí el libro Analítica Web 2.0 ,


me hice con él en un aeropuerto y lo primero que pensé es .. qué es esto??? aquí??, menudo taco y a 45€.. (ahora online lo veo mucho más barato, pero ya se sabe, un aeropuerto, me amenizó el vuelo). Lo cierto es que el libro es muy interesante, lo firma Avinash Kaushik .. cuando sabes quien es entiendes la dimensión del libro.., pero aun así, no lo acabé correctamente, llegado casi a la mitad, empecé a leer saltando muchas páginas. Ahora investigando sobre el tema pero sin acordarme ya del libro me doy cuenta de que aquello que me pasó al leerlo, lo que entendí y lo que deje de leer, es un reflejo exacto del trabajo de análisis de visitas de un sitio, me explico:
 
Actualmente existen varias, muchas, herramientas de control de visitas y tendencias en un sitio web, si bien los neófitos acuden de inmediato a Google Analytics y se dejan seducir con razón. Los más viejos vivimos las Urchin, Analog o Awstats! pero todo ha ido mucho más allá y actualmente existen otras herramientas mucho más potentes. Potentes o más fiables o.. con prestaciones diferentes, sobre todo en cuanto a la gestión de los datos, qué podemos hacer con ellos y en qué tiempo. El libro mencionado habla de ello, de entrega de reportes o de consulta de datos concretos.

     





Estuve trasteando por la Web de Omniture y contrastando con la información del libro rápidamente entendí lo que me explicaban sus páginas, vi Analyzer NX y otros que comenta el libro. Estos son softwares para grandes empresas, como explica el libro podemos obtener información muy muy valiosa de ellos, no obstante ¿necesitamos esos impresionantes informes y esos datos?


           Por otra parte nos ofrece los ya comentados GA, Awstats, y similares para tareas menores.
 
           Escapando ahora del susodicho libro, hacía ya tiempo que quería dedicarle un poco de atención a la
           versión que salió en 2010 de Yahoo Web Analitycs,

          




leí un post sobre el tema en el genial blog de Edgar Sanchez, y hoy recordando esta cuenta pendiente me paré a pensar sobre la herramienta de Yahoo, ¿resultado? Vuelta a las ideas del libro Analítica Web… ¿Necesitamos YWA?  Edgar nos compara, analiza y explica muy bien los pormenores y la comparación, lo cierto es que engrandece a YWA frente a GA. Ante esto por suerte para contrastar opiniones entre profesionales disponemos del reply de Justo, donde derrumba con datos sólidos algunas comparaciones de Edgar. 
 
YWA es gratuita al igual que GA, pero en Yahoo te exigen se cliente y no solo eso, disponer de un Account Manager, si no lo tenemos asignado no podremos acceder a YWA. Y esa razón resume mi conclusión.
 
CONCLUSIÓN
 
Al igual que la idea que transmite el libro y mi experiencia, hay grandes herramientas para la analítica web, el asunto es si las necesitamos. Si trabajamos en una gran empresa o para una agencia, deberemos entregar extensos reportes, se nos pedirá analizar al detalle muchísimos datos. Necesitaremos una herramienta tipo SiteCatalyst de Omniture o similar. Es interesante que el libro comente el hecho de que pasará con esos datos una vez expuestos o entregados a tu jefe… 
 
En cambio, si trabajamos en una pyme GA no solo nos funcionará muy bien, ¡Nos sobrará! También podemos trabajar con algo más sencillo como Piwik o seguir recurriendo a Awstats.


 
Edgar comenta las bases tecnológicas de YWA frente a GA, pero como digo en mi conclusión, ¿como me afecta a mi la supuesta mejor tecnología de Yahoo? No me afecta, no la necesito. 
 
Lamento que Edgar, justifique después su post inexacto ante el reply de Justo, que su labor en Yahoo fue más propagandística que de uso mismo de la herramienta, y que confiese no haber profundizado totalmente con GA, por lo que su post queda en entredicho. Aunque a espectadores como yo estos posts resulten verdaderas lecciones profesionales.
 
La pregunta: ¿Que vas a hacer cuando tengas tus datos de análisis web?
 
La respuesta contendrá la herramienta que necesitas.
 
 
COMENTARIOS
 
Aunque hablamos de Urchin y GA, Urchin fue adquirida por Google, basando su GA en la misma plataforma.
 
Existen diversos métodos de recopilación de datos web, cada software varia en el método ligeramente o totalmente, no obstante para datos menores no debemos darle mayor importancia a este hecho.
 
La capacidad para manejar los datos, realizar cruces y realizar análisis personalizados con nuestra herramienta será determinante, eso si es importante.
 
 
Bibliografía:
 
Definición y métodos del Análisis Web en Wikipedia (inglés)
 
Lista de Software de Análisis Web
 
Blog de Edgar Sanchez
 
List of web analytics software
 
Google Analytics
 
Yahoo Web Analytics

No es una entrada habitual aquí, pero nos ha emocionado ver que para la Keynote de Hoy 2 de Marzo de 2011, y tras todo tipo de rumores catastróficos, Steve Jobs ha hecho aparición por sorpresa para presentar el supuesto Ipad2 entre otras cosas.

Nos emociona porque si Tim Cook comentaba durante este tiempo (desde el retiro de Jobs por enfermedad y el relevo temporal del propio Cook)  los astutos planes para telefonía móvil y la estrategia ya fijada a largo plazo para la compañía, con tecnología "sorprendente", todo eran dudas al no contar con Jobs como cabeza visible, ¿podía seguir siendo Apple lo que es tras el Iphone sin Steve Jobs? ¿serán las Keynotes de Apple lo mismo que antes?

Pues, no hace falta seguir especulando, el maestro de ceremonias no ha dado el relevo y reaparece para esta keynote tan llena de rumores. Y nos gusta saber que según Pedro Aznar de applesfera "Streve Jobs tiene una pinta estupenda" (sic)

Esperamos seguir recibiendo tecnología de Apple para hacer mejores trabajos y más comodamente.

;-)

Aunque entiendo que filtrar nuestra IP o la de la oficina o la de nuestros clientes..,  es algo muy sencillo, algunos usuarios que no están familiarizados con Google Analytics pueden no encontrar dónde y cómo hacerlo.

Además, hemos recibido varias veces la misma consulta por parte de clientes y amigos, por lo que creo esta pequeña entrada para ayudaros a filtrar ips en Google Analytics.

Para los neófitos, querremos filtrar alguna IP en el control de visitas a nuestro sitio para evitar contar visitas que no nos interesen o que no deban contabilizarse. En el ámbito profesional suele filtrarse la IP de la oficina de un cliente y la nuestra propia, ya que una oficina con , por ejemplo, 10 empleados que alguna vez al día entran en el sitio web o incluso lo gestionan desde un CMS, van a alterar enormemente los resultados en cuanto numero de visitas recibidas, pero sobre todo en cuanto a tiempo de permanencia en el sitio...

Mediante 2 capturas creo que quedará muy claro como filtrar una IP en Google Analytics:

1.- Al acceder a nuestra cuenta, a la derecha veremos el botón EDITAR. Entramos en editar.


























2.- Una vez dentro, en la zona inferior, tenemos el marco de opciones FILTROS, y podemos hacer clic en AÑADIR FILTRO. Eso es todo!

La verdad es que la pantonera se nos ha quedado bastante obsoleta a los que diseñamos sólo para internet, he visto muchas, muchas.., aplicaciones de las llamadas Color Wheels. Para neófitos, una "Rueda de color" es una ayuda puntual para seleccionar una gama de colores basándonos en las teorías clásicas del color. Siempre recordaré la primera vez que empecé a usarlas… al variar las composiciones me iban llegando a la cabeza distintos diseños que permanecen en mi memoria, esas gama de color que se generaban por primera vez para mi en la rueda ya las había visto en famosos posters, logotipos,etc.. grandes trabajos muy bien hechos.

Pero más allá, estoy encantado con la herramienta que llevo un tiempo usando para liberar tensiones y consultar composiciones que aunque ya sepamos vemos más claras representadas gráficamente. El sitio web de http://colorschemedesigner.com/ , es una color wheel interactiva que nos da todas las opciones necesarias para trabajar con color en internet.

Podemos seleccionar colores opuestos, complementarios, crear esquemas de color y varias cosas mas, todas muy útiles.
En un primer momento pensé.. es online… preferiría que fuera local… pero la verdad es que no resulta ningún inconveniente para nuestro trabajo: ¿Cuando no tenemos el navegador abierto? ;-)
































Esto en tu mac… pero hay más!

Desde hace un tiempo nos hemos enganchado a algunas aplicaciones de apoyo al diseño pero fuera del mac..y no me refiero a un papel o un boli, me refiero al iPad.

En breve publicaré un post sobre algunas aplicaciones iPad para diseñadores que son realmente buenas, pero para abrir boca y relacionado con este post, presento PALETTES





































Esta es todo un lujo!! , el inconveniente es cortar y pegar los códigos de color, pero la verdad es que la App es exageradamente completa. quizás demasiado! La versión de iPhone pienso que no ha de ser muy útil, quizás para discutir un color con un cliente o compañero fuera de la oficina… aunque en el iPhone 4 se debe ver de miedo!


Links

Color Scheme Designer 3

Palettes App

Stephen Carver es un diseñador/desarrollador norteamericano. 

Y ANTES DE QUE SIGAS LEYENDO:
SI ESTÁS AQUI CON INTERNET EXPLORER, ve directamente al final de este post a la zona EXPLORER, en caso contrario no entenderás nada… pues lo que veas en tu monitor querido usuario y lo que comentamos nosotros.., no se corresponderá.

continuo….Stephen Carver es un diseñador/desarrollador norteamericano. 

Y no tiene manías, no tiene ningún reparo en diseñar con absoluta libertad sin mirar hacia Ie y sus restricciones. Evidentemente el chico debe tener su cartera de clientes muy afianzada para permitirse ese lujo..

Su sitio web es una clara y genial demostración de lo que podemos hacer con css3 y de una forma muy sencilla, sencilla técnicamente, otra cosa es la genialidad de diseñar como lo ha hecho.

CSS3

Stephen publica su sitio web desarrollado con CSS3, diseñando mediante la técnica GRID, los contenidos se muestran de una forma visualmente muy funcional, la navegación es muy buena, pero para permitirse el uso de fuentes gigantes y otras pequeñas en distintas resoluciones de monitor, necesita poder adaptar el contenido.

ADAPTANDO EL CONTENIDO

Cada pequeña parte, fondo, imagen o texto se reposiciona cuando la ventana del navegador modifica su tamaño, consigue que todas las resoluciones obtengan una versión idéntica del sitio a pesar de usar esas tipografías y cajas negras tan grandes:

          









 



















Incluso su logotipo se recoloca pasando de estar a la derecha (todos respetamos los resultados del eye tracking de google…) a colocarse en el centro arriba…todo un detalle.

Pues igual con el fondo de imagen, los menús del header, los contenidos del footer, el pie de página es una delicia de detalles….todo adquiere vida propia para ofrecer al usuario la visión EXACTA que el diseñador quiere para su sitio. Genial.

El código es sencillo, como siempre en muchos grandes proyectos la dificultad estriba en la idea y no en el desarrollo.

Este hombre no pierde una, dispone de una de las codiciadas cuentas Dribble, publica su lista de deseos de Amazon, nos conecta via Tumblir y más y más redes….

INTERNET EXPLORER Vs. Css3

al grano… y después de la excitación de disfrutar de un bonito y bien hecho trabajo, es cuando abrimos nuestro paralells (esto es toda una declaración de intenciones) para ver la web de Stephen con los ojos de Microsoft. 

Y que esperabas! ya sabemos que no lee Css3! pero viendo un sitio tan simple y bien hecho, cuesta creer que el 56% de los usuarios en España no vayan a verlo bien! Pensarán que hay un error, que no funciona, que que sitio más deprimente.. que frustante..

Si estás en Explorer verás algo parecido a esto:



· sin fondo
· sin lineas de separacion punteadas
· sin recolocación de obtetos
· si suavizado de fuentes

Gracias Microsoft por innovar, por ayudarnos a mejorar, por permitirnos dar cada día más en nuestro trabajo, por motivarnos.

¿como vamos a ofrecerle a un cliente algo realmente nuevo con Css3? no se lo ofrecemos, aunque puede más nuestra imaginación que Microsoft y con Css2 podemos dar muchísimo de nosotros mismos todavía, y lo que haga falta. La tecnología quedará para nuestra práctica y entretenimiento.

Tengo otro post preparado, pero ese son palabras mayores, el GURU del CSS en España (y parte del mundo!!) 
En breve comentamos su ultimo experimento: animación solo con css, nada de javascript ni flash, ni html5, con calidad realista y por 1Kb!


STEPHEN CARVER está aquí

Abro un nuevo estilo de post...
porque al fin y al cabo estamos permanentemente rodeados de ordenadores, móviles, software, aplicaciones e internet, por lo tanto comentar algunos temas sobre software o aplicaciones no es nada ajeno a los que escribimos en un blog de una empresa de diseño web no? Más bien todo lo contrario, nos pasamos todo el día con aplicaciones nuevas de arriba a abajo, y desde la revolución iPhone un poco más realmente.

Me estreno con algo muy útil, que mientras buscaba navegando me ha llegado desde twitter, casualidades de la red..



Usas THINGS? Tienes más de un Mac? Quizás uno portatil y otro en la oficina... Bien pues si alguien ha intentado tener todos los ordenadores con las tareas sincronizadas sabrá que los de Culture Code no han integrado la función para hacernos la vida más fácil. Pero podemos hacerlo por nuestra cuenta:

#1 crea una carpeta en Dropbox para almacenar la base de datos después

#2 evidentemente los Mac a sincronizar han de tener instalado Dropbox....


#3 vamos a la carpeta en la que dropbox tiene la BBDD: NombredetuUsuario > Librería > Application Support > Cultured Code > Things 

#4 Movemos la BBDD a la nueva carpeta en Dropbox

#5 En el resto de Macs borramos la libreria de Things de la carpeta original

#6 En el resto de Macs abrimos Things mientras presionamos la tecla ALT, esto nos permitirá decirle a Things donde y qué BBDD ha de usar

#7 Elegimos la que ahora tenemos en Dropbox

;-)

IMPORTANTE: No podemos usar Things al mismo tiempo en maquinas distintas.

Leido en .. miles de sitios con versiones distintas...

Ya está aquí. 

Tras surgir Google Instant sabíamos de los rumores sobre el nuevo sistema para ahorrarnos aún más tiempo que tenía preparado Google.
Con Google Instant hemos mejorado mucho las búsquedas, es cierto que ahorramos tiempo y no solo al elegir, si no modificando las letras y palabras que tecleamos para ver los distintos resultados que nos ofrece Google para cada carácter modificado, pero INSTANT PREVIEW… ya es rizar el rizo.

Instant Preview consiste en mostrarnos de una imagen del sitio web que aparece en cada linea de los resultados al pasar el ratón por encima.
Al acceder a Google y buscar algo veremos que al final de cada línea hay una lupa:








Haciendo clic en la lupa activaremos Google Instant Preview. Desde ese momento cada vez que nuestro ratón pase por encima de los resultados nos mostrará a la derecha la imagen capturada que tiene del sitio web en cuestión…






























GENIAL.

Google dice que:

"si no recuerdas exactamente la web que visitaste puedes averiguarlo mejor viendo una imagen previa antes del clic"

"si buscas una página oficial, quizás el logotipo de la marca en nuestro preview te permita acertar a la hora de elegir el resultado"

"Si buscas un estilo de página en concreto puedes verlo antes de ir …."

(conceptos extraídos del Blog Oficial de Google)

Personalmente pienso que es una herramienta muy buena, que realmente nos va a ahorrar tiempo y que es una demostración absoluta del poder y capacidad de Google para mejorar la experiencia de los usuarios en Internet.

Imaginemos que buscamos webs de playas en Mallorca ;-) , será realmente interesante!

A navegar!!

Deseamos compartir con otros diseñadores y desarrolladores algunas ideas y métodos de trabajo. Siempre andamos investigando en la red, navegando en busca de cómo mejorar y ver el trabajo de otros. En esta ocasión y tras las sugerencias recibidas decidimos aportar nuestro granito de arena en Internet publicando el Manual de Diseño del sitio Web del Museo Es Baluard en Palma de Mallorca. 



Descargar Es Baluard Design Guide (en ingles)

Esta guía de diseño la hemos usado para coordinar el trabajo entre nuestro equipo y el cliente.

Ni cada proyecto es el mismo ni cada método aplicable a todos los clientes o todas las agencias, pero si de alguna manera este documento sirve a alguien para algún proyecto, bienvenido sea! 


Las imágenes tienen copyright de FUNDACIO ES BALUARD, MUSEU D’ART MODERN I CONTEMPORANI DE PALMA

El documento se distribuye bajo licencia Creative Commons:


Manual de Diseño Web Es Baluard by ANID Diseño Web Profesional is licensed under a Creative Commons Reconocimiento-NoComercial 3.0 License.