Se trata de un blog dedicado a los amantes del fútbol, y en concreto de la Liga BBVA de España. Un espacio donde dar una opinión objetiva del deporte rey. El Fútbol sin tapujos.

En el blog encontraréis artículos de opinión, lecciones de fútbol, leyendas de La Liga, entrevistas… todo lo necesario para estar al día de lo que pasa en este bonito deporte.

Os invito a que lo visitéis y si queréis formar parte de la comunidad siendo un miembro activo del blog dándo vuestra opinión o escribiendo artículos en él sois bienvenidos.

¿Te gusta el fútbol y estás cansado de las tonterías de Roncero, Xavi Grau, Siro o Hermel? Visita El Fútbol es así y no hagas caso al circo mediático.

De los responsive designs se ha hablado mucho, desde los frameworks que te ayudan a construir un sitio así como serían Bootstrap o Foundation, hasta los tutoriales que surfean por la red. Pero en nigún sitio hablan de las buenas prácticas (en cuanto a usabilidad se refiere). Por ese motivo he decidio mostraros 10 buenas prácticas en el diseño de web mobiles.

Práctica 1. Nombra y muestra

Un sitio web contiene muchísima información, y cuando la vemos en un ordenador de sobremesa se puede absorver toda ya que la pantalla así lo permite, pero cuando de un móvil se trata, debemos nombrar todo de lo que vamos a hablar y si pincha mostrárselo. No hay nada más molesto que tener que hacer scroll con el dedo en un móvil para llegar a ver toda la información del web. De este modo, podemos mostrar todo lo que queramos de una manera mucho más usable.

Práctica 2. Desplazamiento horizontal y lateral

¿Por qué limitar al usuario a desplazarse sólo en vertical, cuando puede también desplazarse en horizontal? Se pueden hacer carrousels laterales cargados de información, ordenada de manera usable para que el usuario la obtenga. Una buena práctica es poner fotografías en carrouseles horizontales.

Práctica 3. No uses muchos links, muestra todo lo que puedas de una

Hacer click con un ratón es muy fácil y cómodo, nada te estorba en la pantalla más que un pequeñito puntero diminito en comparación a una pantalla de 21′. En un móvil tu puntero es el dedo y cada vez que lo usas pierdes visión en la pantalla, por eso no uses muchos links y muestra toda la info que puedas en la misma pantalla.

Práctica 4. Usa anchors navegables dentro de una misma página

Esta parece que se contradiga a la anterior práctica, pero tiene mucho sentido. Si creamos menús superiores con anchors dentro de la própia página el usuario podrá desplazarse más conscientemente sobre la página y tendrá más control del uso de la información.

Práctica 5. Usa gerarquías en los menús

Puedes usar un menú encima de otro siempre y cuando lo uses gerárquicamente y con diferencias. Es una buena práctica tener un menú superior de navegación global del sitio y un segundo menú de anchors de la página que estemos viendo.

Práctica 6. Sliders

Todos sabemos que los sliders gustan mucho, pues ¿por qué no ponerlos también en la versión móvil? Eso le dará un toque más dinámico a la página y una punta de color que el usuario agradecerá enormemente.

Práctica 7. Enlace a la versión web

Es un buen escape para el usuario, poder ver  la versión web en su smartphone. Hay veces que la versión móvil no aporta lo esperado y encontrar un link para ver la versión web puede ayudar a retener al usuario y ofrecerle una experiencia de navegación paralela de tu web.

Práctica 8. Haz los titulares cortos

En la versión web podemos poner titulares tan largos como queramos ya que no tenemos una carencia de espacio, pero en la versión mobile no nos podemos permitir ese lujo, a cuanto mayor sea el titular menos espacio nos quedará para ver el resto de contenido y perderemos efectividad.

Práctica 9. Usar placeholders en los formularios

Normalmente en los formularios estamos acostumbrados a tener un texto introductorio antes del input ya que tenemos todo el espacio que queramos disponible. Los placeholders nos ofrecen la posibilidad de escribir el texto introductorio dentro del input y una vez escribimos se guarda lo introducido. Es perfecto para reducir espacios.

Práctica 10. Usar labels

Que grandes son los labels a falta de espacio. Esta simpática tag de html nos permitirá que pinchemos donde pinchemos dentro de ese label nos situe encima del input para poder escribir en él. Práctica muy recomendada en experiencias móviles

Esta es la primera parte de la lista de mis buenas prácticas en el diseño de web mobiles.

¿Qué te parecen? ¿Las vas a usar?

Como ya hice con el iPad2 voy a hacer una lista para que veas todas sus ventajas e inconvenientes para que decidas si quieres uno o no.

Ahí va la lista:

Ventajas del Nexus 4

1. Sistema operativo nuevo que se estrena con este dispositivo, el JellyBean 4.2. La evolución del JellyBean con muchas mejoras interesantes encaradas a la usabilidad del sistema de cara al usuario.
2. Su carga inalámbrica por inducción. Google ha querido añadir la posibilidad de cargar el dispositivo en una base que en contacto con el teléfono carga la batería sin necesidad de enchufarle el cable Mini USB.
3. Diseño extremadamente elegante. Al no llevar ningún botón físico ni la marca en la parte frontal del dispositivo lo hace muy agradable a la vista. Su textura posterior con reflejos acristalados le dan un toque muy distintivo.
4. La posición de los botones laterales del sonido están a la posición idonea para poder usar sólo una mano para su interactuación.
5. La fluidez del teléfono es asombrosa. Las características técnicas del dispositivo no son nada del otro mundo pero combinadas con el sistema operativo que monta hace que sea un dispositivo extremandamente fluido.
6. El precio. Google ha decidido que sea para todo el público. El dispositivo comprado en la Play Store en España cuesta para el modelo de 8Gb 299€, mientras que el de 16Gb cuesta 349€. Esto lo hace extremadamante llamativo y apetecible.
7. El Nexus 4 incorporta el Photo Sphere, para poder hacer panorámicas de 360º. Que venga de serie con esta posibilidad es de agradecer, yo almenos la usaré.

Inconvenientes del Nexus 4:

1. La publicidad del móvil hace que pienses que la carga por inducción va de serie, lamentablemente ese un accesorio que se tiene que comprar a parte.
2. El dispositivo no permite extraer la tapa trasera, eso quiere decir que la batería no es extraíble y por lo tanto se tiene que llevar siempre el cargador encima si se le da mucho tute al teléfono.
3. El móvil de entrada no será AOSP (Android Open Source Project). Eso quiere decir que de momento no será customizable con Roms cocinadas por la comunidad, sólo se podrá montar el Sistema Operativo que Google desarrolle para el smartphone (de manera oficial, de echo ya se puede rootear).
4. El sistema de sonido externo no es lo mejor que haya visto. Cuando no usas auriculares para ver un video y decides oirlo por el altavoz externo, el sonido se oye un tanto enlatado, no dispone de un sistema Dolby Mobile (como en el caso del Desire HD, que es del terminal que vengo) y la experiencia deja un poco que desear.
5. No tiene control de sonido multimedia con las teclas físicas de sonido. Es decir, cuando ves un video no puedes ajustar el volumen por la teclas, debes hacerlo por los controles del reproductor.
6. Para poder pasar archivos desde tu Nexus 4 a tu Mac, necesitas bajarte una app. Si tienes un PC con Windows no hace falta usar ninguna app.

De momento, estas son las ventajas e inconvenientes para que decidas si quieres uno o no. Viendo esto, ¿Quieres adquirir un Nexus 4? Para mi es un muy buen terminal, y me despido contento de mi Desire HD para convivir con mi nuevo Nexus 4.

Ya sabéis como funciona la mecánica deportiva en la competición, así que sin más dilación os presento los logos de la East Coast:

Ya teniendo claro todos los logos de la NBA, ¿Cuál os gusta más?

Bién, la Keynote no despertó el interés que suscitaban las anteriores presentaciones de la marca, ya sea porque el factor Steve Jobs se ha desvanecido un poco o porque la comunidad Mac ya se esperaba que no iban a presentar ningún producto que fuera distinto, o ya no distinto, sino que tuviera alguna innovación sobre la competencia.

Quizás es la desaparición de su fundador Steve Jobs, o el enfriamiento global del consumismo en el planeta debido a la crisis que nos persigue o porque simplemente no tienen necesidad de crear nada nuevo, pero la chispa en los productos de Apple se ha apagado. Ya pasó con el iPad 3 (o llamado iPad a secas con Retina Display) que no nos aportó una revolución como iba siendo de costumbre en cada producto presentado por la marca, incluso en la presentación del iPhone4s que no supuso un cambio demasiado drástico en comparación con su predecesor, pero lo que si que es verdad es que quizás ya no le hace falta ser innovador para ser exclusivo.

¿En qué cambia un HUAWEI Ascend G600 que es un SmartPhone más que aceptable para el 80% de los usuarios de SmartPhones que costará unos 300€ libre a un iPhone5 que costará más de 600€ libre de contrato? Pues bien señores, cambia la marca. ¿Quiere ser cool? Pues paga. Me aventuro a decir que el 90% de los usuarios de dispositivos inteligentes sólo usan el WhatsApp y 4 juegos para pasar el rato en sus tiempos muertos de camino a casa o en el tren. ¿Somos capaces de gastarnos más de 300€ para tener un asistente de voz llamado Siri que hace gracia y que dice que el mejor móvil es de la competencia? Si lo somos pues compremos el iPhone5.

¡Ojo! El iPhone5 es un pedazo de dispositivo de los pies a la cabeza, ¿eh? Que nadie diga lo contrario porqué mentiría, pero es un gran dispositivo como cualquier otro de características similares, prestaciones parecidas pero precio más elevado.

Lo siento pero el iPhone5 no aporta nada nuevo al mundo de las telecomunicaciones, y si Apple se ha convertido en otra marca que sigue a las masas y vive de los fanboy que compran sus productos creo que han perdido el rumbo de lo que era esta empresa. He dicho.

Imagen de http://es.engadget.com

Bien, meses después, Microsoft anunció Surface, un dispositivo entre portátil y tablet, una herramienta según dicen ser un híbrido entre un gadget móvil y un PC, algo que comparte lo mejor de cada aparato: la movilidad de un tablet y la versatilidad de un ordenador. Sólo se anunció y no dieron las especificaciones técnicas debido a su tardanza en comercializarlo, ya que se podía quedar obsoleto si no se cumplían quizás las fechas de fabricación o porqué la tecnología avanza demasiado rápido como para fijar un hardware a 6 meses vista.

El caso es que Bill Gates cree que Apple deberá modificar su iPad o abrir una nueva linea de productos con unas especificaciones parecidas a su Surface, ya que los usuarios no cree que deban tener que decidirse por un ordenador o un tablet, es mucho mejor tener los dos en un mismo dispositivo.

Personalmente creo que el futuro pasa por aparatos como Surface, híbridos portátiles capaces de poder usarse como PC o como tablet, que con un mismo dispositivo puedas ir a todos los lados y que se enchufen a pantallas más grandes para trabajar en un despacho, casa o televisor. Adoro el iPad, pero si que es cierto que hay cosas que no puedo hacer en él o si que puedo hacer pero me resultan mucho más cómodas en un ordenador de mesa (como comenté en mi este post). También creo que para los profesionales como yo el ratón ya no es una herramienta indispensable, si se dispone de otro utensilio para poder trabajar con más precisión nos podemos olvidar de este, y sólo trabajar directamente en la pantalla con los dedos o con un lápiz táctil…

¿Debe Apple plantearse un dispositivo así o con sus nuevos rumores de iMacs táctiles y demás ya están más que cubiertos?

Muy de moda está esto de que todo el mundo se lo guise y se lo coma en cuanto al mundo web se refiere, y es que en los tiempos que corren si no tienes web no eres nada y el alcance que tiene internet y el coste extremadamente barato que tiene, han provocado que todo el mundo quiera aprender a manejar webs.

Google está ahí para ayudarte y en esta nueva muestra de altruismo te explica cómo llegar a administrar bien tus webs. El único inconveniente es que tienes que saber inglés ya que el contenido es íntegramente en ese idioma. Lo único que necesitas para empezar es tener una cuenta de correo en Google y la herramienta Webmaster Tools activa.

Webmaster Academy se compone de tres partes, la denominada “Google & You” donde te explica cómo funciona Google, qué hacer para estar en su red de búsqueda, cómo crear buen contenido y otros recursos extras; la parte “Webmaster Tools” donde te explica cómo usar esta herramienta que te proporcionan para monitorizar tu sitio web; y la parte “Businesses” que te explican como monetizar tu web con ellos.

Como véis no deja de ser una publicidad de sus servicios, pero para empezar no está nada mal. ¿Haréis este curso?

Como ya sabéis, el ganador de la Conferencia Oeste, se enfrenta contra el ganador de la Conferencia Este, al mejor de 7 partidos.

No os aburro más, aquí os los dejo:

Si os interesa dirigíos a Ultra-Bundle para comprar este increíble derroche de recursos. Pero, ¡ojo! No todo acaba aquí, si hacéis scroll en la página, encontráis 15 pinceles para photoshop totalmente gratis, lo único que piden es que les hagáis un tweet. ¡Esta gente tira la casa por la ventana!

Os recomiendo que le echéis un vistazo porqué no tiene desperdicio. Y recordad, ¡sólo durante dos semanas!

Es un corto realizado por Jacob Frey y Harry Fast sobre un simpático hamster corriendo con su ruedecilla. El corto se ha presentado a más de 100 festivales de animación y ahora por fin lo podemos disfrutar en la red.